ファンサイトを作ろう

「サイトを作ってみたいけどどうすればいいのかさっぱり分からないです」という人や、「ちょっと作ってみたんだけど、どうもうまくいかないなぁ」という場合に参考に読んでみてください。 初めてWebサイトを作る時のファンサイト作成入門として読んでくれると嬉しいですね＾＾


ただし、ここに書いてあることは「あくまで私のやり方」です。これが正しいわけではありません。サイトの作り方は各々違うので、まずこれからの内容を参考にして作ってみて、それをもとに試行錯誤して自分にあった作り方を見つけましょう＾＾



サイト作成入門

ファンサイトを作る前に

ネットゲームのファンサイトを作る前にやっておくといいことをまとめてみました。


概要を考えよう

どんなサイトを作ろうか？ファンサイトを作る第1段階をまとめました。


サイトデザインを決めよう

どんなデザインにしよう？見た目の基本を決める際にご参考に。


実際にWebサイトを作ってみよう

  • 準備
    HTMLやXHTMLを書く前に、ちょっとした準備をしましょう。この先の説明で使うフリーソフトの紹介もしています。
  • とりあえず作ってみる
    HTMLやXHTMLを書いて、簡単なWebサイトを作ってみましょう。 HTMLなんてわから〜んという人でも、コピー＆ペーストで作れます。
  • 画像のあるページを作ろう
    Webページの基本が分かったら、画像のあるWebページを作ってみましょう。 ページの印象がガラリと変わりますよ。
  • リンクのあるページを作ろう
    次はWebページの最大の特徴「リンク」のあるページを作ってみましょう。 自分のサイト内を移動する時も、他のサイトへ移動する時にも重要な「リンク」の説明です。
  • テーブル・リストのあるページを作ろう
    文字、画像、リンクが出来るようになったところで、それ以外に出来ることを紹介します。 テーブルとリストを説明します。
  • ページの見た目を変えてみよう
    Webページの基本が終わったら、次は「文字色」や「背景色」を変えてみましょう。 CSSに関する説明を簡単にしていきます。
  • 自分のページを作ろう
    今までの説明を元に、実際に公開するサイトを作りましょう。 その際にいくつか頭に入れておくといい事を紹介します。

公開してみよう

公開の仕方とホームページを置くスペースのご紹介。


レイアウトサンプル集

レイアウトサンプル集

入門編で紹介した4種類のレイアウトのサンプルソースとその簡単な説明を掲載。
気に入ったレイアウトのhtmlとcssファイルをダウンロードすることも出来ます。