ホームページ作成の終盤・ページを増やそう♪

- ページを増やそう♪ -

3day-１時間目〜お〜ｏ(⌒0⌒)ｏは〜♪＼(⌒▽⌒)／

■ページの追加（サブページの作成）

ホームページがひとつのページでは寂しいので、ここではサブページを作っていきます。 といっても、簡単です。index.html 右クリックからコピーして、同じフォルダ内に貼り付けます。ファイル名をsub1.html とでも名前をつけておきます。 このsub1.html をメモ帳で開いて、不要な部分を消して、新たに書き込んでいけばOK。これだけ^^。スタイルシートは共通に使えます。 なので、トップページと同じようなレイアウトになります。

トップページとは違う文字色や背景を使いたい場合は、スタイルシートをコピーして、同じように貼り付けて、名前をmystyle2.css とでもして、スタイルシートの読み込みの設定（htmlソースの上のほうにある <link rel= ・・・・"mystyle.css">）のmystyle のところをmystyle2とすれば新たにスタイルシートを編集できます。

または、classというのを使うと、特定の範囲を指定して、色やサイズなどを指定することもできます。詳しくは「HTMLタグの森」でm(._.*)mﾍﾟｺｯ

では、同じやり方でもう一つのページを作りましょう。こちらはsub2.html としておきましょう。これで合計３ページができました。見本の完成版ではこのほかに、メールとBBS（掲示板）があります。

■リンクを使ってページ同士をつなげる

これらを、リンクを使ってつなげていきましょう。

まず、index.html をメモ帳で開いてください。 上のほうにここからがメニューというところがあります。

その中の <a href=・・・・　というところがあります。　（*^_^*）もう気づいたかと思いますが、このソースには初めから sub1.html などのほかのページへのリンクが書き込んであります。なので、「ページの名前」というところにリンク先のページの名前等を入れてください。（日記とか、写真館など）

それから、メールは「ここにアドレス」というところにアドレスを入れるだけです。ただ、ここに入れるアドレスは公開されます。なので、フリーメール等を使うのをおすすめします。まぁ経験上いたずらはまず来ないけど。気になる場合はメールフォームというサービスを使うといいでしょう。「掲示板等の設置」に説明があります。

それから掲示板ですが、「最初からいらないよ」と言う人はなにか他のページに使っても構いません。てか、メニューは自由に使っていいですよ＾＾あくまでサンプルですから＾＾；　掲示板はいろいろなところで借りれますが、fc2 がわかりやすくて、おすすめです。掲示板は、もらったURL にリンクを張るだけです（豆知識参照）。ちなみに、このfc2 にはメールフォームのサービスもあるので、メールはそれを利用するのもいいかもしれません。このサイトでも利用していました。

また、fc2にはFC2ブログ というブログのサービスもあるので、こちらを使うのもいいかもしれません。

リンクの設定はすべてのページでする必要があります。じゃないと、他のページに行った後、戻ってこれなくなりますから（笑） ただ、今回はこのサイトのやり方であれば、リンクは設定済みなので、する必要ありません。一応実際にブラウザ上で、すべてのページにリンクが正しくされているかよく確認しましょう。

また、リンク集を作るのもいいですよ。オススメサイトなど、ほかのサイトへのリンクを集めたページにします。ぜひこのサイトへのリンクもお願いしますヾ(＠^▽^＠)ﾉわはは

また、逆にメニューが足りないようであれば、増やすこともできます。増やし方は・・・たぶんもうわかりますよね＾＾；
念のため、
<a href="ファイル名">ページ名</a>｜

これをメニューのところに足せばいいだけです＾＾

ちなみに現在のフォルダのなかは下のような感じになってると思います。

あとは、それぞれのページに好きなものを書いたり、画像を貼り付けたりすれば完成です。本当はこのほかにもタグやスタイルシートの記述にはまだまだたくさんあります。でも、手をたくさんかけたからといって、すごいものができるとはかぎりません。ここで紹介したもので十分いいものが作れるはずです。

さらにステップアップしたい人は姉妹サイトの 「HTMLタグの森」や、「スタイルシートの森♪」で、ほかのタグを取り入れたり、また、 本を買うなり、いろんなサイトを見て、勉強するのも楽しいかもしれません。ホームページ作りは真似から入ることをおすすめします。きれいなサイトを真似てみる。そうするうちに自分の物になっていきます。とにかくたくさんのサイトを見ることをオススメします。

では、いよいよホームページを公開する手順について♪。

■ホームページのスペースを確保する

ホームページを公開するには、二つのものが必要です。まずは、サーバというホームページを置かせてもらう場所。もう一つはホームページのデータをサーバに送るためのソフトです。

