内容紹介
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を操作するときはいつも傍らに置いて頂けると幸いです。
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を操作するときはいつも傍らに置いて頂けると幸いです。
内容(「BOOK」データベースより)
本書は、新しい機能を含め、Webページ作成に必要なDreamweaver CS3の操作を機能別に解説しています。
著者略歴 (「BOOK著者紹介情報」より)
外間 かおり
1967年沖縄県生まれ。主にWeb技術に関する本を書いているフリーライター(本データはこの書籍が刊行された当時に掲載されていたものです)
1967年沖縄県生まれ。主にWeb技術に関する本を書いているフリーライター(本データはこの書籍が刊行された当時に掲載されていたものです)