webページのつくり方 | 学びの道

webページのつくり方、web制作、web作成、学びの道を歩み中!フェリカテクニカルアカデミー「東京・池袋」にてWeb作成を勉強中です。学んだ事をメモしていきます。

Dreamweaver テンプレートの作成

本日は、Dreamweaver で テンプレートの作成を行いたいと思います。

 

【<div id="main">だけを変更可能にしたい場合】

<div id="main">を選択します。

選択方法は・・・

① ドラッグする

f:id:kaoru01-05:20140428142301p:plain

 

②<div#main>をどこでもいいのでクリックすると出てくる、コードメニュー下をクリックする。

f:id:kaoru01-05:20140428144918p:plain

 

【編集可能領域を設定する】

挿入(ツール) → テンプレートオブジェクト → 編集可能領域

f:id:kaoru01-05:20140428142447p:plain

 → OK

f:id:kaoru01-05:20140428142736p:plain

名前をつけます。

仮)index1 → OK

 

【テンプレートとして保存する】

保存(Ctrl + s )する。

f:id:kaoru01-05:20140428142943p:plain

仮)index1 → OK

すると、

①index1.html → index1.dwt に指し換わる。

 Templatesフォルダに index1.dwt が出来上がる。

f:id:kaoru01-05:20140428144017p:plain

出来上がり。

 

【テンプレートを開くには】

ファイルメニュー → 新規 → テンプレートから作成 → index1.dwt を選択して開く。