【図解】ＦＣ２で無料のホームページスペースを借りる方法

Size: px

Start display at page:

Download "【図解】ＦＣ２で無料のホームページスペースを借りる方法"

ほのかしもかさ
7 years ago
Views:

1 ＦＣ２で無料のホームページスペースを借りる方法

2 はじめに推奨環境このレポート上に書かれている URL はクリックできますできない場合は最新の AdobeReader をダウンロードしてください無料著作権についてこのレポートの著作権は作成者に属します著作権者の許可なくこのレポートの全部又は一部を複製転載流用転売等することはやめてくださいこのレポートを利用することにより生じたいかなる結果につきましても著者パートナー等の業務提携者は一切の責任を負わないことをご了承願います作者しおぶたまん元プログラマの４０代主婦です(^_^;) 二人の娘の子育て中なのでなかなか作業に集中できないのが悩みっていうのは言い訳かもアフィリエイト研究チームＤＳＲに参加中メールアドレスメールマガジンブログ本当に稼げるツールと情報商材 -2

html 著作権についてこのレポートの著作権は作成者に属します著作権者の許可なくこのレポートの全部又は一部を複製転載流用転売等することはやめてくださいこのレポートを利用することにより生じたいかなる結果につきましても著者パートナー等の業務提携者は

3 もくじ第０章このレポートについて...4 第１章ＦＣ２の会員になる...5 １ブラウザでＦＣ２ＷＥＢのページを開きます...5 ２メールアドレスの入力と画像認証の画面に進みます...6 ３仮登録メールを確認して本登録の画面に進みます...8 第２章ＦＣ２ＷＥＢのサービスを追加する...10 １一度ログアウトしてＦＣ２ＩＤにログインし直します...10 ２ＦＣ２ホームページのサービスを追加しましょう...12 第３章ホームページを作る...19 １ＦＣ２ＷＥＢサービス管理画面を使ってみよう...19 ２ｉｎｄｅｘｈｔｍｌに文字を追加してみよう...21 第４章ディレクトリの作成...26 １ＨＴＭＬサイトのアドレス...26 ２ディレクトリを作る意味...27 ３ＦＣ２ＷＥＢでのディレクトリの作成...29 第５章ファイル画像のアップロード...32 １ファイルマネージャーで画像をアップロードしよう...32 ２アップロード済画像のアドレスＵＲＬを確認しよう...36 ３アップロードした画像を index.html に追記してみよう...37 第６章おわりに...42 １別冊レポート...42 ２参考になる無料レポート

..19 ２ｉｎｄｅｘｈｔｍｌに文字を追加してみよう...21 第４章ディレクトリの作成...26 １ＨＴＭＬサイトのアドレス...26 ２ディレクトリを作る意味...27 ３ＦＣ２ＷＥＢでのディレクトリの作成...29 第５章ファイル画像のアップロード.

4 第０章このレポートについてレポートのダウンロードありがとうございます(*^_^*) このレポートでは無料ブログでおなじみのＦＣ２ＩＤのサービスであるＦＣ２ＷＥＢを利用して無料でＨＴＭＬサイトホームページを作成公開するための手順を解説していますただ詳しいＨＴＭＬの編集内容などは書いていません主にＦＣ２ＷＥＢの登録やＨＴＭＬファイルの簡単な編集方法ファイルのアップロード方法などがＨＴＭＬサイトをはじめて作る人向けに書かれています内容的に不足を感じられる方もいらっしゃるとはもいますが今回はあくまでＦＣ２ＷＥＢ限定初心者限定ということでお許し下さい<( )> -4

公開するための手順を解説していますただ詳しいＨＴＭＬの編集内容などは書いていません主にＦＣ２ＷＥＢの登録やＨＴＭＬファイルの簡単な編集方法

