デフォルトのスタイルシートとは - ホームページ・Web制作全般 - 専門家プロファイル

三井 博康
エムシーエス株式会社 代表取締役
Webプロデューサー

注目の専門家コラムランキングRSS

対象:ホームページ・Web制作

専門家の皆様へ 専門家プロファイルでは、さまざまなジャンルの専門家を募集しています。
出展をご検討の方はお気軽にご請求ください。

デフォルトのスタイルシートとは

- good

  1. 法人・ビジネス
  2. ホームページ・Web制作
  3. ホームページ・Web制作全般
エムシーエスのCMS紹介 New エムシーエスのCMSによくある質問 FAQ
エムシーエスのCMSのQ&Aのご案内になります。
ご参考まで。

《Question》
プロフェッショナル版ではデフォルトのスタイルシートを設定してエディタで使用できるようですが、編集してもページに反映されません。
ニュースやコンテンツが挿入されるデザインテンプレートhtmlでデフォルトのテンプレートをインクルード(読み込む)設定がされていますか?

《Answer》
スタイルシートのファイル名は動作環境で設定することが出来ます。
デフォルトでは「defaultstyle.css」に設定されていますのでインクルードするパスはCtrl/defaultstyle.cssとなります。

<link rel="stylesheet" type="text/css" href="Ctrl/defaultstyle.css" />

もちろん、現在使用しているスタイルシートがあれば動作環境を変更することでコンパネから編集することが可能になります。

スタイルシートは、スタイルシートのあるディレクトリを基準に相対パスですべてのURLを算出します。
したがって、階層の異なるパージからインクルードすると正常に画像等が表示されない現象が起こってしまいます。
これに対応するためにはスタイルシート内でのアドレスの指定はURL形式または絶対パスで設定しておきます。

【パス指定の種類】

1. 相対パス
ファイルのあるディレクトリを基準にした設定法で、同じディレクトリ内のファイルを指定する場合は、[./○○○○○.jpg]やディレクトリを省略して[○○○○○.jpg]と書きます。
1つ上の階層を指定するには[../○○○○○.jpg]や、[../images/○○○○○.jpg]のようにディレクトリ名も指定できます。
この方式では階層が異なるディレクトリからは参照できません。
住所で考えれば簡単です。ご自分の住所から隣町の近藤さんは、品川区から1つ上の階層「東京都」の「大田区」を指定するなら[../大田区」となります。
ただ、このように相対パスは品川からなら良いのですが品川区内の大井町からは[../大田区」ではアクセスできません。大井町から1つ上の階層は品川区ですので品川区内に大田区はありません。この場合は[../../大田区」となり、階層ごとにアドレスを変更しなければならなくなるのです。

2. URL形式
http://から始まる完全なアドレス形式です。通常はご自分のドメイン名から始まり、ディレクトリの階層とファイル名すべてを指定します。
http://www.○○○○○.or.jp/images/○○○○○.jpg
この形式ならどの階層のどのディレクトリからも参照できますがコードが長くなる欠点があります。
この形式を住所に置き換えると「日本国」「東京都」「大田区」と、すべてを設定しているのですからどこからでもアクセスできるわけです。

3. 絶対パス
もっとも有効なのが絶対パスで、URL形式からドメイン名を省略したものです。上記の例を絶対パスで指定すると
/images/○○○○○.jpg のように書くことができ、コードが短くなりすべてのディレクトリからも参照できます。
これは住所で言うとURL形式で「日本国」だけを省略しただけといえます。サイト内はドメインを省略して、サイト外にリンクをつける場合にだけhttp://ドメイン名を指定します。

◆◆◆◆◆━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
◆◆◆◆
◆◆◆     ホームページ制作はエムシーエスへ   
◆◆  エムシーエスのCMS 導入で更新がかんたん  
◆━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

★★PR・‥…―━━━―…‥・・‥…―━―…‥・・‥…―━━━―…‥・★★
専用線は、Broadlineを推奨
翻訳は山根ドキュメンテーションを推奨
銀行の貸金庫より便利な貸金庫 「セフティボックス」
メンタルヘルスのフィスメック
★★・‥…―━━━―…‥・・‥…―━―…‥・・‥…―━━━―…‥PR・★★