blogレクチャ記録アーカイブ

講座のはじまる前に (19時になる前に）

• Dreamweaverを起動
• レジュメをブラウザで開く (http://www.d-improvement.jp/lecture/)

アジェンダ

• おさらい、もう一度確認しておきたいこと (10 / 19:00 〜19:10)
• HTMLに関するTips (20 / 19:10 〜 19:30)
• CSSに関するTips (40 / 19:30 〜 20:10)
• 休憩 (10 / 20:10 〜 20:20)
• IE6, IE7の注意点 (40 / 20:20 〜 21:00)
• Movable Type 4 へのデザイン適用 (20 / 21:00 〜21:20)
• まとめ、質疑応答 (10 / 21:20〜21:30)

2段組CSSデザイン（自主制作）

• のさかさん
• ほんださん
• まつうらさん

講座のはじまる前に (19時になる前に）

• Dreamweaverを起動
• Firefoxアドオン Html Validator (win/mac) をインストール
• レジュメをブラウザで開く (http://www.d-improvement.jp/lecture/)

アジェンダ

• おさらい (10 / 19:00〜19:10)
• Movable Type 4 の紹介 (10 / 19:10 〜 19:20)
• Movable Type 4 のHTML構造 (20 / 19:20 〜 19:40)
• Movable Type 4 のCSS構成 (20 / 19:40 〜 20:00)
• 演習：ブログのCSSデザイン (80 / 20:00〜21:20)　
  • 休憩は各自で適宜とってください。
  • 自宅・職場で演習の続きをやりたい方はデータを持ち帰りいただけます。大木さんにお申し出ください。
  • 実際にMovable Typeの管理画面で作成されたい方には、ログインユーザー・パスワードをお知らせします。大木さんにお申し出ください。
• まとめ、質疑応答 (10 / 21:20〜21:30)

講座のはじまる前に (19時になる前に）

• Dreamweaverを起動
• Firefoxアドオン Html Validator (win/mac) をインストール
• レジュメをブラウザで開く (http://www.d-improvement.jp/lecture/)
• 演習課題のプロフィールを用意された方は、共有フォルダから課題データをコピーし、Dreamweaverで内容を差し替えてください。

CSS関連の推薦本

• Web Designing 2007年10月号の特集「プロモ使えるXHTML+CSSテンプレート25種類」商用利用もOK
  

アジェンダ

• おさらい (10 / 19:00〜19:10)
• 演習：CSSレイアウト 2段組・横幅固定 (30 / 19:10 〜 19:40)
• 演習：CSSレイアウト 2段組・リキッドレイアウト (20 / 19:40 〜 20:00)
• CSSの主要なプロパティその3 (20 / 20:00〜20:20)
• 休憩 (10 / 20:20〜20:30)
• 演習：背景画像よるCSSデザイン (50 / 20:30〜21:20)
• まとめ、質疑応答 (10 / 21:20〜21:30)

講座のはじまる前に (19時になる前に）

• Dreamweaverを起動
• Firefoxアドオン Html Validator (win/mac) をインストール
• レジュメをブラウザで開く (http://www.d-improvement.jp/lecture/)
• タブブラウジングの練習（CTRL+Tで「新規タブを開く」、CTRLを押しながらリンクをクリックで「新規タブでページを開く」） ※MacはCTRLをコマンドに読み替え

お知らせ

• 開講の1,2日前にレジュメを公開しています (http://www.d-improvement.jp/lecture/)。予習をされたい方はどうぞ。
• アンケートの回答は締切前までにお願いします。
• 質問があれば遠慮なく。
• 11月16日 CSS Nite × 支援センター　無料セミナー 「新しいWebのカタチとユクエ」http://www.fukui-iic.or.jp/fiic/kouza/cnf.html

アジェンダ

• おさらい (15 / 19:00〜19:15)
• CSSファイルの管理 (15 / 19:15〜19:30)
• HTML：グループ化要素、id属性・class属性 (30 / 19:30〜20:00)
• CSS：ボックスモデルの仕組み (20 / 20:00 〜 20:20)
• 休憩 (10 / 20:20〜20:30)
• 演習：ボックスモデルを使ったレイアウト 1段組 (50 / 20:30 〜 20:20)
• まとめ、質疑応答 (10 / 21:20〜21:30)

Firefoxアドオン(機能拡張)

Html Validator (win/mac) : HTMLの文法チェッカー

講座の始まる前にインストールしてください。

アジェンダ

• おさらい (10 / 19:00〜19:10)
• 練習1：XHTMLコーディング・はじめの一歩 (10 / 19:10〜19:20)
• CSSの書式(40 / 19:20〜20:00)
• 練習2：CSSコーディング・はじめの一歩 (20 / 20:00〜20:20)
• 休憩 (10 / 20:20〜20:30)
• HTML: ブロックレベル要素・インライン要素 (30 / 20:30〜21:00)
• 練習3：画像とリンクの挿入 (20 / 21:00〜21:20)
• まとめ、質疑応答 (10 / 21:20〜21:30)

本日の講座で習得したいこと（目標とするゴール）

• HTMLとCSSのそれぞれの役割について理解する。
• 「CSSで何が出来るか？」を理解する。

アジェンダ

• はじめに (15)
• Webデザインに必要な知識 (15)
• Web標準とは 〜XHTML, CSS, javascript それぞれの役割〜 (15)
• ワークショップ：身近なデザインから「文書構造」と「視覚表現」を抜き出してみよう (25)
• 休憩 (10)
• XHTMLの書式と構造 (30)
• 制作環境（Mac/Win) (30)
• まとめ、質疑応答 (10)