【次回開催未定】こもりまさあき氏に学ぶ、WebディレクターのためのHTML+CSS基礎講座
Web実践一覧 >
【次回開催未定】こもりまさあき氏に学ぶ、WebディレクターのためのHTML+CSS基礎講座
Web標準に準拠した正しいHTML+CSSコーディングのあり方と具体的な手法について、Webディレクターが把握しておくべき基礎知識を習得します。今後普及するWebブラウザ事情も踏まえ、Web標準に準拠したHTML+CSSコーディングの重要性と効果を理解し、実際HTMLとCSSのどのような特徴を押さえて制作を進めていく必要があるのか、制作時のディレクションにおいて基盤となる知識を習得します。
[1日目]
現在のWeb制作の考え方
〜Web標準の基礎知識
- 多種多様なWebブラウザの現状と今後
- ユニバーサルデザインとアクセシビリティ
- SEO(検索エンジン最適化)について
- 情報にアクセスしやすいWebページの情報構造化
- HTMLをクリーンにしておくことの利点
Webで公開する文書の作り方
〜HTML基本編
- HTMLを使って文書を作るということ
- HTMLの文書構造について(html/head/body)
- 主要なタグ(見出し/ナビゲーションメニュー/段落/リンク/リスト/画像挿入)
- 情報構造を作ってみる
- ブロックレベル要素とインライン要素について
[2日目]
Webページのデザインとレイアウト
〜CSS基本編
- CSSでデザインやレイアウトをするということ
- セレクタについて
- CSSの特徴をおさえる
- CSSの基本的な記述方法
- ボックスモデルを理解する
- CSSを使ったレイアウトの基本
- div/span要素を使ったグループ化
- id/class属性の正しい使い方を覚える
- ケーススタディ: CSS主要テクニック紹介(レイアウト・装飾・背景画像の扱い等)
- サイト研究のススメ、今後の学習方法
Web標準に準拠した正しいHTML+CSSコーディングのあり方と具体的な手法について、Webディレクターが把握しておくべき基礎知識を習得したい方
こもりまさあき
フリーランスのデザイナー・テクニカルライター。1972年生まれ。DTP関連業務を経てインターネット黎明期からWebサイト構築などに関わる。現在ではWeb・携帯コンテンツ制作、サーバ管理などネットワーク関連業務だけでなく、紙媒体のデザイン、書籍の執筆、アーティストのライブ撮影まで多岐にわたり活動中。『XHTML&CSSデザイン|基本原則、これだけ。』『スタイルシート・デザイン
XHTML + CSSで実践するWeb標準デザイン講座』『Webデザイン 知らないと困る現場の新常識100』(MdN・共著)等、執筆多数。MdN
スクール・オブ・デザインにて講師経験あり。飲食・サービス系、キャンペーン系Webサイトの制作実績も多数。大手ネット事業会社やWeb制作会社でも新入社員研修で講師を務めた経験をもち、初心者に向けた分かりやすい解説に定評がある。
(http://blog.gaspanik.com/)
- 現在〜今後普及するWebブラウザ事情を理解し、Web標準に準拠したHTML+CSSコーディングの重要性と得られる効果を認識できます。
- HTMLとCSSファイルの全体構造を理解し、主要なタグ・プロパティの種類を認識できます。
- HTMLとCSSの記述上の特徴を理解し、これによって引き起こされる主要なトラブルとその原因、回避・対処方法の導き出し方について理解できます。
- 短期集中(2日間)で、制作ディレクターが押さえておくべきWeb標準、HTML+CSSの知識を要点を押さえて学べます。
- 実際にソースを記述する時間を設け、体験的に構造を理解できます。
- HTML+CSSの特徴を押さえ、制作指示や修正対応で適切な判断をするための勘所を押さえられます。
開催日 |
時間 |
【次回開催未定】 |
【1日目】10:00〜16:00(内1時間休憩) 【2日目】10:00〜16:00(内1時間休憩) |
デジタルスケープ東京本社
トレーニングルーム
住所:東京都渋谷区道玄坂1-10-8渋谷野村ビル8F(JR渋谷駅西口より徒歩5分)
[
MAP ]
- 受講票
- 筆記用具
- USBフラッシュメモリ(教材と成果物のデータ持ち帰りを希望される方のみ)
- Webブラウザ各種
- Terapad(テキストエディタ)
12名