無料ホームページ作成情報 トップ > ホームページ作成入門 > 1-7)ホームページのファイルとフォルダ
ご自分でホームページを作成・修正される方のために、ホームページ作成のためのコンテンツをご用意しました。すべて無料のコンテンツですのでお役立てください。なお、こちらのコンテンツに関してはサポートを行っていません。ご質問のメールなどはご遠慮いただければと思います。
ホームページのファイルとフォルダについて
Webフォルダ
ホームページを構成するファイルは、ワープロソフトなどの一般的なファイルとは構成が違い、文字やレイアウト情報が含まれている「HTMLファイル」とは別に、ページ内に挿入されている画像ファイルなどがそれぞれ保存されます。
それらのファイルは、「images」フォルダなどを使用して整理するとよいでしょう。
すべてのフォルダ名 とファイル名は半角の英数字で入力する必要があります。
また、ホームページはローカル環境(自分のパソコン)で作成したあとに、Webサーバーにアップロードする必要があります。その為、ホームページを構成するすべてのファイルやフォルダは「Myweb」などの1つのフォルダにまとめて保存します。
相対リンクと絶対リンク
ホームページにリンクを設定する場合、「相対リンク」と「絶対リンク」という2種類があります。
特別な理由がない限り、「相対リンク」を使用して記述します。
実際にリンクの設定は、「2-7)リンクを設定するHTML」を参照してください。
相対リンク
相対リンクでは、ファイル同士の場所の関係からファイルを指定する方法です。
ファイル名やフォルダ名と、下位のフォルダを表す「/」や、上位のフォルダを表す「../」などを使用して記述します。
リンクの種類 | リンク元ファイル | リンク先ファイル | リンクの記述 |
---|---|---|---|
同位へのリンク | product01.html | product02.html | product02.html |
下位へのリンク | index.html | product02.html | products/product02.html |
上位へのリンク | product01.html | index.htnl | ../index.html |
上位と下位の混合 | product01.html | phote01.jpeg | ../images/phote01.jpeg |
絶対リンク
「絶対リンク」とは、URLとよばれるアドレスを指定する例です。
リンク元とリンク先のファイルに関係なく指定することができるので、一見便利ですが、実際はフォルダごと移動する場合など不便なことも多いので、とくに理由がない限りは使用しないほうが良いでしょう。
リンク先ファイル | リンクの記述 |
---|---|
index.html | http://www.y-labo.net/index.html |
product01.html | http://www.y-labo.net/products/product02.html |
格安です!ホームページ制作をご依頼ください!!
ホームページ制作は専門用語も多く、わかりにくいことも多いかと思います。ホームページの制作方法や制作費用、アクセス数アップ(SEO対策)などわかりにくいことがあればお気軽にお問い合わせください。