水曜日, 9月 30, 2026

Dreamweaverの環境設定とインターフェース

まさかの2回目ですが、前回でも触れている部分を含んでおり、本当に基本的なことだけです。


まずデフォルトでは[左右に分割]となって居ますが・・・

[表示]>[分割]>[上下に分割]で・・・

切り換えることが出来ます。

また、[Dreamweaver]>[環境設定]はデフォルトで問題ありませんが・・・

、[Dreamweaver]>[環境設定]>[コードヒント]は適宜切り換えると良いかも。最もデフォルトの[開始タグの">"の入力後]が一番おすすめですがそれぞれの処理を以下にまとめました。

["</"の入力後]
 <body></ → <body></body>
[開始タグの">"の入力後]
 <body> → <body></body>
[閉じない]
 <body></body> → <body></body>

※ところでDreamweaverが苦手な理由の一つにパレットのオンオフ処理があります。
Dreamweaverでは[適用]をクリックしてもパレットは閉じず[閉じる]をクリックする必要があります。他のAdobe ツールでは[OK]で閉じてくれるので混乱してしまいます。それと表示文字サイズをVisula Studio Codeのようにcommnad +やー(※)で調整出来ないストレスが・・・。

※windows環境ではcontrol+やー

ちなみにDreamweaverで文字サイズ変更したい場合は、[Dreamweaver]>[環境設定]>[フォント]で設定します。

なお、他のエディターでも同様ですが,任意のテキストを入力後に[tab]キーを押すとタグと閉じタグとじて処理されます。

kaizu-tag [tab]
            ↓
 <kaizu-tag></kaizu-tag>

ちなみに後日JavaScriptネタとして整理しますが、ユーザー定義のタグにはHTMLとして以下のルールがあります。

<kaizu> NG
<kaizu-tag> OK
<my-kaizu> OK
<kaizu-component> OK