HPを作る前にまずファイルとフォルダの概念を理解しましょう。
インターネットで公開するためにはファイルの種類がhtmlという形式でなければなりません。
テキスト文章も、保存するときは必ずhtml形式で保存してください。
まずHP用のフォルダを一つ作ります。
その中にHPのページファイルを保存していきます。
画像をたくさん使う場合は画像専用のフォルダをHP用フォルダの中に一つ作っておいてください。
画像以外でもページ数がたくさんある場合はフォルダで分類しておいたほうが後から変更したい場合に作業が楽になります
また、TOPページは必ずindex.htmlという名前でファイルを保存してください。
ファイル保存をするときは必ず半角英数字で保存してください
またフォルダの階層を理解しておく必要があります。
まずAがHPのファイルすべてを入れているフォルダになります
ｂ・ｃ・ｄのフォルダと同じ位置にindexファイルがきます
ｂ・ｃ・ｄのフォルダはこのサイトでいえば「妊娠」「育児」などのテーマをひとくくりにした
フォルダでその下に枝分かれしているのがページです。
リンクをするときにこのフォルダの階層が必要になってきます。
まず、間違いがないのは絶対パスといわれているものです
絶対パスとはhttp://aaa.com/b/e.htmlのように見てもらいたいページまでの
フォルダの道のりをすべて記入したリンクのことです。
自分のサイト外へリンクを張るときはこの方法をとります。
一方相対パスというのはたとえばTOPページからeというページへリンクを張るときにb/e.htmlと省略してリンクを書く場合を言います。
この相対パスは今いるページから見て、リンクを飛ばしたいページが何処にいるのかというのがポイントになります。
上の階層から下に行くときはb/e.htmlやc/i.html
といった記述をすればいいのですが、下の階層から
上の階層へ行きたい場合はちょっと記述形式が変わります。
たとえばfというページからTOPページにリンクを張りたい場合は../index.htmlという記述になります。
この../というのはｆというページがあるフォルダよりも一つ上の階層にあるページに
リンクを張りますよということです。
階層が上に行くにつれて../../というようになります。
またｃのフォルダにあるｈというページからｄというフォルダのｍというページにリンクをしたい場合は../d/m.htmlとなります。
同じ階層でフォルダが違う場合は間違いやすいので注意しましょう。
わかりましたか？では早速先ほどのサイト構成を片手に作って見ましょう♪
＞＞ページTOP
妊娠･出産篇
赤ちゃん育児篇
母乳育児篇
しつけ篇
２人目妊娠篇
パパへの道
育児体験記
幼稚園篇
爆笑育児体験記
HP作成講座
作成手順
どんなHPにするの？
コンテンツタイトルを考える
サイト構成を考える
HPを作る前にレンタルサーバーと契約する
ネットに公開してみよう
見やすいHPとは
ビルダーの基本操作
よく使うタグ
CSSを使う
CGIの設置方法
洋裁講座
リンク集