デザインビューの活用

Wordデータの活用

Webサイト制作で、クライアントからの原稿をもらう際に、Wordで原稿を渡されることがあると思います。実は、DreamweaverのデザインビューはWordととても仲良しなのです。 Wordはもともと文書を作るソフトですから、文書として見出しや段落、箇条書きなどの要素を指定することができます。そこで、あらかじめWordで作った原稿を用意します。

見出しを設定しているWordデータ

このWordの原稿をすべて選択をしたのちコピーをしたら、Dreamweaverのデザインビューに切り替えて、Ctrl+V(Cmd+V)でコピーした原稿を貼り付けてみましょう。

デザインビューにペーストしたところ

Dreamweaverのデザインビューに見出しつきのテキストがペーストされます。しかし、どのんなタグになっているのかがわからないと思いますので、コードビューに切り替えて見てみます。

Wordの見出しスタイルにあわせてhn要素になっている

見出し（Hn）要素と段落（p）要素のみが記述されており、無駄なタグは一切ありません。この機能はデザインビューでのみ実現可能な機能で、コードビューではテキスト情報しかペーストされません。

Web標準に準拠したサイト制作では、正しいHTMLを書くことが必須です。原稿側をあらかじめ構造化しておけば、DreamweaverでHTMLを作成する作業に於いて、デザインビューとWordの活用によりスピーディーに行うことが出来るのです。

ページ 2 / 6

前のページ

次のページ