Adobe Systemsは、HTML5およびCSS3標準をサポートするWebページを作成するために、人気のDreamweaver開発を装備することを最終的に決定しました。 今日、WebデザイナーとHTMLコーダーはDreamveaverを使用してWebページのコードを記述し、ビジュアルエディターでマークアップを作成します。 この改善は、このペースの速いスマートフォンやその他のポータブルデバイスの世界で作業しているDreamweaverユーザーにとって大きな進歩です。
本日、Deamweaver CS5の
HTML5 Extension Packが
発表されました。インストール後、指定された製品は、現在利用可能なHTML5仕様とCSS3スタイルテクノロジーを完全にサポートします。
新しいパッケージを使用すると、Dreamweaverは手動モードでコードを記述するときにヒントを表示します。

また、作成されたページのマルチスクリーンプレビューがプログラムに追加され、携帯電話、タブレット、またはデスクトップコンピューターでWebページがどのように表示されるかを正確に確認できます。 また、ボーナスとして、HTML5 Packは組み込みのWebKitエンジンを部分的に更新して、オーディオとビデオのサポートを改善します。
公式開発者ブログからの主要な変更のリスト:
- マルチスクリーンプレビューパネルを導入し、メディアクエリサポート(ウィンドウ>マルチスクリーンプレビュー)を使用して、3つの異なる画面サイズでライブビューを表示できるようにします。
- 新しいタグ、属性、およびプロパティを使用して、HTML5タグライブラリのコードヒントを追加します。
- 既存のHTMLタグの新しい属性と値のコードヒントを更新します。
- 次のCSS3仕様のコードヒントを追加します。2D/ 3D変換。 アニメーション 背景と境界線; 基本的なユーザーインターフェイス。 行レイアウト; マーキー; メディアクエリ MultiColumn; ルビー テキスト および遷移。
- ライブビューを更新して、<video>および<audio>をサポートします。 (Quicktimeのインストールが必要です。)
- ライブビューでのCSS3のレンダリングの改善。
- HTML5スターターレイアウトを[新規ドキュメント]ダイアログボックスに追加します。
- デザインビューで新しいタグのレンダリングを改善します。
同社は、Google I / Oカンファレンスで新しい開発を発表しました。
Deamweaver CS5用HTML5 Extension Packの詳細については、
Adobe Labs Webサイトまたは
Deamweaver開発者サイトからダウンロードして学習できます。 HTML5 Extension Packの配置が面倒すぎる場合は、
Adobe TV Webサイトで公式ビデオプレゼンテーションを見ることができます。