今回は Dreamweaver CS4 についてです。
□Adobe Dreamweaver CS4 Professional:Features
掲載されているスクリーンショットは現在公開されているパブリックベータ版のものです。
ライブビュー
Dreamweaver CS4 の目玉機能はなんといってもこれでしょう。
いままで Dreamweaver はデザインビューしかなかったので、"ブラウザーでどう見えるか"を確かめるには本当にブラウザーで見るしかありませんでした。しかし! CS4 からは Safari や Google Chrome で採用されているレンダリングエンジン WebKit を搭載しているため、ブラウザーを起動しなくても Dreamweaver 上で確認することができます。a:hoverもこのとおり。
もちろん、WebKit 以外にも Internet Explorer の Trident や、Firefox の Gecko、Opera の Presto などなど他にもいろいろなレンダリングエンジンがありますので、それはブラウザーでプレビューしないといけないのですが…。
JavaScript コードヒント強化
JavaScript を記述するときにコードヒントが表示されるようになりました。地味ですがコーダー、デベロッパーには嬉しい新機能ですね。もちろんAIRもいけます。
コードナビゲーター
クリックした箇所の CSS 定義を表示して、カーソルを移してくれます。
地味ですが、効率アップ間違いなし。
ユーザーインターフェイス変更
UIが大きく変わっています。
レイアウトのパターンもこんなに多数。
また、コードとデザインの分割では、外部CSSを表示しつつ、デザインを見ることもできるようになっています。
地味だけど嬉しい。
▼Dreamweaver関連講座
【 Webサイトは自分でも作れる! 】
□Adobe Dreamweaver CS3 入門講座
【 CS3を使ってWebサイト構築の基礎をマスター 】
□Adobe Dreamweaver CS3: Fundamentals
【 自由自在なレイアウトを実現 】
□レイアウト自由自在!Dreamweaver CS3 CSSデザイン手法
【 インストールからデザインカスタマイズまで 】
□Dreamweaver & Movable Typeによる Webサイト構築の基本
あとはオマケです。
あ、emsがemに直ってる…!
blockquoteはそのまんま…。もはや意地!?




