Top >テンプレートのカスタマイズ >ウェブサイトを作る・一番最初は?

イカした釣りサイト作成術

サイトマップ  |  RSS  |  ATOM

無料配布したテンプレートのカスタマイズの解説をして行こうかと思いましたが、当サイトを閲覧し、これからサイトを作ろうと思っているあなたと、どうせなら同時進行で私もイッチョ、サイトを作っていく方が賢いような気がしたので、そうします。(^◇^)

一緒にサイトを作っていきましょう。

私の方は現在、別ドメインでグレ釣りのサイトを作成中ですが、そのサイトの衛星的なサイトでも作ってみようかと思います。

まず最初に、index.htmlを作る

テンプレートをダウンロードしたら、そのフォルダはデスクトップにでもキープして置いてください。それと平行して、あなたが作るサイトのhtmlファイルや画像ファイルの格納場所を、まずはパソコン内に作ってください。

具体的には解りやすい名前をつけてフォルダを作るだけです。
私の場合はこうしました。

ホームページ格納場所を作る「sarasi-gure」、ローカル(パソコン内)のフォルダ名はナンでもいいです。解りやすければOKですが、基本的に半角英数字で名前をつけるクセを付けておいたほうが良いと思います。

これは、サイトを作る場合、フォルダごとサーバーにアップロードをする事が良くありますが、サーバーにアップロードするフォルダは原則的に半角英数字で名前をつけます。これ、自分が解り易いからといって全角で日本語バリバリでやってしまうと、おそらくサイトは表示されないです。(やったこと無いですが・・・)

新しく作ったフォルダにダウンロードしたtemplate1ファイルとcssフォルダ、それにimgフォルダをコピーペーストしてください。

コピーペーストするtemplate1ファイルをさらにコピーして、同じフォルダ内にペーストしてください。私の場合だとsarasi-gureフォルダにペーストするという事ですね。

ペーストされたファイルは、ウィンドウズの場合「コピー~template1」のような名前になっていると思いますが、そのファイル上で右クリックして頂いて、「名前の変更」をクリック、で、「index.html」と名前を付けて下さい。これがサイトのトップページになります。

このフォルダ内にあるファイル、フォルダはすべてサーバーにアップロードしていきます。そのつもりでファイルフォルダの名前はすべて半角英数字でやっていきます。

サーバースペースですが、インターネットの閲覧環境があるあなたは、おそらくどこかのプロバイダと契約をされていると思います。契約内容にHPスペースの無料レンタルとかあると思いますから、それで十分です。

また、インターネット上には無料のサーバースペースのレンタルのサービスもいくらでもありますから、「ホームページ 無料」くらいでヤフーかグーグルで検索すればいくらでも出てくると思います。まあ、おすすめは忍者ツールFC2と言った所でしょうか?

index.htmlを作るindex.htmlを作ったら、もう一度、どんなホームページにするか構想を練りましょう。(ホントは、作る前にやるべき事ですが・・・)
その構想にそって、カテゴリを作っていきます。

私の場合は、グレ釣り関連のサイトで「サラシのグレ釣り」関連の情報サイトにします。グレ釣りにおいて、サラシは有力なヒットポイントの一つです。サラシ場だけにスポットを当てたサイトですから・・・

  • サラシ攻めの有力釣り具
  • サラシの攻略法
  • 良いサラシと悪いサラシの見分け方
  • サラシ場のマキエの
  • 南紀の有力サラシ情報
  • 釣行日誌(釣行記・フィールドレポート)
  • プロフィール
  • リンク集

こういう感じでカテゴリを分類します。(思いっきり思いつきで書いてますので、後で変更するかもしれないです・・・汗)

では、このページはこれくらいにして、次はバナー画像の差し替えを行って見ましょう!



PR
ストレス解消・メンタルヘルスケア

このページについて

このページは「イカした釣りサイト作成術」の記事のひとつです。

他にも多くの記事があります。トップページサイトマップもご覧ください。

プロフィール

こんちあ、海信と申します。
あなたの釣りに奇跡を呼び込む12の魔法と言うメールマガジンを書います。

運営サイトは稼働ドメインで幾つだ?(^_^)
無料ツールのブログや普通のホームページを合わせるとまあ、それなりに数は持ってます。

数を作ると色々な釣りサイトの作成術のノウハウや裏技のような物が見てくるのですが、当サイトではそんなお話が出来れば良いな・・・、なんて思います。

ぜひあなたも、ブログやサイト作成を頑張って、大いに釣り自慢を一緒にやりましょう。
相互リンク等はお気軽にご連絡下さい。

RSS登録

My Yahoo!に追加

Add to Google

エキサイトリーダーに登録

ivedoorリーダーに登録

はてなRSSに追加