最近開始在調整一些課程的範例內容,開始玩一些之前比較少玩的技巧,人物描圖是我以前比較少接觸的範例,之前大多都是描汽車之類的圖檔,但是這一次就嘗試描繪人物,剛開始動手的時候會比較辛苦,但是越到後面會越有成就感,這個範例製作的時間約6個小時,還不錯有空可以動手做看看!
2011年8月6日 星期六
網頁設計第一階段(範例介紹)
這個範例是目前正在上課中所使用的授課內容,先讓學生熟悉Fireworks軟體之後,就開始製作首頁的美術設計,設計完成後再進行內頁的版型設計。
本範例主要是透過版面的分配,進行版型的設計與編排,課程中將會以Fireworks、Dreamweaver、Photoshop為主,課程中會帶領學生如何開版與影像切片,接著延伸到HTML與CSS排版的操作,本課程內容將會依據課程的大綱與精神解說,最後再依據不同的功能進行編輯與連結。
課程的主軸分別為:
- 網頁版型設計CSS美化技巧
- DIV排版技巧
- 範本定義
- 圖庫資源的使用
- Dreamweaver 行為與Javascript的套用
- Adobe Dreamweaver Spry
- 簡易jQusey的套用