ビデオ: Dreamweaver CS4使い方講座ドリームウィーバーCS4のインタフェース/動学.tv 2025
Dreamweaverワークスペースの下部からアクセスできるプロパティインスペクタでは、ページ上の選択された要素で使用可能なプロパティが表示されます。したがって、イメージが選択されている場合と、テキストが選択されている場合などの場合とでは、プロパティインスペクタのオプションが異なります。
何も選択されていない場合、またはページでテキストを選択した場合、プロパティインスペクタはHTMLとCSSの2つのセクションに分割されます。
<！ - 1 - >
プロパティインスペクタの左側にあるボタンは、これら2つのモードを簡単に切り替えることができます。
CSSとHTMLが初めての方は、これらの2つのモードの違いを理解するのは少し混乱するかもしれません。基本的に、HTMLモードで太字のような書式設定アイコンを使用すると、HTML 999タグが追加され、ほとんどのWebブラウザでテキストが太字で表示されます。 CSSモードで同じアイコンを使用すると、太字の書式設定オプションを含むスタイルルールが自動的に作成されます。
ページ上の要素に既に適用されている既存のスタイルを編集するたびに、そのスタイルに加えた変更は、そのスタイルが使用されている場所であれば自動的に適用されます。この機能は、一度にいくつかのものを変更したいときに便利ですが、見出しなどの要素をあるページや他の場所に表示する場合に問題になることがあります。
<！ - 3 - >
スタイルを作成または編集する場合は、CSSモードでプロパティインスペクタを使用します。一方、ページ上の要素に既存のスタイルを適用するには、HTMLモードであることを確認してください。たとえば、イメージをクラススタイルに合わせたり、IDスタイルをタグに適用するには、HTMLモードである必要があります。HTMLモードでスタイルを適用するには、スタイルを適用するページ内のイメージ、テキスト、またはその他の要素を選択し、クラスまたはIDドロップダウンリストを使用してスタイルを選択します。 Dreamweaverによって自動的に適用されます。
同様に、
タグなどのHTMLタグを適用するには、HTMLモードにする必要があります。 CSSモードで
タグのCSSルールを作成または編集します。もちろん、プロパティインスペクタでスタイルを作成または編集する必要はありません。これをショートカット方法と考えてください。 CSSデザイナパネルを使用してスタイルを大幅に変更したい場合があります。
