フォント、背景色、背景イメージプロパティなど、Dreamweaver ページの HTML ページプロパティおよび CSS プロパティを設定する方法について説明します。

ページプロパティダイアログボックス(ファイル/ページプロパティ)を使用すると、Dreamweaver で作成したページごとにレイアウトやフォーマットのプロパティを指定できます。ページプロパティダイアログボックスでは、初期設定のフォントファミリーとフォントサイズ、背景色、マージン、リンクスタイル、およびその他の多数のページデザインプロパティを指定できます。新規作成するページごとに新しいページプロパティを割り当てたり、既存ページのページプロパティを変更したりできます。ページプロパティダイアログボックスでの変更内容は、ページ全体に適用されます。

Dreamweaver でページプロパティを変更する 2 つの方法として、CSS または HTML があります。背景の設定やページプロパティの変更には CSS を使用することをお勧めします。

注意:

選択したページプロパティは、アクティブなドキュメントにのみ適用されます。ページで外部 CSS スタイルシートを使用する場合、Dreamweaver ではスタイルシートで設定されているタグは上書きされません。上書きすると、このスタイルシートを使用するその他すべてのページに影響がでるためです。

CSS ページフォント、背景色、および背景イメージプロパティの設定

ページプロパティダイアログボックスで、フォント、背景色、背景イメージなど、Web ページのいくつかの基本的なページレイアウトオプションを指定できます。

  1. ファイル/ページプロパティを選択するか、テキストのプロパティインスペクターの「ページプロパティ」ボタンをクリックします。

  2. 「外観(CSS)」カテゴリーを選択し、オプションを設定します。

    ページフォント

    Web ページで使用する初期設定のフォントファミリーを指定します。Dreamweaver では、テキストエレメントに別のフォントが設定されていない限り、ここで指定したフォントファミリーが使用されます。

    サイズ

    Web ページで使用する初期設定のフォントサイズを指定します。Dreamweaver では、テキストエレメントに別のフォントサイズが設定されていない限り、ここで指定したフォントサイズが使用されます。

    テキストカラー

    フォントのレンダリングに使用する初期設定のカラーを指定します。

    背景色

    ページの背景色を設定します。「背景色」ボックスをクリックして、カラーピッカーからカラーを選択します。

    背景イメージ

    背景イメージを設定します。「参照」ボタンをクリックし、イメージを参照して選択します。または、「背景イメージ」ボックスに背景イメージへのパスを入力します。

    背景イメージがウィンドウ全体に満たない場合、Dreamweaver ではブラウザーの場合と同様に背景イメージがタイル状に(繰り返して)表示されます。背景イメージを繰り返さないようにするには、カスケーディングスタイルシートを使用して、イメージの繰り返しを無効にします。

    リピート

    ページ上で背景イメージをどのように表示するかを指定します。

    • 背景イメージを 1 度だけしか表示しない場合は、「リピートなし」オプションを選択します。

    • イメージを水平および垂直に繰り返すまたは並べて表示する場合は、「リピート」オプションを選択します。

    • イメージを水平に並べて表示する場合は、「X 軸にリピート」を選択します。

    • イメージを垂直に並べて表示する場合は、「Y 軸にリピート」 を選択します。

    「左マージン」および「右マージン」

    左右のページマージンのサイズを指定します。

    「上マージン」および「下マージン」

    上下のページマージンのサイズを指定します。

HTML ページプロパティの設定

ページプロパティダイアログボックスのこのカテゴリーでプロパティを設定すると、ページの CSS フォーマットではなく HTML が生成されます。

  1. ファイル/ページプロパティを選択するか、テキストのプロパティインスペクターの「ページプロパティ」ボタンをクリックします。

  2. 「外観(HTML)」カテゴリーを選択し、オプションを設定します。

    背景イメージ

    背景イメージを設定します。「参照」ボタンをクリックし、イメージを参照して選択します。または、「背景イメージ」ボックスに背景イメージへのパスを入力します。

    背景イメージがウィンドウ全体に満たない場合、Dreamweaver ではブラウザーの場合と同様に背景イメージがタイル状に(繰り返して)表示されます。背景イメージを繰り返さないようにするには、カスケーディングスタイルシートを使用して、イメージの繰り返しを無効にします。

    背景

    ページの背景色を設定します。「背景色」ボックスをクリックして、カラーピッカーからカラーを選択します。

    テキスト

    フォントのレンダリングに使用する初期設定のカラーを指定します。

    リンク

    リンクテキストに適用するカラーを指定します。

    訪問済みリンク

    訪問済みリンクに適用するカラーを指定します。

    アクティブリンク

    マウス(またはポインター)でリンクをクリックしたときに適用するカラーを指定します。

    「左マージン」および「右マージン」

    左右のページマージンのサイズを指定します。

    「上マージン」および「下マージン」

    上下のページマージンのサイズを指定します。

