Dreamweaver

テキストエディターとしてのDreamweaver

サイトの管理（サイトの定義）

  • Dreamweaverは起動後に、必ず「サイトの管理」の設定を求められます
  • 管理するフォルダーを指定して、作業時の効率化をはかる
  • 「サイトの管理」により相対パスの自動更新が可能になる


Dreamweaverでは、Webサーバーにアップロードするのと同じ階層構造をローカルのハードディスクに作成して管理することを「サイトの管理」と呼びます。

サイト管理（ローカルサイトを定義する）

起動後、最初に現れる画面の「サイトの管理」をクリックするか
［サイト］メニューから「新規サイト」を選択する。




新規作成

  • 通常、ローカルでの作業のみであれば、管理するフォルダーを選択し、管理名（サイト名）をつけて保存します


ワークスペースのレイアウト
  • 「開発者」か「コーダー」を選択する


環境設定

コードフォーマット



コードヒント

  • 「環境設定」→「コードヒント」




※入力の練習のためには、あえて「コードヒント」が表示されない設定にします



今回は、「コードヒント」を利用します。


大文字と小文字を区別する



各パネルを非表示・表示

  • コーディングに集中する場合は、パネルが不要です


Dreamweaverの環境

新規ドキュメント


《HTMLの設定》


《JavaScriptの設定》


《改行タイプの設定》


《インデントの設定》

  • 「改行タイプの設定」画面の「インデント使用」にチェック


コーディング規約
コーディング規約には、「インデントはスペース２つでなければならない」とあります。
Dreamweaverでは、タブで入力したインデントを自動的にスペースに変換することができません。


そこで、置換機能を使います。

  • タブ記号を表示する

  • タブをスペースに変換（変換したい場所を選択して）