前にも話しましたが、ホームページのスペースを無料で貸してくれるところはたくさんあります。自分が加入しているプロバイダーでもたぶんありますよ。

自分のプロバイダーの場合、広告などがつかないのでおすすめです。ただ、プロパイダーによって、送れるファイルの容量が違いますし、アフィリエイトが禁止のところが多いので、よく確認してからにしましょう。もしよくわからなければ、これから説明するものを利用すればいいと思いますよ。無料ですし＾＾♪

※追記です。プロパイダーがＯＣＮという方は、サーバー容量が１０Ｍバイト（最低レベル（汗）までと少ないので注意です。それから、申し込んでも実際使えるのは次の日になります・・・。（←どちらも今どきちょっとありえない（笑））

ここでは、fc2とヤフーでのやり方（どちらも無料）を説明します。こちらは即利用可能です。どこでもやり方は基本的に一緒です。yahooの場合、プロバイダーがヤフー以外の人が借りる場合、容量は50Mバイト、また、広告がつきます（結構大きめ）。無料サーバーの多くは広告を張るかわりに無料になるという仕組みです。

なので、広告が気になるのであれば、fc2がおすすめです。無料ですが広告はありません。fc2のロゴが小さく表示されるだけです。また、容量はなんと1G！！（こんなに使わんでしょ＾＾；）なので、余裕でしょう。ただ、ここは時間帯によってはページの表示が遅い場合があります。もし気になる場合は、yahooのほうにアップロードしてみて実際に表示させてみて比べてみればいいと思いますよ。それでどちらにすればいいか決めればいんです(^^♪。

別に登録したからといって、必ず使わなければいけないわけじゃないので＾＾ちなみにどちらも複数のID を取得できます。なので、好きなだけホームページの運営ができちゃいます（笑）ここから先はfc2でのやり方を取り上げるので、yahooの場合はこちらを参考にしてください。

また、お金を払って借りるレンタルサーバーていうのもあります。金額はサーバによって、さまざまで、安いところだと、月々200円台からあります。これには当然広告はつきませんし、容量も大きい、商用利用ができたり、表示が速い、CGI などのプログラムが使える、好きなアフィリエイト（※豆知識参照）が行える。などの特徴があります。どちらを選ぶかは、運営していくあなたの状況や、考え方次第なので、どちらがいいとは言えません。サーバーの選択の前に、 豆知識の「サーバーの選び方」を一度見てみることをおすすめします。

また、ドメインを取得すれば、好きなURL にすることもできます。
ここでは、無料サーバーを使った説明をしています。（やり方は基本的に有料サーバーも同じです）

写真を使えば当然容量は増えますが、そもそも、あまり大きな写真は表示に時間がかかって、訪問者には迷惑に感じるでしょう。 なので、写真もそれなりに加工する必要があります。ウインドウズ標準のペイントを使ってもサイズを縮めることができます。パソコンのモニター解像度は大きくても1280×1024の解像度なので、それ以上大きなものを載せてもあまり意味ないです・・・というか、実際は1024×768が多いので、大きくても幅が500px〜600px位にしましょう。　詳しくは「写真加工」のページを参考にしてください。

話がそれましたね＾＾；、 では、fc2のサイトに行って、まずは無料会員登録をしましょう。
FC2WEB無料ホームページ
（※こういうのって、本当にタダなの？って思ってる方がいるかもしれないので、一応書きますが、
本当に無料です^_^;　もし、お金取られたら、私を訴えてください（笑））

下の写真のようなところに行くので、新規登録を押して、必要な手続きをしてください。 終わったら、メールが送られてくるので、そこから同じように必要な手続きをしてください。



次に、下の画像のような画面にいくと思うんですが、ここで、 「サービスの追加」を押して、無料ホームページスペースを借りるんですが、なぜか一度ログアウトして、もう一度ログインしないとうまくいかないようです。わたしのだけかもしれませんが・・・、まぁ大した手間ではないですけどね。それで、無料ホームページを登録します。（画面内のマニュアルにも説明があります）



簡単な手続きが終わると、また、メールがきます。これが重要で、アップロードの際に使いますので、何かにメモしてください。メモするものは以下のものです。

メールのまん中あたりに、次のようなところがあると思います。

サーバーにアップロードするのに使うのは、上の３ヵ所です。
ホスト名、ユーザ名、パスワード。この三つをメモしてください。暗記できる方は暗記で(笑）

それと、大事な大事な（笑）自分のURLをお気に入りに入れておきましょう♪自分のURLは、下の画面（ID管理画面）で


ここで、「管理画面」をクリックすると、下の画像のような画面にいきます。

ここで確認できます。迷子になってよくわからないときは、http://id.fc2.com/ここがログインするためのページです。念のため(^_^.)

では、次はいよいよサーバーにホームページをアップロードしますよ〜♪