議程簡介
許多網站開發者常需要跟視覺設計人員合作,但是雙方常常會因為套版的問題而浪費許多時間在溝通上。究竟,視覺設計該怎麼切版,才能讓大家在合作上更為順利?
本課程將更深入地介紹 HTML 及 CSS 等技術的原理到實作,讓視覺設計人員可以瞭解它們並非只是為了網頁表象而存在。另外課程中也會介紹如何透過 jQuery 來操作網頁元素,讓網頁有更強的互動性。
- 對象:常需要與網站工程師配合的視覺設計師,或對現代化網站前端技術有興趣者、需對於 HTML / CSS / JavaScript 有基本認知與實作能力。
- 人數:28 人。
- 費用:免費參加。
- 平台:Windows XP。
Day 1 (11/17)
- OSSF 單位介紹 (5 分鐘)
- HTML5 很有「意思」 - 語意化 HTML5 (50 分鐘)
- 摩登 CSS 排版術 (上) - Position / Box Model / Float (50 分鐘)
- 摩登 CSS 排版術 (下) - 多欄排版 (50 分鐘)
- 課程練習 - 版型該怎麼切?(120 分鐘)
Day 2 (11/18)
- 人生因為有 CSS3 而豐富 - CSS3 入門 (50 分鐘)
- 讓網頁在手機上也好看 - Responsive Web Design 入門 (50 分鐘)
- 媽呀!網頁活起來了! - jQuery 入門 (50 分鐘)
- 課程練習 - 讓網站更有互動性。 (120 分鐘)