Lesson1 Dreamweaver CS5の概要

Dreamweav
erの強み

Dreamweaver CS5では、標準でHTML5 パックの機能が搭載されているだけではなく、さらにHTML5とCSS3への対応が強化されています。
デスクトップ、ノートパソコン、スマートフォン、タブレットといったあらゆるデバイスに向けて、標準ベースのWebサイトやデザインを視覚的な操作とコーディングの両方で制作できる、業界最先端のWebオーサリング・編集ソフトウェアであると言われています。
所で、HTML5はプラグインを必要とせず、ブラウザ自体で動画や音声、グラフの描写などが可能になる新しいHTMLのWC3Standardです。
また、HTMLの構造と見栄のための書式の役割の分離が一層進み、HTML要素に対しての必要な属性などが省略されることでつづり間違えが起こりにくくなり、HTMLソースがすっきりと見渡しやすくなる。

Dreamweaverの新機能

（１）CSS3およびHTML5のサポート

スタイルの設定には、改良され新しいCSS3ルールに対応したCSSパネルを利用できます。デザインビューではメディアクエリがサポートされるようになり、画面サイズを調整しながら様々なスタイルを適用できます。また、コードヒントやデザインビューのレンダリングサポートを利用し、将来を見据えてHTML5でコーディングを行うことができます。ライブビューでは、<video>タグ（QuickTimeを使用）と<svg>タグもサポートしています。

（２）jQueryの統合

jQueryは、様々なインタラクティビティを簡単にWebページに追加できる、業界標準のJavaScriptライブラリで、jQueryコードヒントを利用して、高度なインタラクティビティを追加できるようになりました。

（３）PhoneGapでAndroidおよびiOSのネイティブアプリケーションを構築

新機能のPhoneGapを利用して、Android™およびiOSのネイティブアプリケーションの構築、パッケージングを行えます。
オープンソースのPhoneGapフレームワークを使用すれば、Dreamweaver内で既存のHTMLを携帯電話のアプリケーションに変換することが可能です。

（４）Adobe BrowserLabとの連携

BrowserLabは完成間際のサイトのブラウザー検証に最適なオンラインサービスで、Internet Explorer、Firefox、Safari、Chromeなど複数あるWebブラウザーの種類、バージョン、オペレーションシステム環境を自分のマシンに構築することなく検証することができるLiveオンラインサービスの一部です。