Dreamweaver Web ページでのコンテンツの表示と編集、メタプロパティとページタイトルの設定、ページのキーワードとページの指定などを行います。

ページには、そのページに関する情報を記述するエレメントがあり、この情報が検索ブラウザーで使用されます。head エレメントのプロパティを設定すると、ページの識別方法を制御できます。

ヘッドコンテンツの表示と編集

ドキュメントの head セクションのエレメントは、コードビューか、コードインスペクターを使用して表示できます。

ドキュメントの head セクションへのエレメントの挿入

  1. 挿入/HTML から head タグを選択します。

  2. 表示されるダイアログボックスまたはプロパティインスペクターで、エレメントのオプションを入力します。

ドキュメントの head セクションのエレメントの編集

head エレメントは、コードビュー、またはプロパティインスペクターでコードを直接入力して編集できます。

プロパティインスペクターを使用して head セクションのエレメントを編集するには:

  1. DOM パネル(ウィンドウ/DOM パネル)で head エレメントを選択します。 

    プロパティインスペクターに、選択したエレメントのプロパティが表示されます。

  2. プロパティインスペクターで、エレメントのプロパティを設定または変更します。

ページのメタプロパティの設定

meta タグは head エレメントで、文字のエンコード、作成者、著作権、キーワードなど、現在のページに関する情報を記録します。また、これらのタグは、ページの有効期限、更新間隔、POWDER レーティングなどの情報をサーバーに渡すために使用されます(POWDER(Protocol for Web Description Resources)とは、映画の年齢制限と同じようなアクセス制限(レーティング)を Web ページに適用するしくみです)。

meta タグの追加

  1. 挿入/メディア/メタを選択します。

  2. 表示されるダイアログボックスでプロパティを指定します。

既存の meta タグの編集

meta エレメントは、コードビュー、またはプロパティインスペクターでコードを直接入力して編集できます。

プロパティインスペクターを使用して meta セクションのエレメントを編集するには:

  1. DOM パネル(ウィンドウ/DOM パネル)で head エレメントを選択します。 

    プロパティインスペクターに、選択したエレメントのプロパティが表示されます。

  2. DOM パネルから meta タグを選択します。

  3. プロパティインスペクターでプロパティを指定します。

    属性

    meta タグの内容が、ページの説明(name)または HTTP ヘッダー情報(http-equiv)のどちらであるかを指定します。

    このタグに記述する情報のタイプを指定します。descriptionkeywordsrefresh など、一部の値は既に適切に定義されており、それぞれに対応するプロパティインスペクターが Dreamweaver に存在しますが、実用上は任意の値を指定できます(例:creationdatedocumentIDlevel)。

    コンテンツ

    実際の情報を指定します。例えば、「値」に level を指定した場合、「コンテンツ」には beginnerintermediateadvanced のいずれかを指定します。

ページタイトルの設定

タイトルプロパティは、ページタイトル 1 つだけです。ページタイトルは、次のいずれかの方法を使用して編集できます。

  • コード内でタイトルを直接編集する(コードビュー)
  • DOM パネルで title タグを選択し、プロパティインスペクターでタイトルを編集する

ページのキーワードの指定

サーチエンジンロボット(Web を自動参照して、サーチエンジンがインデックスを付ける情報を収集するプログラム)の多くは、キーワード meta タグの内容を読み取り、その情報を使用して Web ページのインデックスをデータベース内に作成します。一部のサーチエンジンでは、インデックスを付けるキーワード数または文字数が制限されていたり、制限を超えるとすべてのキーワードが無視される場合があります。このため、厳選した少数のキーワードだけを使用することをお勧めします。

キーワード meta タグの追加

  1. 挿入/HTML/キーワードを選択します。

  2. 表示されるダイアログボックスで、キーワードをコンマ区切りで指定します。

キーワード meta タグの編集

キーワード meta 詳細は、次のいずれかの方法を使用して編集できます。

  • コード内(コードビュー)でキーワードを直接編集します
  • DOM パネルでキーワードの meta タグを選択し、プロパティインスペクターでキーワードを表示、変更、または削除します。

注意:

キーワードはコンマで区切る必要があります。

ページの詳細の指定

サーチエンジンロボット(Web を自動参照して、サーチエンジンがインデックスを付ける情報を収集するプログラム)の多くは、詳細 meta タグの内容を読み取ります。サーチエンジンロボットには、この情報を使用して Web ページのインデックスをデータベース内に作成するものや、検索結果のページ上にドキュメントの最初の数行を表示する代わりに、この情報を表示するものがあります。サーチエンジンによってはインデックスに格納できる文字数に制限があるので、ページの説明は数語程度にすることをお勧めします(例:「ジョージア州アルバニーの宅配ポークバーベキュー」、「手ごろな価格の Web デザイン、世界中のお客様に対応します」)。

