ばいちょ(売価調査)、価格比較とネットでのお買い物を楽に

内容紹介
Webデザインの仕事をしている人はもちろん、これから取り組もうとしている人にとって、Dreamweaverは必要不可欠なアプリケーションです。

DreamweaverはWebデザインを支える各種の技術、特に、Web標準と呼ばれるXHTMLとCSSによるWebページの作成をはじめ、Ajaxの指定や、RSSなどXMLデータの活用みなど、めまぐるしく進歩しているWeb技術に実用的に対応しているからです。

最新版Dreamweaver CS3には、「現在」のWeb作成に必要な技術がすべて可能になるように用意されています。
具体的に、Dreamweaver CS3では、以下の点で機能強化が図られています。

デザイナーの方もSpryで動的なWebページパーツが作成できる
Dreamwever CS3には、SpryというAjaxライブラリが各種用意されています。
Spryを利用すればツールのボタンやパネルのメニューから必要な機能を選ぶだけで、簡単にアコーディオンや折りたたみパネル、メニューバーなどのパーツをWebページに組み込むことができます。

組み込んだAjaxの設定変更は、プロパティインスペクタから行えます。
JavaScriptやHTMLのコードを編集する必要はないので、プログラム開発に携わらないデザイナーや一般ユーザーでも簡易に使用することができます。

Photoshop CS3との連携
Dreamweaver CS3では、Photoshopのファイルを編集画面にドラッグ&ドロップまたはツールボタンからの画像の挿入で配置できます。
この際、Web用にファイルの種類(JPEGまたはGIF)や表示サイズなどを指定できます。

Dreamweaver CS3とPhotoshop CS3が同じパソコンにインストールされている場合、Dreamweaver CS3で編集中のページに配置されたJPEG画像の編集には、Photoshop CS3がシームレスに起動します。

CSS機能の強化
Dreamweaver CS3では、よく利用されるWebページのレイアウトパターン(メインとサイドバー、ヘッダやフッタの組み合わせ)を、XHTMLとCSSであらかじめ用意しており、新規作成の画面でレイアウトパターンを選ぶだけで、簡単にWeb標準のレイアウトが作成できます。
また、Adobe社のサイトにあるCSS Advisorのページで、ブラウザごとのCSSレンダリングの違いについて情報交換をすることもできます。

また、CSSを記述している場所(ファイル、ヘッドコンテンツ内、タグのstyle属性)を、必要に応じて移動できるようになりました。

ブラウザチェック機能の強化
ブラウザの互換性チェックでは、従来のHTMLタグや属性に加え、CSSのレンダリングに関するチェックも行えるようになりました。

さらに、WebページをプレビューするブラウザにAdobe Device Centralが加わり、メーカーごとの携帯端末での表示状態をシミュレートできます。

本書はこれらの新しい機能を含め、Webページ作成に必要なDreamweaver CS3の操作を機能別に解説しています。

Dreamweaver CS3を操作するときはいつも傍らに置いて頂けると幸いです。