XHTML+CSS実践トレーニングについて
CSSの基本を理解された方を対象に、より実践的な作例をこなしながら、XHTMLマークアップとCSSレイアウトの基本~デザインティップスまでをわかりやすく伝授します。CSSタグを記述しながら学ぶことにより、DreamweaverなどのWebオーサリングツールのCSS機能を使いこなす上でも非常に役立つ講座です。
※本講座は文字入力を頻繁に行います。入力に慣れていない方は、十分練習してからご参加下さい。
カリキュラム
XHTML+CSSベーシックトレーニングでは主にCSSによるテキスト装飾方法を学びましたが、本講座ではWeb制作の流れとCSSレイアウトの仕組みを確認しながら、フルCSSレイアウトに挑戦していきます。実践的な作例をこなしながら、楽しくCSSを学んでいきましょう!
(カリキュラム作成者:山本和泉講師)
- 制作の前に
サイトマップを確認する/全体のボックスレイアウトを考える - HTMLを作成する
HTMLを記述する/全体のボックスを作成する - CSSを作成する
デフォルトのタグのスタイルをリセットする/作成したCSSをHTMLファイルに反映させる/全体のスタイルを指定する/ボックスレイアウトの指定/ボックスレイアウトの指定/div#Containerの指定/div#Headerの指定/div#Footerの指定/コンテンツタイトルの作成/今月のオススメの作成/お知らせの作成/テキストリンク部分の作成/ヘッダテキストリンクの指定/ナビゲーションの作成 - 最終ソースコードの確認
- おまけ
ナビゲーションの背景を画像にする - 補足説明
各XHTMLタグのデフォルトスタイルシート値/CSSの記述ルール/セレクタについて/単位と色について/16進数/テキストエディタ/Windows/Macintosh/TeraPadの設定/miの設定/DOCTYPEについて - 参考サイトのご紹介
- ブラウザツール
Win IE/Firefox
到達目標
- DIVタグを使用したレイアウト方法を理解する
- 背景画像を使用したレイアウト方法を理解する
- 余白の指定で自由度の高いレイアウト方法を学ぶ
- リストタイトルのデザインを変更できるようになる
XHTML+CSS実践トレーニング 講座開催要項
| 開催日 | 2010年03月15日(月) |
| 講義時間 | 10:00~17:00 (昼休憩60分) 6時間×1日間 |
| 受講料 | 21,000円 (消費税・教材費込) |
| お支払い方法 | 銀行振込 |
| 募集人数 | 10名 (最少開講人数:3名) |
| 受講OS | Windows/Macintosh (お申し込み時に選択) |
| 使用ソフト | TeraPad(テラパッド):Windows用テキストエディタ mi(ミ):Macintosh用テキストエディタ Firefox(ファイアーフォックス):Webブラウザ ※その他類似製品、旧バージョンをご利用の方も受講いただけます。 |
| 担当講師 | 山本 和泉(やまもと いずみ)|鷹野 雅弘(たかの まさひろ) ※プロフィール確認はこちら |
| テキスト | オリジナルテキスト |
| 難易度 | 入門|初級|中級|上級 |
| 前提スキル | スキルチェック
上記Webスキルをすべて満たしている方 ※スキル不足の方は、XHTML+CSSベーシックトレーニングからの受講をお勧めします |
| 持参物 | ノート、筆記用具 データ持ち帰り希望の方は、保存用メディア(CD-R、USBメモリなど) |
関連講座
ご来場時のお願い
- 受付開始は9:40からとなります。講義開始5分前までに受付をお済ませ下さい。
- 遅刻する場合は、必ず事前にご連絡下さい。
- 駐車場・駐輪場の用意はございません。公共の交通機関をご利用下さい。
- 会場内は全面禁煙です。喫煙される方は、携帯灰皿の持参にご協力下さい。
- 教室内の空調が寒く感じられる方へは膝かけをご用意しておりますが、数に限りがございます。冷房が苦手な方は、上着を持参くださるようお願い申し上げます。
- 受講者様へのお電話の取り次ぎは休憩時間のみとさせていただきます。
