Dreamweaverの機能について

質問

WEBの製作でアドビ社の「GoLive」を使用しています。将来、マクロメディアの「Dreamweaver」も使用したいと考えております。「Dreamweaver」に「GoLive」の「レイアウトグリッド」みたいな機能はあるのでしょうか？（ページ上にテキストやフレームを自由に配置できるみたいな）あと、最近のオーサリングソフトは「ムーバブルタイプ」にも対応しているのでしょうか？

回答No.1

s_hukami

「GoLive」は使用したことがないので「レイアウトグリッド」がどういう機能かは知りませんが、Dreamweaverでレイヤーで文字や画像などをレイアウトする場合は以下のような手順になります。

1)「レイアウトモード」で「レイヤーを描く」を選択して、表示したい位置に、マウスでドラッグしてレイヤーを描きます。

2)中にテキストや画像などを挿入します。画像は右側にファイルの内容を表示している状態や、挿入したい画像が保存されているフォルダを表示した状態でのドラッグ&ドロップでも挿入可能です。

3)レイヤーは内容を記述した後で、マウス操作で表示位置や大きさが変更可能です。

4)デフォルトではレイヤーのID名は「Layer1」などになりますが、レイヤーを選択している状態で、Windows OSの場合は右クリックして「ID」を選択すると、ID名を変更可能です。また、別の方法でID名を変更する場合には右側に表示される「デザイン」→「レイヤー」などでも変更可能です。

しかし、上記の方法でレイヤーを作成した場合、
<div id="infor" style="position:absolute; left:325px; top:65px; width:278px; height:259px; z-index:1">あいうえお</div>
などのようなコードになるので、
「position:absolute; left:325px; top:65px; width:278px; height:259px; z-index:1"」の部分を外部CSSなどに
#infor {
position:absolute; left:325px; top:65px; width:278px; height:259px; z-index:1
}
などと記述して、HTML本体には
<div id="infor">あいうえお</div>
などとする方がスマートではないかと思います。

また、以下のページでMovable Type 3（以下MTと省略） 用の拡張機能がダウンロードできます。

http://www.macromedia.com/cfusion/exchange/index.cfm

しかし、上記についての注意ですが、この拡張機能はMTテンプレートタグに熟知していないと少々使いづらい機能です。
コードビューでタグを入力する際に、MTテンプレートタグの最初の何文字かを入力すると、候補のタグがリストで表示されるので、その中から選択して入力することが可能です。
通常のタグの属性同様、MTテンプレートタグの属性の入力も支援くれるので、とても便利ですが、コードビューでの入力（つまりタグでの入力）に慣れていない場合は、ヘルプにMTテンプレートタグのリファレンス機能が追加されるので、それを閲覧することが可能ですが、非常に作業が大変なのではないかと思います。

詳しくは参考URLを参照してください。

参考URL：

http://www.macromedia.com/jp/devnet/dreamweaver/articles/movable_type_3.html

お礼

ありがとうございます。「レイヤー」は、フォトショプでの「レイヤー」と考え方は同じということでしょうか？