Cafi Netつながる情報技術
  1. トップ>
  2. DW CS5 の使い方>
  3. クイックタグ編集

Dreamweaver CS5 のクイックタグ編集

オブジェクトの追加に続いて、メニューバー「修正」の機能です。Adobe Dreamweaver CS5(アドビ ドリームウィーバー CS5)の使い方を確認します。

Adobe Dreamweaver CS5 & CS5.5 * クイックタグ編集の概要

Dreamweaver CS5 の修正メニュー

ページプロパティダイアログボックス

メニューバー「修正」のページプロパティを選択すると、ページプロパティダイアログボックスが表示されます。

ページプロパティダイアログボックスでは、ページごとのレイアウトを指定できます。

ページごとに、外観(CSS)/外観(HTML)/リンク(CSS)/見出し(CSS)/タイトル・エンコーディング/トレーシングイメージを設定します。

テンプレートプロパティを選択すると、テンプレートのプロパティダイアログボックスが表示されます。

テンプレートプロパティをアクティブにするには、テンプレートから新規ドキュメントを作成します。

テンプレートの使用者は、テンプレートパラメーターを更新できます。

プロパティインスペクターを折りたたむ

選択プロパティのチェックを外すと、プロパティインスペクターが折りたたまれてドキュメントウィンドウが広くなります。

プロパティインスペクターの折りたたみは、ダブルクリックで操作することもできます。

プロパティインスペクター内をダブルクリックすると、ページプロパティの部分のみ折りたたまれます。

濃い灰色のバー部分をダブルクリックすると、全体が折りたたまれます。

CSS スタイルのチェックを外すと、CSS スタイルパネルが折りたたまれます。

CSS スタイルのチェックを入れると、CSS スタイルパネルが表示されます。

CSS スタイルパネルが閉じられている場合は、パネルが開きます。

タグエディターダイアログボックス

タグの編集を選択すると、タグエディターダイアログボックスが表示されます。

ダイアログボックスでは、選択したタグの属性を編集します。

クイックタグ編集を表示

クイックタグ編集は、デザインビューから HTML タグを追加する機能です。

デザインビューで、修正/クイックタグ編集(Ctrl+T)を選択すると、上の画像のようにクイックタグ編集が表示されます。

クイックタグ編集で追加した HTML タグ

追加したい HTML タグをタブルクリックします。

必要に応じてテキストを入力します。

Enter キーを押すと、HTML タグが追加されます。(終了タグは自動的に追加されます)

リンクターゲットの変更

リンクの作成は、選択中のテキストや画像にリンクを設定する機能です。

リンクが設定されているテキストや画像を選択した場合は、リンクの変更と表示されます。

どちらもリンク先を選択して、リンクの作成・変更を行います。

リンクの削除は、デザインビューで選択中のリンクを削除する機能です。

リンクページを開くは、リンク先のファイルを開く機能です。

リンクターゲットは、ウィンドウの表示方法を変更する機能です。

例えば、リンク先を新しいウィンドウで表示したい場合は、ターゲット「_blank」を選択します。

プロパティインスペクターでも、同様の操作を行うことができます。