インターフェースを憶える必要が出たので、Dreamweaverのファイル（サイト）管理のお復習いです。私はHTMLやCSSはVisual Studio Codeを使っています。だから正直Dreamweaverはアウェイ環境なので、ちょっと気になる部分を整理してみることにしました。今回はその第一弾です。ただし、これで終わるかもしれませんけど・・・。
起動したら［新規作成］をクリックします。
※久しぶりに起動したら1年ぶりで、ダミーファイルばかりでした（^o^）汗
新たにゼロから作成する場合は、適当に新規ファイルを作成します。既に出来ている、あるいは支給されたデータ編集の場合は、後述する［サイト］＞［サイトの管理］からフォルダーを設定します。
新規ファイルを作成直後の画面です。これで最低限記述されたHTMLファイルが編集待ち状態になります。
※ちなみにDreamweaverのプレビュー画面はちょっとへそ曲がりなところがあって正しく表示されないことがあります。ブラウザーでの確認が必須ですね。そもそもアップデートは今間も行われていますが、正式名は2021となっています。この原稿は2026年7月25日バージョンで行っています。
サンプルとして用意した2つのデータの構造です。
既に出来ている、あるいは支給されたデータ編集の場合は、起動直後の画面で［サイト］＞［サイトの管理］をクリックし・・・
［新規サイト］をクリックし・・・
※ここでは新規ファイルを作成した後に［サイト］＞［サイトの管理］を実行しているので背景が、新規ファイル編集画面になっています。
ローカルサイトフォルダー右端のフォルダーアイコンをクリックして、該当ファイルのフォルダーを指定します。
これで使用サイトリストにデータが表示され，選択状態になるので［完了］をクリックします。
次に右端の［ファイル］ をクリックするとお指定したデータを表示するので、編集したいHTML等をダブルクリックすれば・・・
編集状態が得られます。
同じように別のデータを編集したい場合は、［サイト］＞［サイトの管理］をクリックし・・・
新規サイト］をクリックし、ローカルサイトフォルダー右端のフォルダーアイコンをクリックして、該当ファイルの√フォルダーを指定します。
次に右端の［ファイル］ をクリックするとお指定したデータを表示するので、編集したいHTML等をダブルクリックすれば・・・
編集状態が得られます。もちろん左上のデータタグからでも切り替え可能です。
Dreamweaver 21.8.1
