「Dreamweaver」カテゴリーアーカイブ

Dreamweaverに関する記事です。

[Mac]Dreamweaverでサイト定義をする方法

[操作手順]
→shift+command+F(トグル)を押してファイルメニュー(多くの場合は右端に表示されます)を開く

→ファイルタブの真下のメニューボックスへアクセスする

→「サイトの管理」を選択する

→「新規作成」>サイト の順に選択する

→「サイト名」を決定する

→「ローカルルートフォルダ」選択して、定義したいサイトのディレクトリを選択して、OK>終了

 

[PC環境]
Mac OS X 10.9 Mavericks
Dreamweaver CS4 10.0

[Mac]Dreamweaverのテンプレート機能で作成した*.dwtテンプレートファイルの使い方

[操作手順]
→Dreamweaverを起動して、サイトの管理から「サイト定義」を済ませる

→ファイル>新規 の順にアクセスすると、「新規ドキュメント」の窓が表示される
※command+N を押しても同様です

→「テンプレートから作成」>サイトの順にアクセスし、サイトのテンプレートを選び、作成ボタンを押す

→新規ドキュメントが「Untitled」の状態でタブ上に作成される
※まだファイルとしては保存されていません

→ファイル>保存 の順にアクセスして、名前を付けて保存する
※command+Sを押しても同様です

→以上の操作で、*.dwtテンプレートファイルに紐付くhtmlファイルが作成されました
以後は、*.dwtテンプレートファイルを編集すると、htmlファイルも連動します

 

[参考]
http://www.adobe.com/jp/devnet/dreamweaver/articles/using_template_part1.html

 

[PC環境]
Mac OS X 10.9 Mavericks
Dreamweaver CS4 10.0

[Mac]Dreamweaverのテンプレート機能で*.dwtファイルを作成する方法

[操作手順]
→Dreamweaverを起動して、サイトの管理から「サイト定義」を済ませておく

→テンプレートにするHTMLファイル開く、または新規作成する

→エディタビューにて、編集を可能とする領域をマウスで選択反転させる

→挿入>テンプレートオブジェクト>編集可能領域 の順にアクセスする

→「新規編集可能領域」の窓が表示されるので、名前を付けてOKを押す
例)EditMain

→ファイル>テンプレートとして保存 を選択し、名前を付けて、保存する
※command+S を押してもテンプレートとして保存できます

→Templatesフォルダの中に、*.dwtファイルが作成される

 

[参考]
http://www.adobe.com/jp/devnet/dreamweaver/articles/using_template_part1.html

 

[PC環境]
Mac OS X 10.9 Mavericks
Dreamweaver CS4 10.0

[Mac]Dreamweaverの検索結果をファイルに保存する方法

一例として、テンプレートファイル名=PAGE.dwt が使われているページを検索し、検索結果をレポートファイルに保存する手順を書きます

[操作手順]
→Dreamweaverを起動する

→上部メニューより、編集>検索/置換 の順にアクセスする

→以下の通りにして「すべて検索」をクリック
検索対象:現在のローカルサイト全体
検索:PAGE.dwt

→「結果」窓の左上にある「レポートの保存」アイコンをクリックする(フロッピーディスクの形をしています)

→ResultsReport.xmlを保存する

 

[確認環境]
Mac OS X 10.9 Mavericks
Dreamweaver CS4 10.0

Dreamweaverの検索結果をファイルに保存する方法

一例として、テンプレートファイル名=PAGE.dwt が使われているページを検索し、検索結果をレポートファイルに保存する手順を書きます

[操作手順]
→Dreamweaverを起動する

→上部メニューより、編集>検索/置換 の順にアクセスする

→以下の通りにして「すべて検索」をクリック
検索対象:現在のローカルサイト全体
検索:PAGE.dwt

→「結果」窓の左上にある「レポートの保存」アイコンをクリックする(フロッピーディスクの形をしています)

→ResultsReport.xmlを保存する

 

[確認環境]
Windows 7 SP1 64bit
Dreamweaver CS3 9.0

[Mac]Dreamweaverのテンプレートがどのhtmlファイルに紐付いているか特定する方法

[方法1]
Dreamweaverで *.dwt テンプレートファイルを編集、保存時に一覧表示される更新対象ページを確認する

 

[方法2]
エディタでhtmlファイルを開き、ソースコードを確認する

 

[方法3]
Dreamweaverで現在のローカルサイト全体からテンプレートファイル名を検索する

以下、テンプレートファイル名=PAGE.dwt の場合の検索手順
→Dreamweaverを起動する
→上部メニューより、編集>検索/置換 の順にアクセスする
→以下の通りにして「すべて検索」をクリック
検索対象:現在のローカルサイト全体
検索:PAGE.dwt

 

[確認環境]
Mac OS X 10.9 Mavericks
Dreamweaver CS4 10.0

Dreamweaverのテンプレートがどのhtmlファイルに紐付いているか特定する方法

[方法1]
Dreamweaverで *.dwt テンプレートファイルを編集、保存時に一覧表示される更新対象ページを確認する

 

[方法2]
エディタでhtmlファイルを開き、ソースコードを確認する

 

[方法3]
Dreamweaverで現在のローカルサイト全体からテンプレートファイル名を検索する

以下、テンプレートファイル名=PAGE.dwt の場合の検索手順
→Dreamweaverを起動する
→上部メニューより、編集>検索/置換 の順にアクセスする
→以下の通りにして「すべて検索」をクリック
検索対象:現在のローカルサイト全体
検索:PAGE.dwt

 

[確認環境]
Windows 7 SP1 64bit
Dreamweaver CS3 9.0