ページのタイトルおよびエンコードプロパティの設定

ページプロパティの「タイトル/エンコーディング」オプションでは、Web ページのオーサリングに使用する言語に特有のドキュメントエンコードタイプを指定できます。「タイトル/エンコーディング」オプションでは、そのエンコードタイプで使用する Unicode 正規化形式も指定できます。

  1. 次のいずれかの操作を実行します。

    • ファイル/ページプロパティをクリックします。
    • ウィンドウ/プロパティをクリックし、テキストのプロパティインスペクターの「ページプロパティ」をクリックします。
  2. ページプロパティパネルで、「タイトル/エンコーディング」を選択します。次のオプションを設定できます。

    • タイトル:ドキュメントウィンドウおよびほとんどのブラウザーウィンドウのタイトルバーに表示されるページタイトルを指定します。
    • ドキュメントタイプ(DTD):ドキュメントタイプ定義を指定します。たとえば、ポップアップメニューから「XHTML 1.0 Transitional」または「XHTML 1.0 Strict」を選択すると、HTML ドキュメントを XHTML 準拠にできます。
    • エンコーディング:ドキュメントのエンコードで、ドキュメント内の文字に使用するエンコードを指定します。ドキュメントエンコーディングとして Unicode(UTF-8)を選択した場合、UTF-8 ではすべての文字を適切に表すことができるため、エンティティエンコーディングは必要ありません。他のドキュメントエンコーディングを選択した場合は、一部の文字を表すためにエンティティエンコーディングが必要になることがあります。文字エンティティについて詳しくは、www.w3.org/TR/REC-html40/sgml/entities.html を参照してください。
    • 再読み込み:既存のドキュメントを変換するか、新しいエンコードを使用して再度開きます。
    • Unicode 正規化形式:ドキュメントのエンコードとして UTF‑8 を選択した場合のみ有効です。Unicode 正規化形式には 4 種類があります。最も重要なものは正規化形式 C です。これは、World Wide Web の文字モデルとして最もよく使用される形式であるためです。Adobe では、完全を期すために他の 3 種類の Unicode 正規化形式も用意しています。Unicode では、視覚的には似ていても、異なる方法でドキュメント内に保存できるいくつかの文字があります。例えば、「ë」(e ウムラウト)は「e ウムラウト」として 1 つの文字で表すか、「通常のラテン文字 e」+「結合ウムラウト」として 2 つの文字で表すことができます。Unicode 結合文字は前の文字とともに使用されるので、ウムラウトは「ラテン文字 e」の上に表示されます。どちらの形式も視覚的には同じ文字体裁になりますが、ファイルに保存される方法は各形式で異なります。正規化は、異なる形式で保存できるすべての文字が、すべて同じ形式を使って保存されるようにする処理です。つまり、ドキュメントにあるすべての「ë」文字は 1 つの「e ウムラウト」または「e」+「結合ウムラウト」として保存され、1 つのドキュメントに両方の形式で保存されることはありません。Unicode 正規化と、使用できる具体的な形式については、Unicode Web サイト(www.unicode.org/reports/tr15)を参照してください。
    • Unicode Signature(BOM)を含める:ドキュメントに バイトオーダーマーク(BOM)を含めます。BOM は、ファイルを Unicode として識別する、テキストファイルの先頭にある 2 ~ 4 バイトです。ファイルが Unicode である場合は、後続のバイトのバイトオーダーを指定します。UTF-8 にはバイトオーダーがないため、UTF-8 BOM の追加はオプションです。UTF-16 および UTF-32 の場合、BOM の追加は必須です。

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー