Dreamweaverについての簡単なメモ
DreamweaverはMacomedia社(Adobe社に買収された)が開発した、Webコンテンツ作成のためのアプリケーション
です。
ここでは私が利用している基本的な機能/操作を紹介します。
- Dreamweaverの画面(例)
① 選択したファイルをこの領域で編集
② リファレンスでタグの使い方を調べることができるので便利
③ ここで、アクセスするローカルサイト/リモートサイトとファイルを指定する
- 基本操作
- サイトの設定手順
[サイト] -> [新規サイト]
ここで、ローカル情報とリモート情報を設定する。
ローカル情報(Windows PC側の情報)：
- サイト名：(適当な名前を付ける。Webサーバのホスト名とか。)
- ローカルルートフォルダ：( C\Documents and Settings\ユーザ名\My Documents\サイト名 のような感じで設定)
リモート情報(Webサーバ側の情報)：
- アクセス：(FTPが一般的。メニューから選択する。)
- FTPホスト：(サーバのIPアドレスを指定する。)
- ホストディレクトリ：(サーバ上の、自分がコンテンツを置くディレクトリを指定する。
私は自分のノートPCをコンテンツ確認のためのサーバとして使っているが、その場合にSolarisを
使っている時の例では、/var/apache2/htdocs/rotake )
- ログイン：(サーバにログインする時のユーザ名を指定。)
- パスワード：(サーバにログインする時のパスワードを指定。)
設定を再確認したり、再設定する場合は、[サイト] -> [サイトの編集]、と進む。
- アップロード/ダウンロードの手順
上記の③ の領域で行う。
ローカル(Windows PC側)のファイルの一覧を表示するには、
リモート(Webサーバ側)のファイルの一覧を表示するには、
サイト名を選択し、リモートビューを選択し、「リモートホストに接続」ボタンをクリックする。
ファイルをサーバにアップロードするには、上記の手順でローカル側のファイル一覧を表示させて、
その中からアップしたいファイルをマウスで選択して、↑ボタン「ファイルをputする」をクリックする。
サイト全体をサーバにアップロードするには、上記の手順でローカル側のファイル一覧を表示させて、
その一番上のフォルダをマウスで選択して、↑ボタン「ファイルをputする」をクリックする。
「サイト全体をPUTしてよろしいですか？」という確認ウインドウが開くのでOKをクリックする。
ファイルをサーバからダウンロードするには、上記の手順でリモート側のファイル一覧を表示させて、
その中からダウンロードしたいファイルをマウスで選択して、↓ボタン「ファイルをgetする」をクリックする。
サイト全体をサーバからダウンロードするには、上記の手順でリモート側のファイル一覧を表示させて、
その一番上のフォルダをマウスで選択して、↓ボタン「ファイルをgetする」をクリックする。
「サイト全体をGETしてよろしいですか？」という確認ウインドウが開くのでOKをクリックする。
- ファイルの編集
ローカル側のファイル一覧を表示させて、その中から編集したいファイルをマウスでダブルクリックすると、
上記の① の領域にファイルが開く。
編集する際は、[表示]メニューから、コード(HTMLソースコード)、デザイン(ブラウザの表示に近い)、コードとデザイン、の3通りのいずれかの形式を選択
できる。
- テンプレート機能の使い方
Dreamweaverのテンプレート機能は、各ページ共通の枠組み(レイアウトやナビゲーションメニューなど)を
テンプレートとして用意しておき、それをベースに各ページ独自の内容を付け加えてページを作る仕組みである。
テンプレートをもとにページを新規作成すると、編集可能領域が明示されるので、そこにページ独自の内容を
加えれば良い。
レイアウトやナビゲーションメニューを変更する時には、テンプレートを編集して、それをもとに作られた
各ページを一度に更新できるのでとても便利です。
- テンプレートの作成
- テンプレートとして使用する既存のファイルを開き、[ファイル] -> [テンプレートとして保存]
これでローカルルートフォルダ直下のTemplatesの下に新しいテンプレートが保存される。
上記の③ の領域で、[表示] -> [更新]をすれば、表示される。
- 各ページで編集可能とする領域をマウスで選択した後、次のいずれかの方法で設定する。
- マウス右ボタンをクリック -> [テンプレート] -> [新規の編集可能領域]
- [挿入] -> [テンプレートオブジェクト] -> [編集可能領域]
- [ファイル] -> [保存]
- テンプレートの更新
次のいずれかの方法で更新する。
- テンプレートファイルを開いて編集する -> [修正] -> [テンプレート] -> [テンプレートをページに適用]
- テンプレートファイルを開いて編集する -> [ファイル] -> [保存] ->
[テンプレートファイルの更新](ここでこのテンプレートを使っているファイルの一覧が表示される) -> [更新]
- テンプレートを使って新規ファイルを作成
[ファイル] -> [新規] -> [テンプレートから新規作成] ここで表示された一覧の中からサイト名とテンプレート名を選択する
-> ファイルの編集可能領域にページ独自のコンテンツを追加 -> [ファイル] -> [保存]。
[表示]を[デザイン]にすると、右上にそのファイルが使用しているテンプレート名が表示される。
（記 2006年 9月 28日）
有限会社ナレッジデザイン
