ＦＣ２で無料の ホームページスペースを 借りる方法
はじめに 推奨環境 こ の レ ポ ー ト 上 に 書 か れ て い る URL は ク リ ッ ク で き ま す で き な い 場 合 は 最 新 の AdobeReader をダウンロードしてください 無料 http://www.adobe.co.jp/products/acrobat/readstep2.html 著作権について このレポートの著作権は作成者に属します 著作権者の許可なく このレポートの全部又は一部を複製 転載 流用 転売等する ことはやめてください このレポートを利用することにより生じたいかなる結果につきましても 著者 パート ナー等の業務提携者は 一切の責任を負わないことをご了承願います 作者 しおぶたまん 元プログラマの４０代主婦です(^_^;) 二人の娘の子育て中なので なかなか作業に集中できないのが悩み っていうのは言い訳かも アフィリエイト研究チームＤＳＲ に参加中 メールアドレス jyou@shiobutaman.info メールマガジン http://www.mag2.com/m/0000257264.html ブログ 本当に稼げるツールと情報商材 http://shiobutaman.blog94.fc2.com/ -2
もくじ 第０章 このレポートについて...4 第１章 ＦＣ２の会員になる...5 １ ブラウザで ＦＣ２ＷＥＢのページ を開きます...5 ２ メールアドレスの入力と画像認証の画面に進みます...6 ３ 仮登録メールを確認して本登録の画面に進みます...8 第２章 ＦＣ２ＷＥＢのサービスを追加する...10 １ 一度ログアウトしてＦＣ２ＩＤにログインし直します...10 ２ ＦＣ２ホームページ のサービスを追加しましょう...12 第３章 ホームページを作る...19 １ ＦＣ２ＷＥＢサービス管理画面を使ってみよう...19 ２ ｉｎｄｅｘ ｈｔｍｌに文字を追加してみよう...21 第４章 ディレクトリの作成...26 １ ＨＴＭＬサイトのアドレス...26 ２ ディレクトリを作る意味...27 ３ ＦＣ２ＷＥＢでのディレクトリの作成...29 第５章 ファイル 画像 のアップロード...32 １ ファイルマネージャーで画像をアップロードしよう...32 ２ アップロード済画像のアドレス ＵＲＬ を確認しよう...36 ３ アップロードした画像を index.html に追記してみよう...37 第６章 おわりに...42 １ 別冊レポート...42 ２ 参考になる無料レポート...42-3
第０章 このレポートについて レポートのダウンロードありがとうございます(*^_^*) このレポートでは 無料ブログでおなじみのＦＣ２ＩＤのサービスであるＦＣ２ＷＥＢを利用し て 無料でＨＴＭＬサイト ホームページ を作成 公開するための手順を解説しています ただ 詳しいＨＴＭＬの編集内容などは書いていません 主に ＦＣ２ＷＥＢの登録や ＨＴＭＬファイルの簡単な編集方法 ファイルのアップロード方法 などが ＨＴＭＬサイトをはじめて作る人向けに書かれています 内容的に不足を感じられる方もいらっしゃるとはもいますが 今回はあくまで ＦＣ２ＷＥＢ 限定 初心者限定ということでお許し下さい<( )> -4
第１章 ＦＣ２の会員になる １ ブラウザで ＦＣ２ＷＥＢのページ を開きます ＷＥＢブラウザ インターネットエクスプローラーやファイヤーフォックスなど を起動して ＦＣ２ＷＥＢ のページを開きます ここをクリックすると勝手にブラウザが起動して ＦＣ２ＩＤ が表示されるはずです ＦＣ２ＷＥＢの登録ページ 赤枠の中の ホームページを作る をクリックしてください -5
２ メールアドレスの入力と画像認証の画面に進みます 登録用のメールアドレス 普段使用しているものでＯＫです を入力します 画像を見ながら該当する数字を入力して 次へ ボタンをクリックします -6
仮登録が完了すると 下記の画面に変わります 登録したメールアドレスに届いた仮登録メールを確認します -7
３ 仮登録メールを確認して本登録の画面に進みます 仮登録のメール本文に書かれた本登録用のＵＲＬをクリックします 本登録画面が表示されます ＵＲＬをクリックしても表示されない場合は ＵＲＬの文字を全てコピーしてブラウザのアド レス欄に貼り付けてＥｎｔｅｒキーを押してください -8
本登録画面に必要事項を入力して 登録 ボタンをクリックします ニックネームが既に使われている場合エラーが出ますので 再度別のニックネームを入 力してください 登録が完了すると次の画面になります こちら の文字をクリックしてユーザー画面に進みます -9
第２章 ＦＣ２ＷＥＢのサービスを追加する １ 一度ログアウトしてＦＣ２ＩＤにログインし直します 私の環境のせいかもしれませんが 一旦ログアウトして再度ログインしないと うまくサ ービスの追加が出来ませんでしたので こちらにもその旨書かせていただきます ① 一旦ログアウトしてください - 10
再度ログインします 登録したメールアドレスとパスワードを入力し ログインボタンをクリックします - 11
２ ＦＣ２ホームページ のサービスを追加しましょう サービス追加の文字をクリックします 次の画面が表示されます - 12
ＦＣ２ホームページ の このサービスを追加 ボタンをクリックします - 13
ＦＣ２ＷＥＢの登録画面が表示されます 無料ホームページ登録 をクリックします - 14
ホームページの情報を設定します 希望アカウントはＵＲＬの一部になります つづりを確認して希望の名前を付けましょう アカウント名を入力したら アカウントチェック ボタンをクリックしてみます 既に同じアカウントが登録されていると 下記のようなエラー画面が表示されます - 15
再度別のアカウント名をチェックして使用可能であれば画面を閉じます アカウントは元の 画面に入力されています ホームページのカテゴリの ｖ をクリックして出てきた一覧から ホームページのカテ ゴリを選びます - 16
ホームページのタイトル ホームページの詳細を入力します 入力が終了したら 以上の内容で登録する ボタンをクリックします - 17
下記のようなメッセージが表示されますので 確認して登録する場合は ＯＫボタンをク リックしてください 最後に下記の画面が表示されたら ＦＣ２ＷＥＢサービスの追加は完了です 管理画面に戻る の文字をクリックして ＦＣ２ＩＤの管理画面に戻ってください お疲れ様でした(^^ - 18
第３章 ホームページを作る １ ＦＣ２ＷＥＢサービス管理画面を使ってみよう ＦＣ２ＩＤ管理画面からＦＣ２ＷＥＢ管理画面に進みます ＦＣ２ホームページの右側のハンマーのマークをクリックしてください - 19
ＦＣ２ＷＥＢ管理ページが表示されます ホームページＵＲＬの文字列をクリックしてください ホームページが表示されます この段階でホームページを表示すると ＦＣ２ＷＥＢが用意している標準のｉｎｄｅｘ ｈｔｍｌが表 示されます - 20
２ ｉｎｄｅｘ ｈｔｍｌに文字を追加してみよう ファイルマネージャーのタブをクリックしてファイルマネージャー画面に進みます - 21
ファイルマネージャー画面でｉｎｄｅｘ ｈｔｍｌの編集ボタンをクリックします 次ベージのようなファイルエディタ ＨＴＭＬ編集画面 が表示されます - 22
ファイルエディタ ＨＴＭＬ編集画面 で何か文字を追加してください 文字を追加したら 保存するボタンをクリックしてください - 23
ＦＣ２ＷＥＢ管理ページに戻り ホームページＵＲＬをクリックします ホームページＵＲＬの文字列をクリックしてください ホームページが表示されます - 24
表示されたホームページに 入力した文字が追加されていることを確認してください - 25
第４章 ディレクトリの作成 １ ＨＴＭＬサイトのアドレス またまた質問(^_^;) ＨＴＭＬサイトのアドレス ＵＲＬ の見方や意味は知っていますか 例えば http://shiobutaman.web.fc2.com/kenni/ というアドレスの場合 http:// ＨＴＴＰプロトコルですよ とお知らせするためのもの fc2.com/ ＦＣ２の使用するドメイン名 web. ＦＣ２がＷＥＢ貸し出し用に使用するサブドメイン名 shiobutaman. ＦＣ２ＷＥＢ貸し出し shiobutaman 専用サブドメイン名 kenni/ index.html を設置するディレクトリ フォルダ こんな感じでアドレス ＵＲＬ ができています そしてこの http://shiobutaman.web.fc2.com/kenni/の下にｉｎｄｅｘ ｈｔｍｌを転送することで インターネットに公開され ＷＥＢブラウザでこのＵＲＬを要求すると ホームページが表示 されるという仕組みです - 26
２ ディレクトリを作る意味 http://shiobutaman.web.fc2.com/kenni/ 上記ＵＲＬの最後のディレクトリ ｋｅｎｎｉ/ に関しては 自分の好みで作れます もちろん ディレクトリを作らず http://shiobutaman.web.fc2.com/ の状態でページを表示させることもできます でも 同じディレクトリには同じファイル名のファイルは複数作れませんから この状態だと ｉｎｄｅｘ ｈｔｍｌというファイルはひとつしか設置できません なぜそれが問題かというと - 27
検索エンジンへのサイト登録とディレクトリの関係 検索エンジンに登録する場合 サイトのＵＲＬをディレクトリまでで登録します http://shiobutaman.web.fc2.com/index.html ではなく http://shiobutaman.web.fc2.com/ こうすることで 同じディレクトリの別のファイルも 同じサイトのページと認識されます つまり 複数のページをいちいち １ページずつ登録しないでも済むということです すると 検索エンジンは登録されたＵＲＬの中のｉｎｄｅｘ Ｈｔｍｌをトップページと認識して 探して最初に読み込みます そこから別のページ ファイルやディレクトリ へのリンクをたどり 次々とページをインデッ クス 登録 してゆきます このとき 次のディレクトリへのリンクを読み込む場合も リンク先のｉｎｄｅｘ ｈｔｍｌを探しに行 きます つまり 同じディレクトリに設置されるファイルは 同じサイトのページだと認識されるのに そこにバラバラな内容のＨＴＭＬファイルを入れると 内容もおかしなことになるし 検索エンジンにも評価されません そこで 次のような場合は ディレクトリを作成して それぞれにｉｎｄｅｘ ｈｔｍｌを設置します 同じドメイン内でバラバラな内容のホームページを量産する場合 様々なメニュー構造のある大きなホームページを作る場合 量産するサイト別やメニュー カテゴリ別にディレクトリ フォルダ を作成して そこには必 ずｉｎｄｅｘ ｈｔｍｌファイルを設置すると わかりやすく メニューの管理も簡単で 上手に検索 される構造になります - 28
３ ＦＣ２ＷＥＢでのディレクトリの作成 ホームページスペースには 必ずルート ｒｏｏｔ と呼ばれる元の位置が決められています 人のルーツ というときの ルーツ が同じ意味で 元とか根っこという意味です URL が http://shiobutamaninfo.web.fc2.com/の場合は ここがルートディレクトリです ルートディレクトリの下に それぞれの内容に合った名前のディレクトリ フォルダ を作成し そこにｉｎｄｅｘ.ｈｔｍｌをアップロードします 次に ＦＣ２ＷＥＢのファイルマネージャーでディレクトリを作成する方法を説明します - 29
ＦＣ２ＷＥＢの管理ページにログインし [ファイルマネージャー]の画面にします ディレクトリを作成ボタンをクリックすると 作成するディレクトリの名前を入力するウインド ウが表示されます - 30
作成するディレクトリの名前を入力します とりあえずこのまま変更せずに ＯＫ ボタンをクリックしてください もちろん名前を変更しても大丈夫です ただし 半角英数のみ するとこのようにメッセージと ｎａｄｉｒ ディレクトリが作られました - 31
第５章 ファイル 画像 のアップロード １ ファイルマネージャーで画像をアップロードしよう ＦＣ２ＷＥＢのファイルマネージャの画面を表示させます 下のほうの参照ボタンをクリックして アップロードするファイルを選択する画面を表示し ます - 32
ファイルの選択 画面で 任意のファイルを選択し 開くボタンをクリックします - 33
もとのファイルマネージャーの画面に戻ると 選択したファイル名が表示されています ファイルのアップロードボタンをクリックします - 34
アップロードされたファイルを確認します アップロードした画像ファイルの名前を確認し 間違いなければ 右にある虫めがねのアイコン プレビューボタン をクリックしてください - 35
２ アップロード済画像のアドレス ＵＲＬ を確認しよう プレビューした画像がウエブブラウザに表示されましたね ブラウザのアドレス ＵＲＬ 欄を選択して マウスの右ボタンをクリックしてコピーを選びま す この部分が画像のアドレス ＵＲＬ なので コピーしてｉｎｄｅｘ ｈｔｍｌに書き込むことで ホームページに画像を表示することが出来ます - 36
３ アップロードした画像を index.html に追記してみよう ＦＣ２ＷＥＢのファイルマネージャーの画面から ｉｎｄｅｘ.ｈｔｍｌの編集ボタンをクリックします 次ページのようにファイルエディタ ＨＴＭＬ編集画面 が表示され ｉｎｄｅｘ ｈｔｍｌのソースが 編集できるようになります - 37
少しかわいくするために 全ての行を選択し センタリング 中央揃え します - 38
画像を挿入したい位置にカーソルを位置づけて 画像ボタンを押します すると 画像挿入画面が開きますのでＵＲＬエリアに ２ でコピーしたＵＲＬを貼り付けます 代替テキストに画像の名前を入力します 入力しなくてもＯＫ 正しく認識されたら ＯＫボタンをクリックします - 39
ファイルエディタ画面に先ほどの画像が表示されたら保存するボタンをクリックします - 40
ＦＣ２ＷＥＢのファイルマネージャー画面に戻ります ｉｎｄｅｘ ｈｔｍｌファイルのプレビューボタンをクリックして ホームページを表示してみます きちんと表示されました(^^ - 41
第６章 おわりに ＦＣ２ＷＥＢでのホームページ作成については以上です 別冊でホームページがどんな手順で公開されているかを説明したレポートを作ってみま した またＦＦＦＴＰについてのレポートもご用意しましたのでよかったらダウンロードして参 考にしてください １ 別冊レポート ＨＴＭＬ未経験者でも５分でわかる ＨＴＭＬサイトのしくみと作り方 ＦＦＦＴＰの使い方 ＦＣ２ＷＥＢ編 ２ 参考になる無料レポート 最後に参考になる無料レポートをご紹介しておきます ななこ流 300 できる無料でつくるホームページ 1 ホームページ作成編 ななこ流 300 できる無料でつくるホームページ 4 ＦＴＰ編 薔薇乃ななこさんのこのシリーズは小学生でもわかるかも(^_^;) ＳＥＯ被リンク獲得のための無料レンタルサーバーリスト こんなに沢山の無料サーバーがあるんですよ ご参考ｗ - 42
最後までご精読ありがとうございました<( )> 作者 しおぶたまん 元プログラマの４０代主婦です(^_^;) 二人の娘の子育て中なので なかなか作業に集中できないのが悩み アフィリエイト研究チームＤＳＲ に参加中 メールアドレス jyou@shiobutaman.info メールマガジン http://www.mag2.com/m/0000257264.html ブログ 本当に稼げるツールと情報商材 http://shiobutaman.blog94.fc2.com/ - 43
- 44