2008年10月22日

シリーズCS4−Dreamweaver CS4はどうかわる?

前回に引き続き、気になる CS4 (アドビ クリエイティブスイート 4) の新機能を特集していきます。

今回は Dreamweaver CS4 についてです。

Adobe Dreamweaver CS4 Professional:Features

掲載されているスクリーンショットは現在公開されているパブリックベータ版のものです。

Dreamweaver CS4 ライブビュー新機能その1
ライブビュー

Dreamweaver CS4 の目玉機能はなんといってもこれでしょう。

いままで Dreamweaver はデザインビューしかなかったので、"ブラウザーでどう見えるか"を確かめるには本当にブラウザーで見るしかありませんでした。しかし! CS4 からは Safari や Google Chrome で採用されているレンダリングエンジン WebKit を搭載しているため、ブラウザーを起動しなくても Dreamweaver 上で確認することができます。a:hoverもこのとおり。

もちろん、WebKit 以外にも Internet Explorer の Trident や、Firefox の Gecko、Opera の Presto などなど他にもいろいろなレンダリングエンジンがありますので、それはブラウザーでプレビューしないといけないのですが…。

Dreamweaver CS4 JavaScript コードヒント新機能その2
JavaScript コードヒント強化

JavaScript を記述するときにコードヒントが表示されるようになりました。地味ですがコーダー、デベロッパーには嬉しい新機能ですね。もちろんAIRもいけます。

Dreamweaver CS4 コードナビゲーション新機能その3
コードナビゲーター

クリックした箇所の CSS 定義を表示して、カーソルを移してくれます。
地味ですが、効率アップ間違いなし。

Dreamweaver CS4 新インターフェイス新機能その4
ユーザーインターフェイス変更

UIが大きく変わっています。
レイアウトのパターンもこんなに多数。

Dreamweaver CS4 CSS分割ビュー
また、コードとデザインの分割では、外部CSSを表示しつつ、デザインを見ることもできるようになっています。
地味だけど嬉しい。

▼Dreamweaver関連講座
【 Webサイトは自分でも作れる! 】
Adobe Dreamweaver CS3 入門講座

【 CS3を使ってWebサイト構築の基礎をマスター 】
Adobe Dreamweaver CS3: Fundamentals

【 自由自在なレイアウトを実現 】
レイアウト自由自在!Dreamweaver CS3 CSSデザイン手法

【 インストールからデザインカスタマイズまで 】
Dreamweaver & Movable Typeによる Webサイト構築の基本


あとはオマケです。こう
Dreamweaver CS4 em単位
あ、emsがemに直ってる…!
Dreamweaver CS4 blockquote
blockquoteはそのまんま…。もはや意地!?
posted by こう at 10:16
デベロッパー | コメント(0) | トラックバック(0)
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

この記事へのトラックバックURL
http://blog.seesaa.jp/tb/108437100

この記事へのトラックバック