1|2|3|4【ステップ9】[CSSデザイナー]でCSSに慣れていこうDreamweaverはWeb技術の革新に対応して、CSSツールを一新した。それが[CSSデザイナー]だ。[CSSデザイナー]ではCSSのプロパティをGUIでコードを書くことなく設定するものだ。同じような機能は以前から提供されていたが、より直感的に(グラフィックツールを操作するような間隔で)操作することができるようになっている。CSSは始めから覚えていくのは少々大変な作業だ。筆者もCSSはDreamweaverをいじりながら覚えていった。慣れてくるとコードビューでバリバリと打ち込んでいけるが、[CSSデザイナー]は結果にすぐ反映されるため、試行錯誤のツールとしても有用だ。CSS3で登場した「メディアクエリ」という新しい機能にも対応している。In)より引用)次回は、コーディングせずにHTML5アニメーションを身に付けよう今回はDreamweaverの基本的な使い方をまとめて紹介した。Dreamweaverはいわば「広大な海」のようなソフトだ。前からユーザーと共に歩み続け、綿々と受け継がれてきたワークフローへの徹底した効率化が、さまざまな機能となって実装されている。そのため、利用している現場ごとにDreamweaverの使い方には個性がある。その個性を自分なりにカスタマイズして吸収できるのもまた、Dreamweaverの良いところだといえる。ここで紹介した記事は入り口にすぎないが、ぜひともマスターして使いこなしてほしい。Webサイトがあらかた作れるようになったら、アニメーションを追加できるようにして、さらなる表現力を身に付けてみよう。Animateの使い方を例にWebアニメーション作成の手順と基本を紹介する。AnimateならHTML5のコーディングができなくてもWebアニメーションが作れるので、初心者にはうってつけだ。In」ではすでに読めるので、そちらも参照してほしい。しんご)1975年大阪生まれ。Flash(当時はmacromedia)を使ったコンテンツ制作を始め、Flash歴だけは異様に長い。自他共に認めるFlash大好きっ子。2008年より活動の拠点を東京に移し、2011年に独立。Edge系を活用し、HTML5コンテンツも手掛ける。WordPressテーマ作成ショートカット(1):Dreamweaverで始めるWordPressサイト構築の基礎知識Dreamweaverの概要と新機能、WordPressの概要、環境構築を行う際に必要な初期設定などを紹介する。Cloudを使い倒そう。Cloudを使い倒せ(16):予備知識なしでCSS3アニメーションが捗る「CSSトランジション」機能なら、ここまでできる!誰でもCSS3アニメーションが作れるDreamweaverの「CSSトランジション」機能について、概要や基本機能、使いどころなどを解説する。Managerを紹介する。Niteでおなじみの鷹野さんが、新人Web担当者向けに知って得するDreamweaver裏技を教えます。企業が活用したいソーシャルサービス、Facebook。メールマガジンをご購読ください。申し込みページへITmediaはアイティメディア株式会社の登録商標です。