簡単なFC2無料ホームページの作り方
FC2無料ホームページの作り方は簡単です。
ひながたのサンプルなどを利用しましょう。
FC2無料ホームページの作り方
FC2無料ホームページの作り方も、サンプル雛形で無料ホームページを作成すれば割と初心者簡単に作成することができます。
初心者簡単な無料ＨＰの作り方のところで書いているのは、主にヤフージオシティーズでの簡単手順ですが、同じサンプルを使用して、FC2の無料ホームページでも簡単に作成することができます。
FC2無料ホームページの作り方の簡単手順
FC2無料ホームページの作り方の手順ですが、今、実際に作成してみたところ、だいたい20分ぐらいでトップページまでを作成することができましたので、割と簡単なのではないかなと思います。
ただ、保存ボタンを押した際、時々処理に失敗することが多いようです。ちょくちょくメモ帳などにもコピペしながら作成することをおすすめします。
無料メールアドレスを用意する。
まず、fc2無料ホームページを作成する際に必要となるものはメールアドレスぐらいですが、ない場合はヤフーやグーグルで取得してみるといいと思います。
（無料メールアドレスの作り方参照。）
FC2WEBで無料ホームページを申請する。
取得したメールアドレスをもとに、FC2WEBで無料ホームページを申し込みます。
FC2のサブドメインを取得する。
ホームページURLとなるサブドメイン名を考えて、取得できるかどうかをチェックします。同時に無料ホームページのタイトルや説明文などを入力します。
FC2ホームページのCSSファイルを作成する。
次に、「ファイルマネージャー」へと移動し、作成するホームページのみための部分を指定するCSSファイルを新規に作成します。
まず、デフォルトの黄色いフォルダと index.html ファイルは全て削除して何もない状態にしてください。
次に「ファイルを作成ボタン」を押して、
ファイル名を「styles-index.css」として作成します。
ファイル名を入力して「ＯＫ」とした後、「ＨＴＭＬメーカーを起動しますか？」と聞かれますが、キャンセルを押すとソースの入力欄が出て来るので、次のサンプルCSSをコピペで貼り付けます。
文字コードは「 EUC-JP 」で保存してください。
保存ボタンを押して終了です。
styles-index.css がルートディレクトリに作成されさえすればＯＫです。
これでホームページのみための部分を指定するCSSファイルが出来上がりました。
トップページのhtmlファイルを作成する。
同じように「ファイルを作成する」ボタンを押して、ファイル名を「index.html」として、こちらのサンプルhtmlソースを使って作成します。
上の index.html ファイルのソースをコピペで貼り付けるだけですが、FC2の管理画面でも「ソース」ボタンを押した後、デフォルトで存在する html ソースに上書きコピペしてください。
文字コードを「 EUC-JP 」で保存して完成です。
とりあえず、このふたつのファイルがあればあなたのホームページが表示されます。
URLを表示して確認する。
あなたのサブドメインにアクセスしてみて、きちんとホームページが表示されているかどうか、みてみましょう。管理トップのページにあなたの無料ホームページのURLが記載されています。
たぶん、こんな感じになっていると思います。
下の部分はFC2の広告？部分ですが、ここは自動的に挿入されるようです。
文字化けしていたり、きちんと表示されていない場合は、デフォルトの html ソースが残っていてきちんと上書きされていないか、文字コードが「 EUC-JP 」で保存されていないはずですので、確認してみてください。
index.htmlファイルを元に記事ページを作成。
あとは、タイトルやページの本文を入力したり、index.html ページを元に、新しいページを作成してみたり、デザインをカスタマイズしてみたりすれば、いい感じだと思います。
例えば、当ホームページ内では、無料画像やグラデーション素材を使ってこんな感じでカスタマイズしています。
画像や色彩、フォントやタイトルバナーなどの作り方ものせているので、ホームページ内をちらほらと参考にしてみてください。次のページ：サンプルＨＰのカスタマイズ方法