Dreamweaverでゴォ!

CSSファイルの読み込み設定での注意点

HTMLファイルにCSSファイルを読み込む場合は以下を参考にしてください。

  1. CSSファイルを追加する方法(1)
  2. CSSファイルを追加する方法(2)

いずれかの方法で「スタイルシートの添付」ウィンドウでCSSファイルのリンクを設定するとき、「追加方法」という項目があります。

リンクさせる」にチッェクを入れた場合、HTMLに記述されるのは以下のようになります。

<link href="CSSファイル名" rel="stylesheet" type="text/css"
 media="選択したメディア">

ファイルを読み込む」にチッェクを入れた場合、HTMLに記述されるのは以下のようになります。

<style type="text/css" media="選択したメディア">
    <!--
    @import url("CSSファイル名");
    -->
</style>

Dreamweaver CS3ではメディアタイプをメディアという項目から設定できます。

メディアという項目に入力された値は属性mediaに追加されるメディアタイプになります。コンマ区切りで複数の属性の記述もできますが、その際、「tty,screen」と実際のタグと同じように記述する必要があります。

設定できる項目の属性mediaに記述される項目は以下です。
よくわからなければ、メディアの欄は特に空欄でも構いませんが、「すべて」を選んでおくといいでしょう。

Dreamweaverでの表示順番 mediaへの記述 詳細
all all すべてのメディア
aural aural 音声出力
braille braille 点字出力(点字ディスプレイなど)
handheld handheld 携帯端末(PDAなど)
print print 印刷出力
projection projection プロジェクター
screen screen PCディスプレイ
tty tty 固定ピッチフォントで表示される端末(携帯電話など)
tv tv テレビ

Dreamweaver CS3の使い方 目次にもどる

このページの上へ
Dreamweaverでゴォ! 制作著作/ノンピリオド:村山秀明