十月份新課程: Dreamweaver + Fireworks + CSS

這星期剛結束一個 Java 工程師班的網頁設計課程，趁熱把課程大綱貼一下。

dw/fw 2004 課程大綱

■Fireworks

-圖案編輯:向量、點陣編輯與設計
-網頁元素製作: hotspot, slices, button、pop-up menu, secondary rollover, image map, animation
-圖案分割與最佳化輸出: slice工具、gif / jpeg / wbmp壓縮比例設定

■Dreamweaver

-html/xhtml 基礎寫作
-網站設定與管理
-網頁編輯基本技巧:文字、圖案、flash button/text 動畫置入、超鏈結、排版設定
-網頁編輯進階技巧:table, layout view, layer 三種版面設計技術實作
-其它: Frames, Forms (簡單留言版與搜尋引擎製作), template(樣版設計與套用)

■CSS layout design (約佔40%時間)

-CSS語法與概念: 內容(xhtml)與樣式(css)分離的意義與重要性介紹
-CSS排版設計：介紹如何使用CSS語法製作 tableless 版型
-CSS進階應用：CSS的特殊語法與效果製作(下拉選單、動畫效果)
-實例：使用 CSS + xhtml 設計 wordpress 版型
-其它：TopStyle 介紹

這個課程今年重新設計，將重點轉移到 CSS排版(tableless layout，儘可能不使用table或絕對定位的 layer來排版型)的介紹，並且完全使用xhtml語法製作網頁內容，為將來使用jsp/php/asp.net 套進動態內容鋪路。

這個課主要參考 Jefferey Zeldman 與 Eric Meyer的精華技巧，大約60%的時間在教軟體(fw/dw)，40%的時間在用Css排各種常見的版型(單欄、雙欄、三欄與交錯式的版型)，最後再用wordpress套用這些版型讓學生瞭解 xhtml + css 的效果與彈性。

下一個班是 10/04 開始。