作品名稱:網頁設計與制作
學校名稱:
參賽隊伍:肖慧
參賽學生:肖慧
《網頁設計與制作》是一門實踐性較強的課程,旨在增強學習者的網站設計與創建知識、了解網頁制作的基本流程,培養各種網頁制作工具的操作技能與網頁設計技巧。
本課程是根據《Dreamweaver+Flash+Photoshop網頁設計標準教程(中文CS5版)》而展開,其中共分為3部分,分別以Dreamweaver CS5、Flash CS5和Photoshop CS53種工具軟件為主線講述了網頁設計的全過程。第1部分(第1~8章)為Dreamweaver CS5網頁制作。第2部分(第9~12章)為。Flash CS5動畫設計。第3部分(第13~15章)為Photoshop CS5圖像處理。
一、教學目標
知識目標:
1. 掌握網頁的基本語言HTML語言
2. 掌握如何利用Dreamweaver來設計制作網頁
3. 使用photoshop 進行圖片處理,輔助網頁設計與制作
4. 使用Flash 進行網頁動畫設計,輔助網頁設計與制作
5. 了解網頁制作的一般流程
能力目標:
1. 靈活地運用所學知識制作完整的網站
2. 培養學生的觀察、分析、自主學習與實踐應用的能力
二、教學重難點
第一部分 Dreamweaver CS5 網頁制作
1. 教學重點
(1)使用Dreamweaver制作多媒體頁面
(2)表格的使用
(3)使用框架進行頁面布局
(4)使用DIV +CSS布局頁面
(5)使用模板來創建頁面
2. 教學難點
(1)HTML語言的應用
(2)運用DIV來布局頁面
(3)CSS層疊樣式表的使用
第二部分 Flash CS5 動畫設計
1. 教學重點
(1)了解動畫的基本組成
(2)掌握Flash中基本動畫的制作方法
2. 教學難點
(1)使用Flash制作頁面按鈕
(2)腳本語言的應用
第三部分 Photoshop CS5 圖像處理
1. 教學重點
(1)掌握Photoshop中各種工具的使用方法
(2)掌握圖像處理的基本技巧
2. 教學難點
(1)使用Photoshop制作頁面效果圖
(2)使用裁剪或切片工具將效果圖制成網頁頁面
三、教學方法
本門課中主要采用任務驅動教學,將理論與實踐相結合;倡導自主、合作、探究的學習方式。在教學過程中,通過網頁效果的前后對比反差來突顯課堂中介紹知識的重要性;針對課堂任務,進行課堂操作演示或ppt動畫演示等方式來呈現,增強課堂的生動性。