詳細 meta タグの追加

  1. 挿入/HTML/詳細を選択します。

  2. 表示されるダイアログボックスに説明文を入力します。

詳細 meta タグの編集

meta 詳細は、次のいずれかの方法を使用して編集できます。

  • コード内(コードビュー)で詳細を直接編集します
  • DOM パネルで詳細の meta タグを選択し、プロパティインスペクターで詳細を編集します。

ページの更新プロパティの設定

更新エレメントを使用して、一定の時間が経過したらページが自動的に更新されるように(現在のページを再ロードまたは別のページを表示)指定します。このエレメントは、通常、URL が変更されたというテキストメッセージの表示後に、別の URL にリダイレクトするときに使用します。

更新 meta タグの追加

  1. 挿入/メディア/メタを選択します。

  2. 表示されるダイアログボックスで、プロパティを次のように指定します。

    Attribute

    meta タグに HTTP ヘッダー情報(http-equivalent)が含まれることを指定します。

    Value

    このタグで提供する情報のタイプが refresh であることを指定します。

    Content

    ブラウザーがページを更新するまでの待ち時間(秒)を指定します。ブラウザーのロード終了後すぐにページを更新するには、このボックスに「0」を入力します。

更新 meta タグの編集

更新 meta タグは、次のいずれかの方法を使用して編集できます。

  • コード内(コードビュー)でプロパティを直接編集します
  • DOM パネルまたはコード内で更新の meta タグを選択し、プロパティインスペクターでプロパティを編集します。

ベース meta タグの編集

ページ内のすべてのドキュメント相対パスの基準と見なされるベース URL を設定するために使用される、ベースエレメントを編集できます。

  1. DOM パネルでベースエレメントを選択します。

  2. プロパティインスペクターで、ベース meta タグのプロパティを指定します。

    Href

    ベースの URL です。「参照」ボタンをクリックしてファイルを参照および選択するか、ボックスにパスを入力します。

    ターゲット

    リンク先のすべてのドキュメントを開くフレームまたはウィンドウを指定します。現在のフレームセットからフレームを 1 つ選択するか、次の予約名のいずれかを選択します。

    • _blank:リンクされたドキュメントを、名前のない新規のブラウザーウィンドウにロードします。

    • _parent:リンクされたドキュメントを、リンクが含まれている親フレームセットまたはフレームのウィンドウにロードします。リンクを含むフレームがネストされていない場合は、_top を選択した場合と同じことになり、リンクされたドキュメントはブラウザーウィンドウ全体にロードされます。

    • _self:リンクされたドキュメントを、リンクと同じフレームまたはウィンドウにロードします。このターゲットは初期設定なので、通常は指定する必要はありません。

    • _top:リンクされたドキュメントをブラウザーウィンドウ全体にロードして、すべてのフレームを削除します。

現在のドキュメントと別のファイルとのリレーションシップを定義する link タグを編集できます。

注意:

link タグが head セクション内にある場合、body セクション内にあるドキュメント間の HTML リンクと同じものではありません。

  1. DOM パネルまたはコードビューでリンクエレメントを選択します。

  2. プロパティインスペクターで、リンク meta タグのプロパティを指定します。

    Href

    リレーションシップを定義する対象ファイルの URL です。「参照」ボタンをクリックしてファイルを参照および選択するか、ボックスにパスを入力します。この属性は、通常の HTML という意味でリンク先のファイルを示すものではありません。リンクエレメントで指定するリレーションシップはそれよりも複雑です。

    ID

    リンクに固有の識別子を指定します。

    タイトル

    リレーションシップの説明を入力します。この属性は、リンク先のスタイルシートと特別な関連があります。詳しくは、World Wide Web Consortium の Web サイト(www.w3.org/TR/REC-html40/present/styles.html#style-external)で、HTML 4.0 仕様の「External Style Sheets」の項を参照してください。

    Rel

    現在のドキュメントと、「Href」ボックスで指定したドキュメントとのリレーションシップを指定します。指定可能な値には、AlternateStylesheetStartNextPrevContentsIndexGlossaryCopyrightChapterSectionSubsectionAppendixHelpBookmark などがあります。複数のリレーションシップを指定する場合は、値をスペースで区切ります。

    Rev

    現在のドキュメントと、「Href」ボックスで指定したドキュメントとのリレーションシップの逆(「Rel」の逆)を指定します。指定可能な値は、「Rel」と同じです。

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

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