更新日: 2023 / 02 / 28

FC2でHTMLを使ったホームページ作成方法

カテゴリー: コーディング

FC2ホームページはレンタルサーバーのようにHTMLファイルをアップロードして無料でホームページを作れるサービス。

HTMLファイルや必要な画像などの素材さえ用意すれば簡単な操作でWebサイトの作成が可能です。

このページではFC2ホームページでHTMLを使ったホームページの作り方を紹介します。

  1. FC2のホームページでどんなことができるの?

  2. FC2でホームページをはじめる手順

    1. 1.FCアカウント開設
    2. 2.FC2ホームページの登録
    3. 3.HTMLファイル作成
    4. 4.ファイルアップロード
    5. 5.ブラウザで表示確認
    6. FC2でWordpressを使ったホームページを作れる?
  3. まとめ

FC2のホームページでどんなことができるの?

FC2ホームページにメリットはあるの?

FC2ホームページでは通常のレンタルサーバーのような感じで使用することができます。具体的には次のようなことができます。

  • HTML、CSS、JSファイルのアップロード
  • ディレクトリ作成
  • SNSや地図の埋め込み
  • 広告表示やアフィリエイト
  • サブドメインの作成と無料SSL

FC2ホームページに用意されたファイルマネージャで作成したHTMLファイルなどをアップロードすればすぐにホームページの表示が可能です。

ファイルマネージャはディレクトリ(フォルダ)の作成ができるのでページ数の多いサイトでも管理しやすくなっています。

ホームページにはGoogleマップやTwitterタイムラインの埋め込みも可能です。また、Googleアドセンスを設置したり、アフィリエイトもできます。

無料で使用する場合はfc2のサブドメインとなりますが、一応無料でSSLにできるのでセキュリティも問題ありませんね。

FC2でホームページをはじめる手順

ここからはFC2ホームページを使ってホームページを作成する手順を紹介します。FC2でホームページをはじめる場合は以下のような手順で作業を行います。

  • FC2アカウント開設
  • FC2ホームページの登録
  • HTMLファイル作成
  • ファイルアップロード
  • 表示確認

1.FCアカウント開設

FC2にアクセスして、「新規登録」ボタンを押し、アカウントの登録を開始します。

登録ページでメールアドレスを入力して、送られてきたメールから本登録を行います。

FC2でホームページをはじめる手順 1.FCアカウント開設

本登録画面ではパスワードの入力やパスワードを忘れた場合の質問などを設定します。

登録が完了するとFC2IDのホーム画面に移動するのでこのページにあるホームページの「サービス追加」を押してホームページ登録を開始します。

FC2でホームページをはじめる手順 1.FCアカウント開設2

2.FC2ホームページの登録

登録するプランを選択します。最初は無料プランを選択しておきましょう。

FC2でホームページをはじめる手順 2.FC2ホームページの登録

次に必要情報の入力です。

  • アカウント名: ホームページのURLになるもの
  • ホームページのカテゴリ: FC2で利用される分類、選択したカテゴリのランキングで表示
  • ホームページのタイトル: ページタイトル
  • ホームページの詳細: ホームページの説明文

アカウント名以外は後から変更可能です。アカウント名はホームページのURLとして使われます。

「利用規約に同意する」にチェックを入れて登録完了です。

登録が完了するとFC2ホームページの管理画面に移動します。

2.FC2ホームページの登録 管理画面

3.HTMLファイル作成

ホームページを表示するにはHTMLファイルを作成してFC2にアップロードする必要があります。

すでにある場合は次のSTEPでファイルをアップロードしてください。ない場合は新しく作成するか、無料テンプレートを使ってカスタマイズしていきます。

テンプレートはHTMLで作られているものであればどんなものでも大丈夫です。以下の記事にHTMLで作られたテンプレートを集めているのでよければ参考にしてみてください。

-> FC2で使える無料HTMLテンプレートまとめ

4.ファイルアップロード

HTMLファイルを用意できたらファイルをFC2にアップロードします。

管理画面メニューにある「ファイルマネージャー」を押すとファイルをアップロードできるページに移動します。

FC2でホームページをはじめる手順 4.ファイルアップロード

画面にHTMLファイルをドラッグ&ドロップするか、アイコンメニューの「アップロードするファイルを選択」からアップロードします。

5.ブラウザで表示確認

自分のホームページは管理画面の上の方にある「自分のホームページを見る」リンクから表示できます。

FC2でホームページをはじめる手順 5.ブラウザで表示確認

画像が正しく表示されているか、リンク切れがないかなどの表示確認を行なって問題ないようなら完成です。

FC2でWordpressを使ったホームページを作れる?

ここまではFC2でHTMLを使ったホームページ作成方法について解説しましたが、実はWordpressの作成も無料でできちゃいます。

FC2ホームページでWordpressを開設できる?

HTMLの場合、ページを追加するときはページごとにファイルを作成してアップロードする必要があったのですが、Wordpressを使うことで管理画面からブログやページの投稿ができるようになります。

FC2でWordpressを使う方法や作り方について以下の記事で詳しく解説しているので、無料でブログやホームページを開設したい方はぜひご覧ください。

-> FC2でWordpressサイトを作る方法

まとめ

FC2ホームページなら簡単にWebサイトの作成ができるのでとりあえず作ってみたい方にはおすすめです。

本格的な運用が必要ならレンタルサーバーに移行することも可能。動作の安定性やサーバーの応答スピード、SEO対策などが必要ならレンタルサーバーに切り替えた方が良いでしょう。

個人的なホームページや趣味のページだけならFC2ホームページでも十分作れます。