5 第１章ＦＣ２の会員になる１ブラウザでＦＣ２ＷＥＢのページを開きますＷＥＢブラウザインターネットエクスプローラーやファイヤーフォックスなどを起動してＦＣ２ＷＥＢのページを開きますここをクリックすると勝手にブラウザが起動してＦＣ２ＩＤが表示されるはずですＦＣ２ＷＥＢの登録ページ赤枠の中のホームページを作るをクリックしてください -5

6 ２メールアドレスの入力と画像認証の画面に進みます登録用のメールアドレス普段使用しているものでＯＫですを入力します画像を見ながら該当する数字を入力して次へボタンをクリックします -6

7 仮登録が完了すると下記の画面に変わります登録したメールアドレスに届いた仮登録メールを確認します -7

8 ３仮登録メールを確認して本登録の画面に進みます仮登録のメール本文に書かれた本登録用のＵＲＬをクリックします本登録画面が表示されますＵＲＬをクリックしても表示されない場合はＵＲＬの文字を全てコピーしてブラウザのアドレス欄に貼り付けてＥｎｔｅｒキーを押してください -8

9 本登録画面に必要事項を入力して登録ボタンをクリックしますニックネームが既に使われている場合エラーが出ますので再度別のニックネームを入力してください登録が完了すると次の画面になりますこちらの文字をクリックしてユーザー画面に進みます -9

10 第２章ＦＣ２ＷＥＢのサービスを追加する１一度ログアウトしてＦＣ２ＩＤにログインし直します私の環境のせいかもしれませんが一旦ログアウトして再度ログインしないとうまくサービスの追加が出来ませんでしたのでこちらにもその旨書かせていただきます ① 一旦ログアウトしてください - 10

11 再度ログインします登録したメールアドレスとパスワードを入力しログインボタンをクリックします - 11

12 ２ＦＣ２ホームページのサービスを追加しましょうサービス追加の文字をクリックします次の画面が表示されます - 12

13 ＦＣ２ホームページのこのサービスを追加ボタンをクリックします - 13

14 ＦＣ２ＷＥＢの登録画面が表示されます無料ホームページ登録をクリックします - 14

15 ホームページの情報を設定します希望アカウントはＵＲＬの一部になりますつづりを確認して希望の名前を付けましょうアカウント名を入力したらアカウントチェックボタンをクリックしてみます既に同じアカウントが登録されていると下記のようなエラー画面が表示されます - 15

16 再度別のアカウント名をチェックして使用可能であれば画面を閉じますアカウントは元の画面に入力されていますホームページのカテゴリのｖをクリックして出てきた一覧からホームページのカテゴリを選びます - 16

17 ホームページのタイトルホームページの詳細を入力します入力が終了したら以上の内容で登録するボタンをクリックします - 17

