1学期 WEB 第６回 第６章グループ化 ／第７章CSSのレイアウト

授業の教科書にそった解説は第６章を行います。

---

第５章のリンクの復習

第６章グループ化
第７章CSSのレイアウト

もう先々すすんでいる人は？　やること

---

↓
第６章　第７章 の作業が終わったら

第８章はロールオーバー画像を使用した見た目が動く(変わる)仕組みです。
教科書の例ではすでに準備されているボタンの画像素材で
ロールオーバーを作成しますが、
このボタンを【各自自分のサイト用】に作成してみましょう。
(【各自自分のサイト用】=2学期の最後に完成する集大成の課題)


　第８章 用にロールオーバー用画像を2種類作成する。
　　http://html-coding.co.jp/knowhow/tips/000302/　
　　　例：mac アクア風ボタンの作り方　http://www.allef.com/gpx/
　　　例：photoshop ボタンの作り方(初心者向け)
　　　　　http://blog.livedoor.jp/psychedeledge/archives/51812346.html
　　　例：Illustratorでアクア風ボタンの作り方
　　　　http://forty-n-five.boy.jp/blog/2009/11/illustrator_4.php

　　　例：ボタンジェネレーター
　　　　http://jirox.net/AsButtonGen/  
  　　　http://www.glassybuttons.com/glassy.php

自作ロールオーバーボタン作成も完了した場合
自分のサイトのボタンやロゴや背景画像に使う素材を作成する。
　　　例：ロゴジェネレーター
　　　　http://supalogo.com/
　　　例：背景画像ジェネレーター
　　　　http://blog.e-riverstyle.com/2009/05/web15.html