CSS Nite LP, Disk 2のスピーチシート

●テーマ
アセット管理で実現するフルCSS「Web Magazine - Designing」

参加者の皆さんへ：

当日使用したスピーチシート：
［スピーチシートのダウンロード］PDF／900KB

会場では「時間がない」と勘違いして、飛ばした箇所がありますので‥このシートで確認してみてください。言葉では喋っていますので音声を聴きながらご覧くださいませ（音声データに関しては参加者向けに配信されているメールをご確認ください）。

尚、デモとスピーチシートの合間にお見せした「ルールブック」は、近日発売の書籍に掲載しているため、「発売後に」データなどを公開します。ルールアイコンや会場でお見せしたCSSハックアイコンなどをAI形式でダウンロードできるようにします。自由に使ってください。詳細は「書籍コンテンツについて」をご覧ください。
書籍の発売日については少々お待ちください。

以下、CSSルールブックの一部
・デザインスニペットのルール
・開発ツールのコーディングルール

CSS Nite LP, Disk 2のお知らせ［4］

●テーマ
アセット管理で実現するフルCSS「Web Magazine - Designing」

このイベントに関するエントリーはカテゴリ「［01a02］CSS Nite LP2」にまとめています

実演の補足：
10月のイベントでおこなった「RapidWeaver」カスタマイズ環境によるプロトタイプ制作を今回は、Dreamweaver 8だけを使っておこないます。ルールに沿って作成したアセットを活用する手法です（使用するアセットはXHTMLとCSSのライブラリ、スニペットのみ、難易度は「低〜中」レベル）。

［ルール］

※クリックで拡大

［プロトタイプ作り］

CSS Nite LP, Disk 2のお知らせ［3］

●テーマ
アセット管理で実現するフルCSS「Web Magazine - Designing」

このイベントに関するエントリーはカテゴリ「［01a02］CSS Nite LP2」にまとめています

実演前のお話（10分程度）：
・Dreamweaver を使っていないWebデザイナーの意見
・Dreamweaverではなく、何を使っている？
・Dreamweaverと他のソフトを併用しているデザイナーの意見
・なぜ、Dreamweaverだけではダメ？
・Dreamweaverだけで作業しているデザイナーの意見
・ワークフローとDreamweaverについて

CSS Nite LP, Disk 2のお知らせ［2］

●テーマ
アセット管理で実現するフルCSS「Web Magazine - Designing」

実演：
・アセット管理の概要
・CSSレイアウトモジュール（ライブラリ）の作成
・ナビゲーションモジュール（ライブラリ）の作成
・カラースキームファイルの作成
・デザインタイムCSSの活用方法

本日から数回ほど、当日おこなう実演の内容について記載していきます。
以下は、Dreamweaver 8によるプロトタイプ制作で使用する拡張タグの実演（例）

使用するDreamweaverの機能：
・デザインタイムスタイルシート
・ライブラリ
・スニペット

この実演のポイント：
・どのような作業で役に立つのか？
・特定の作業プロセスを効率化する考え方

難易度：
Dreamweaver ユーザー（初心者レベル）
すべて基本機能の組み合せなので、操作スキルについては初級レベル。すぐに試すことが可能です。概念の理解は個人差あるかもしれません

CSS Nite LP, Disk 2のお知らせ［1］

12月開催のCSS Nite LP, Disk 2に参加いたします（恐縮です）。
「プランブック／3月」「ルールと自動化／10月」と続いてきたテーマ（3部作）の完結編となります。Dreamweaver 8を使った「実演」で進行する内容です。

●テーマ
アセット管理で実現するフルCSS「Web Magazine - Designing」

●内容
大量のドキュメントとビジュアル素材を扱うWebマガジン・サイトの構築を「アセット管理（サイトを構成するあらゆるエレメントの効率的な管理）」という視点で実演します。Dreamweaver 8に搭載されているアセットやスニペットを使いこなすためのCSSレイアウトモジュールやナビゲーションモジュール、カラースキームファイルなどの作り方、および実践的な活用方法をご紹介します。

●実演で使用するアプリケーション
Dreamweaver 8
（今回は受講された方がすぐに実践できるようにDreamweaverだけで実現するワークフローを紹介いたします）