18 下記のようなメッセージが表示されますので確認して登録する場合はＯＫボタンをクリックしてください最後に下記の画面が表示されたらＦＣ２ＷＥＢサービスの追加は完了です管理画面に戻るの文字をクリックしてＦＣ２ＩＤの管理画面に戻ってくださいお疲れ様でした(^^ - 18

19 第３章ホームページを作る１ＦＣ２ＷＥＢサービス管理画面を使ってみようＦＣ２ＩＤ管理画面からＦＣ２ＷＥＢ管理画面に進みますＦＣ２ホームページの右側のハンマーのマークをクリックしてください - 19

20 ＦＣ２ＷＥＢ管理ページが表示されますホームページＵＲＬの文字列をクリックしてくださいホームページが表示されますこの段階でホームページを表示するとＦＣ２ＷＥＢが用意している標準のｉｎｄｅｘｈｔｍｌが表示されます - 20

21 ２ｉｎｄｅｘｈｔｍｌに文字を追加してみようファイルマネージャーのタブをクリックしてファイルマネージャー画面に進みます - 21

22 ファイルマネージャー画面でｉｎｄｅｘｈｔｍｌの編集ボタンをクリックします次ベージのようなファイルエディタＨＴＭＬ編集画面が表示されます - 22

23 ファイルエディタＨＴＭＬ編集画面で何か文字を追加してください文字を追加したら保存するボタンをクリックしてください - 23

24 ＦＣ２ＷＥＢ管理ページに戻りホームページＵＲＬをクリックしますホームページＵＲＬの文字列をクリックしてくださいホームページが表示されます - 24

25 表示されたホームページに入力した文字が追加されていることを確認してください - 25

26 第４章ディレクトリの作成１ＨＴＭＬサイトのアドレスまたまた質問(^_^;) ＨＴＭＬサイトのアドレスＵＲＬの見方や意味は知っていますか例えばというアドレスの場合ＨＴＴＰプロトコルですよとお知らせするためのもの fc2.com/ ＦＣ２の使用するドメイン名 web. ＦＣ２がＷＥＢ貸し出し用に使用するサブドメイン名 shiobutaman. ＦＣ２ＷＥＢ貸し出し shiobutaman 専用サブドメイン名 kenni/ index.html を設置するディレクトリフォルダこんな感じでアドレスＵＲＬができていますそしてこのｈｔｍｌを転送することでインターネットに公開されＷＥＢブラウザでこのＵＲＬを要求するとホームページが表示されるという仕組みです - 26

27 ２ディレクトリを作る意味上記ＵＲＬの最後のディレクトリｋｅｎｎｉ/ に関しては自分の好みで作れますもちろんディレクトリを作らずの状態でページを表示させることもできますでも同じディレクトリには同じファイル名のファイルは複数作れませんからこの状態だとｉｎｄｅｘｈｔｍｌというファイルはひとつしか設置できませんなぜそれが問題かというと - 27

28 検索エンジンへのサイト登録とディレクトリの関係検索エンジンに登録する場合サイトのＵＲＬをディレクトリまでで登録しますではなくこうすることで同じディレクトリの別のファイルも同じサイトのページと認識されますつまり複数のページをいちいち１ページずつ登録しないでも済むということですすると検索エンジンは登録されたＵＲＬの中のｉｎｄｅｘＨｔｍｌをトップページと認識して探して最初に読み込みますそこから別のページファイルやディレクトリへのリンクをたどり次々とページをインデックス登録してゆきますこのとき次のディレクトリへのリンクを読み込む場合もリンク先のｉｎｄｅｘｈｔｍｌを探しに行きますつまり同じディレクトリに設置されるファイルは同じサイトのページだと認識されるのにそこにバラバラな内容のＨＴＭＬファイルを入れると内容もおかしなことになるし検索エンジンにも評価されませんそこで次のような場合はディレクトリを作成してそれぞれにｉｎｄｅｘｈｔｍｌを設置します同じドメイン内でバラバラな内容のホームページを量産する場合様々なメニュー構造のある大きなホームページを作る場合量産するサイト別やメニューカテゴリ別にディレクトリフォルダを作成してそこには必ずｉｎｄｅｘｈｔｍｌファイルを設置するとわかりやすくメニューの管理も簡単で上手に検索される構造になります - 28

29 ３ＦＣ２ＷＥＢでのディレクトリの作成ホームページスペースには必ずルートｒｏｏｔと呼ばれる元の位置が決められています人のルーツというときのルーツが同じ意味で元とか根っこという意味です URL がここがルートディレクトリですルートディレクトリの下にそれぞれの内容に合った名前のディレクトリフォルダを作成しそこにｉｎｄｅｘ.ｈｔｍｌをアップロードします次にＦＣ２ＷＥＢのファイルマネージャーでディレクトリを作成する方法を説明します - 29

30 ＦＣ２ＷＥＢの管理ページにログインし [ファイルマネージャー]の画面にしますディレクトリを作成ボタンをクリックすると作成するディレクトリの名前を入力するウインドウが表示されます - 30

31 作成するディレクトリの名前を入力しますとりあえずこのまま変更せずにＯＫボタンをクリックしてくださいもちろん名前を変更しても大丈夫ですただし半角英数のみするとこのようにメッセージとｎａｄｉｒディレクトリが作られました - 31

32 第５章ファイル画像のアップロード１ファイルマネージャーで画像をアップロードしようＦＣ２ＷＥＢのファイルマネージャの画面を表示させます下のほうの参照ボタンをクリックしてアップロードするファイルを選択する画面を表示します - 32

33 ファイルの選択画面で任意のファイルを選択し開くボタンをクリックします - 33

34 もとのファイルマネージャーの画面に戻ると選択したファイル名が表示されていますファイルのアップロードボタンをクリックします - 34

35 アップロードされたファイルを確認しますアップロードした画像ファイルの名前を確認し間違いなければ右にある虫めがねのアイコンプレビューボタンをクリックしてください - 35

36 ２アップロード済画像のアドレスＵＲＬを確認しようプレビューした画像がウエブブラウザに表示されましたねブラウザのアドレスＵＲＬ欄を選択してマウスの右ボタンをクリックしてコピーを選びますこの部分が画像のアドレスＵＲＬなのでコピーしてｉｎｄｅｘｈｔｍｌに書き込むことでホームページに画像を表示することが出来ます - 36

37 ３アップロードした画像を index.html に追記してみようＦＣ２ＷＥＢのファイルマネージャーの画面からｉｎｄｅｘ.ｈｔｍｌの編集ボタンをクリックします次ページのようにファイルエディタＨＴＭＬ編集画面が表示されｉｎｄｅｘｈｔｍｌのソースが編集できるようになります - 37

38 少しかわいくするために全ての行を選択しセンタリング中央揃えします - 38

39 画像を挿入したい位置にカーソルを位置づけて画像ボタンを押しますすると画像挿入画面が開きますのでＵＲＬエリアに２でコピーしたＵＲＬを貼り付けます代替テキストに画像の名前を入力します入力しなくてもＯＫ正しく認識されたらＯＫボタンをクリックします - 39

40 ファイルエディタ画面に先ほどの画像が表示されたら保存するボタンをクリックします - 40

41 ＦＣ２ＷＥＢのファイルマネージャー画面に戻りますｉｎｄｅｘｈｔｍｌファイルのプレビューボタンをクリックしてホームページを表示してみますきちんと表示されました(^^ - 41

42 第６章おわりにＦＣ２ＷＥＢでのホームページ作成については以上です別冊でホームページがどんな手順で公開されているかを説明したレポートを作ってみましたまたＦＦＦＴＰについてのレポートもご用意しましたのでよかったらダウンロードして参考にしてください１別冊レポートＨＴＭＬ未経験者でも５分でわかるＨＴＭＬサイトのしくみと作り方ＦＦＦＴＰの使い方ＦＣ２ＷＥＢ編２参考になる無料レポート最後に参考になる無料レポートをご紹介しておきますななこ流 300 できる無料でつくるホームページ 1 ホームページ作成編ななこ流 300 できる無料でつくるホームページ 4 ＦＴＰ編薔薇乃ななこさんのこのシリーズは小学生でもわかるかも(^_^;) ＳＥＯ被リンク獲得のための無料レンタルサーバーリストこんなに沢山の無料サーバーがあるんですよご参考ｗ - 42

43 最後までご精読ありがとうございました<( )> 作者しおぶたまん元プログラマの４０代主婦です(^_^;) 二人の娘の子育て中なのでなかなか作業に集中できないのが悩みアフィリエイト研究チームＤＳＲに参加中メールアドレスメールマガジンブログ本当に稼げるツールと情報商材

44 - 44

VPS マニュアル p. 1

VPS マニュアル p. 1 - 推奨環境 - このレポート上に書かれている URL はクリックできますできない場合は最新の AdobeReader を無料でダウンロードしてください http://get.adobe.com/jp/reader/ - 著作権について - このレポートは著作権法で保護されている著作物です下記の点にご注意いただきご利用下さいこのレポートの著作権はFXゴールドナビに属します