本文の開始

無料ホームページ作成入門のy-laboホームページのファイルとフォルダ

無料ホームページ作成情報。無料でWeb/HP製作。ホームページ入門から、
HTML・CSS・SEO対策・フリーソフトから無料テンプレートまで。

格安ホームページ制作激安HPWeb製作のy-labo.net(わいらぼ、ワイラボ)

  • ホームページ制作費を安く・格安・激安!
  • ホームページ制作を早く!
  • でもかっこいいホームページにカスタマイズ
  • SEO対策でアクセスアップ
  • ホームページ制作後も安心サポート
  • 自分でもホームページを修正したい

1-7)ホームページのファイルとフォルダ ホームページ作成入門

無料ホームページ作成情報 トップ > ホームページ作成入門 > 1-7)ホームページのファイルとフォルダ

 

ご自分でホームページを作成・修正される方のために、ホームページ作成のためのコンテンツをご用意しました。すべて無料のコンテンツですのでお役立てください。なお、こちらのコンテンツに関してはサポートを行っていません。ご質問のメールなどはご遠慮いただければと思います。

ホームページのファイルとフォルダについて

Webフォルダ

ホームページを構成するファイルは、ワープロソフトなどの一般的なファイルとは構成が違い、文字やレイアウト情報が含まれている「HTMLファイル」とは別に、ページ内に挿入されている画像ファイルなどがそれぞれ保存されます。

それらのファイルは、「images」フォルダなどを使用して整理するとよいでしょう。

すべてのフォルダ名 とファイル名は半角の英数字で入力する必要があります。

また、ホームページはローカル環境(自分のパソコン)で作成したあとに、Webサーバーにアップロードする必要があります。その為、ホームページを構成するすべてのファイルやフォルダは「Myweb」などの1つのフォルダにまとめて保存します。

Webフォルダ説明画像

このページのTOPへ

相対リンクと絶対リンク

ホームページにリンクを設定する場合、「相対リンク」と「絶対リンク」という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
Webフォルダ説明画像

絶対リンク

「絶対リンク」とは、URLとよばれるアドレスを指定する例です。

リンク元とリンク先のファイルに関係なく指定することができるので、一見便利ですが、実際はフォルダごと移動する場合など不便なことも多いので、とくに理由がない限りは使用しないほうが良いでしょう。

リンク先ファイル リンクの記述
index.html http://www.y-labo.net/index.html
product01.html http://www.y-labo.net/products/product02.html

このページのTOPへ

このページのTOPへ

格安です!ホームページ制作をご依頼ください!!

ホームページ制作は専門用語も多く、わかりにくいことも多いかと思います。ホームページの制作方法や制作費用、アクセス数アップ(SEO対策)などわかりにくいことがあればお気軽にお問い合わせください。

このページのTOPへ

格安ホームページ制作依頼

メールでご相談

メールでのお問い合わせは365日24時間受付中です。

お電話でのご相談

090-3401-6229(直通)

【対応時間】

平日のみ(土日祝日はお休み)
午前11時〜午後7時頃

※留守番電話にメッセージを残して頂ければ、対応時間内にこちらより折り返します。

ページの終了