その他の最近のブログ記事

前回、

このときに値の記述はurl(〜〜)の様にして画像ファイルを相対パス指定します。
相対パスについては重要ですので別の機会で詳しく説明するつもりですが、今のところはわからなくても問題ありません。

と書きましたが、やっぱり気になりますので先に説明することにします。

background-image: url(../image/002.gif);

で、背景にする画像の場所を指定している事は前回書きましたが、問題はこの「../image/002.gif 」が何を意味していて、相対パスとは何かということです。

ファイルを指定するのによく使用されているのは相対パス絶対パスです。


対パス:起点となる現在位置から、目的のファイルやフォルダまでの道筋を記述するのが「相対パス」です。

以下のようなファイル構成があるとして説明します。

[xhtml]┳index.html
┣[css]┳[css2]━test2.css ┃ ┣test.css ┃ ┗bass.css ┗[image]┳001.jpg ┣002.gif ┣003.jpg ┣004.gif 005.gif   

 [ ] はディレクトリ(フォルダ)を表しています。
   

KUMAOです。

ホームページを作成するためのツールに、○○ビルダーとかドリーム××とかいろいろありますが、ここではそういったツールを使わずに、WINDOWS付属のメモ帳等のエディタにXHTMLのタグとスタイルシートをテキストで記述してホームページを作成する方法を一から説明していこうと思っております。

まったくホームページを作った事のない方を対象として進めていくつもりです。
で、専門的な表現は極力避け、わかりやすい表現に置き換えて説明していくつもりですので、よくご存じの方にはおかしな表現だと思われるかもしれませんがその事についてはご容赦ください。

どこまでうまく説明する事ができるかはわかりませんが、こらからホームページを作ろうの思っておられる方のお役の立てればこうえいです。
付き合いの程よろしくお願いいたします。

KUMAOの押入TOPへ

カウンタ

アーカイブ

ウェブページ

ブログランキング・にほんブログ村へ

このアーカイブについて

このページには、過去に書かれたブログ記事のうちその他カテゴリに属しているものが含まれています。

前のカテゴリはXHTMLです。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

books