初心者簡単な無料ＨＰの作り方
実際に初心者簡単な無料ＨＰを作成してみましょう。
ひながたのサンプルなどを使った作り方です。
無料ホームページの作り方はサンプル雛形で簡単
初心者簡単な無料ホームページの作り方としては、サンプルの雛形がないと難しいです。自分で一から作成するのは困難だと思いますので、わたしが作った簡単サンプルを使用して実際に作成してみることをおすすめします。
このＨＰとほぼ同じＣＳＳを用意しましたので、何をどうすればいいのかわからない場合は使用してみて下さい。
（あなたと私のお約束：無料テンプレートを使用することにより、損害あれこれが生じても責任は負いかねます。自己責任でお願いします。被リンクなどは必要ないですので、自由に使ってください。）
とりあえず、html と css の雛形サンプルふたつを使用してヤフーのジオシティーズ（無料ホームページスペースの簡単比較を参照。）での作り方を仮定して初心者簡単に説明します。
ＣＳＳページ(スタイルシート)の作り方
まず新規のページにこちらのＣＳＳをコピペで貼り付けて、無料ホームページのＣＳＳページを作成します。
ファイル名は「styles-index.css」として保存してください。
こんな感じでページが作成されていればスタイルシートcssのページは完成です。
ＨＴＭＬファイルも簡単作成
次に html ファイルも簡単作成してみます。こちらのソースをコピペして index.html ファイルを作成します。
index.html ファイルはデフォルトで存在する場合は編集ボタンをおして上書きを、ない場合はファイル名を「 index.html 」として保存します。編集する際にデフォルトのＨＴＭＬソースはすべて削除してからまるまる上のＨＴＭＬを上書きします。
このＣＳＳファイルとＨＴＭＬファイルを作成すれば、とりあえずはＨＰが表示されることと思います。こんな感じでそのまま作成すれば、テンプレートはこのホームページとほぼ同じ構成になるはずです。（追記：最新版が後ろのページにあります。）
ちなみに、まったく同じ作り方でfc2の無料ホームページで作成した場合の広告はこのようなわりとちいさめの感じになります。
fc2の無料ホームページで作成した場合の広告
どちらで作成しても大差ないかと思いますが、わたしはジオシティーズで無料ホームページを作成することが多いです。当サイトは有料版ですので上部の広告が表示されていませんが、ヤフーのジオシティーズで作成しています。
とりあえず表示させてみてからちょくちょく変更していくのが、初心者簡単な無料ホームページの作り方なんじゃないかなと思います。簡単なサンプルテンプレートですが、多少ともお役に立てれば幸いです。次のページ：サンプルＨＰのカスタマイズ方法