ひとまず、CS5.5とCS6
テキストエディターとしてのDreamweaver
- 高価なテキストエディター
- 効率化のために使用するDreamweaverですが、初心者はテキストエディターとして使用します
- 「デザインビュー」と「CSSダイアログボックス」は使いません
サイトの管理(サイトの定義)
Dreamweaverでは、Webサーバーにアップロードするのと同じ階層構造をローカルのハードディスクに作成して管理することを「サイトの管理」と呼びます。
サイト管理(ローカルサイトを定義する)
起動後、最初に現れる画面の「サイトの管理」をクリックするか
[サイト]メニューから「新規サイト」を選択する。
新規作成
- 通常、ローカルでの作業のみであれば、管理するフォルダーを選択し、管理名(サイト名)をつけて保存します
環境設定
コードヒント
- 「環境設定」→「コードヒント」
- あえて「コードヒント」が表示されない設定にします
大文字と小文字を区別する
各パネルを非表示・表示
- コーディングに集中する場合は、パネルが不要です
Dreamweaverの環境
新規ドキュメント
《HTMLの設定》
《JavaScriptの設定》
《改行タイプの設定》
《インデントの設定》
- 「改行タイプの設定」画面の「インデント使用」にチェック
コーディング規約
コーディング規約には、「インデントはスペース2つでなければならない」とあります。Dreamweaverでは、タブで入力したインデントを自動的にスペースに変換することができません。
そこで、置換機能を使います。
- タブ記号を表示する
- タブをスペースに変換(変換したい場所を選択して)