1、網(wǎng)頁設計與制作項目教學計劃學期：學16春學期科任老師： 任課班級：15秋計1、2、3 每周課時數(shù)：6項目總 學 時周數(shù)任務任務目標教學（實訓）內(nèi)容教學方法/ 手段考核評估要求項目一 制作“我的第 一個網(wǎng)頁”61任務一DreamweaverCS5 的使 用（下稱DWCS5）1 .知道網(wǎng)站、網(wǎng)頁和主頁的區(qū)別2 .懂得網(wǎng)頁中的兀素類型3 .知道從功能角度分析網(wǎng)頁元素 的組成及作用4 .學會DWCS5勺使用及工作環(huán)境1 . DWCS5的啟動及工作環(huán)境組成2 .三種窗口的切換操作3 .觀看網(wǎng)頁實例，分析其構成兀 素4 .實踐操作理實一體 任務驅(qū)動 演示法1 .能夠啟動DWCS般熟悉其工作環(huán)境2 .理解網(wǎng)

2、頁相關的基礎知識1任務二網(wǎng)站規(guī)劃、創(chuàng)建及管理1 .知道網(wǎng)站建設的一般流程2 .學會站點的創(chuàng)建及管理編輯站 點方法3 .學會站點目錄及子目錄的創(chuàng)建 方法1 .站點建立2 .站點目錄下各子文件夾的建立3 .站點管理與編輯4 .實例操作講授法1 .理解網(wǎng)站建設的流程2 .能夠根據(jù)要求建立站點及站點相應的子文件夾3 .初步能夠管理建立的站點1任務三制作：我的個網(wǎng) 頁1.學會DWCS5勺基本操作：新建、 保存、打開、預覽、關閉及退出等 2.認識DWCS用勺屬性等常用面板 及其操作3 .學會三種視圖窗口的切換操作 方法4 .學會網(wǎng)頁的頁面設置操作方法1 . DWCS的基本操作（文件菜單 的使用）2 .三種

3、視圖窗口的切換3 .設置網(wǎng)頁外觀屬性（包括：網(wǎng)貝標題、貝囿默認字 體、背景顏色、背景圖片、邊距 等）4 .常用面板如屬性的使用5 .任務實訓理實一體 任務驅(qū)動 演示法1 .能夠?qū)W會DWCS的基本操作2 .能夠進行設置網(wǎng)頁外觀屬性3 .會打開常用面板及使用2任務一1.進一步學會站點建立及管理編1.建立任務的站點及站點設置理實一體學會網(wǎng)貝內(nèi)容（文本及圖像）項目總 學 時周數(shù)任務任務目標教學（實訓）內(nèi)容教學方法/ 手段考核評估要求項目二制作：“生態(tài)科普網(wǎng)”首頁12制作：“生態(tài)科普網(wǎng)” 首頁輯站點的操作2 .學會將素材分類存放3 .進一步學會DWCS的基本操作2.管理站點編輯多個網(wǎng)頁文件創(chuàng)建文件或文件

4、夾剪切、粘貼、復制、刪除、重命名文件或文件夾任務驅(qū)動 演示法的基本操作2任務二在網(wǎng)貝中添加文本1 .學會在網(wǎng)貝中輸入文本2 .學會編輯網(wǎng)頁中的文本3 .學會網(wǎng)頁中文本的輸入與編輯 及格式化操作的方法1 .在網(wǎng)貝中添加文本直接輸入復制和粘貼從其他文件導入2 .設置文本的段落格式和字符格 式3 .添加空格4 .添加特殊符號5 .輸入日期6 .輸入水平線理實一體 任務驅(qū)動 演示法學會網(wǎng)貝內(nèi)容（文本及圖像） 的格式化及插入水平線等操 作3任務三在網(wǎng)頁中添加圖像1 .學會網(wǎng)頁中插入圖像的操作方 法2 .學會制作鼠標經(jīng)過圖像的操作 方法3 .學會制作導航條的操作方法1 .插入圖像2 .編輯圖像3 .技能考

5、核理實一體 任務驅(qū)動 演示法能夠在網(wǎng)頁中插入圖像、制 作鼠標經(jīng)過圖像、制作導航 條4任務一網(wǎng)頁的普通超鏈接學會設置網(wǎng)頁的內(nèi)部鏈接與外部 鏈接的操作方法1 .內(nèi)部鏈接2 .外部鏈接理實一體 任務驅(qū)動 演示法能夠制作網(wǎng)頁的內(nèi)、外部鏈 接效果項目總 學 時周數(shù)任務任務目標教學（實訓）內(nèi)容教學方法/ 手段考核評估要求項目三制作：“祖國在 我心中”網(wǎng) 站184任務二超鏈接的樣式設置學會鏈接樣式的設置方法1 .鏈接顏色2 .已訪問鏈接3 .變換圖像鏈接4 .活動鏈接5 .設置卜劃線實例展示教師操作 冊學生動手 實訓能夠?qū)W會設置網(wǎng)頁/、同的鏈 接樣式果5任務三錨點鏈接學會錨點鏈接的設置方法1.創(chuàng)建命名錨記2

6、.創(chuàng)建鏈接理實一體任務驅(qū)動 演示法能夠?qū)W會設置錨點鏈接5任務四圖像熱區(qū)鏈接學會圖像熱區(qū)域鏈接的設置方法1 .選中圖像2 .使用熱區(qū)域工具3 .繪制熱區(qū)理實一體任務驅(qū)動 演示法能夠?qū)W會設置網(wǎng)頁圖片熱區(qū) 鏈接5任務五其他鏈接學會網(wǎng)頁中其他幾種特殊鏈接的設置方法1.電子郵件鏈接2.下載鏈接3.空鏈接理實一體任務驅(qū)動 演示法能夠?qū)W會在網(wǎng)頁中設置電子 郵件、下載鏈接及空鏈接6任務六使用跳轉(zhuǎn)菜單設置鏈 接學會跳轉(zhuǎn)菜單的設置方法利用跳轉(zhuǎn)菜單實現(xiàn)網(wǎng)頁中的友情 鏈接理實一體任務驅(qū)動 演示法學會在網(wǎng)頁中添加跳轉(zhuǎn)菜單及設置項目總 學 時周數(shù)任務任務目標教學（實訓）內(nèi)容教學方法/ 手段考核評估要求6任務七腳本鏈接認識

7、網(wǎng)頁中鏈接觸發(fā)腳本命令及簡單使用1 .添加到收藏夾2 .關閉窗口3 .彈出一個提示對話框4 .設為默認主頁理實一體 任務驅(qū)動 演示法了解腳本鏈接的操作過程6任務八超鏈接的管理1 .理解鏈接中的相對和絕對路徑2 .理解鏈接的目標類型及功能3 .初步學會站點鏈接資源的管理 方法1 .鏈接路徑的3種表達方式絕對路徑相對路徑相對于站點根目錄路徑2 .鏈接的更新與檢查理實一體 任務驅(qū)動 演示法初步理解鏈接的管理及知識項目四用表格布 局制作“北 京鳥巢”體育館網(wǎng)頁127任務一表格布局一一頁眉能夠利用表格制作網(wǎng)頁貞眉1 .創(chuàng)建表格2 .設置表格屬性（寬、高、填 充、間距、邊框、對齊方式、 背景）3 .在表格

8、中添加或刪除行、列4 .合并或拆分單元格5 .創(chuàng)建細線表格6 .技能考核理實一體 任務驅(qū)動 演示法能夠利用表格進行網(wǎng)頁布局 及學會表格的基本操作7任務二表格布局一一導航欄能夠利用表格制作網(wǎng)頁導航欄8任務三表格布局息柱能夠利用表格制作網(wǎng)頁信息欄8任務四表格布局頁腳能夠利用表格制作網(wǎng)貞貞腳項目總 學 時周數(shù)任務任務目標教學（實訓）內(nèi)容教學方法/ 手段考核評估要求期中訓練69任務一綜合訓練復習并進一步學會項目一至四知 識點制作綜合網(wǎng)站任務驅(qū)動 演示法知識技能復習項目五使用框架 布局“制作 旅游”網(wǎng)站1210任務一了解框架的作用作網(wǎng)頁布局簡化網(wǎng)頁的編寫加快網(wǎng)頁的瀏覽認識框架和框架集講授法了解框架及其作

9、用10任務二創(chuàng)建框架和框架集、設置框架和框架集的屬性；學會框架和框架集的基本操作及 屬性設置1 .創(chuàng)建框架2 .創(chuàng)建框架集3 .選擇框架和框架集4 .設置框架屬性5 .設置框架集屬性6 .保存框架7 .保存框架集8 .保存框架集中的所有文檔9 .編輯框架頁理實一體任務驅(qū)動 演示法學會框架及具基本操作11任務三制作框架中的超鏈接學會利用超鏈接實現(xiàn)電子書中的 頁面跳轉(zhuǎn)1 .制作電子書貝囿2 .設置超鏈接3 .設置超鏈接的目標選項（難 點）理實一體任務驅(qū)動 演示法學會在網(wǎng)頁中利用框架制作 簡單網(wǎng)頁及框架中的鏈接如 電子書項目總 學 時周數(shù)任務任務目標教學(實訓)內(nèi)容教學方法/ 手段考核評估要求項目六

10、 使用多媒 體元素制 作“東方之 珠”網(wǎng)頁1212任務一Flash文件的應用學會添加Flash按鈕的方法學會添加swf動畫的方法學會添加 Flash 文本(flashpaper )的方法1 .認識網(wǎng)貝中的 Flash兀素2 .添加Flash按鈕3 .添加swf影片4 .添加 Flash 文本操作 (flashpaper )5 .在網(wǎng)頁中設置透明的 Flash動 畫理實一體 任務驅(qū)動 演示法能夠在網(wǎng)頁中添加 swf動回 等多媒體元素12任務二音頻文件的應用學會在網(wǎng)頁中加入首頻文件1 .認識網(wǎng)頁中常用的音頻文件2 .在貝囿中嵌入音頻文件3 .設置文件的播放效果理實一體 任務驅(qū)動 演示法了解網(wǎng)頁中常

11、用的音頻格式13任務三視頻文件的應用(插入FLV視頻)學會在網(wǎng)頁中加入視頻文件1 .網(wǎng)貝中常用的視頻文件2 .在頁面中嵌入視頻文件3 .設置文件的播放效果理實一體 任務驅(qū)動 演示法能夠在網(wǎng)頁中添加視頻文件13任務四使用圖像播放器學會Dreamweaver中圖像播放器 的使用方法在網(wǎng)頁中使用圖像播放器實現(xiàn)圖 片更迭技能考核理實一體 任務驅(qū)動 演示法能夠在網(wǎng)頁中制作圖像播放 器效果項目七 利用層制 作“中國八1214任務一創(chuàng)建圖層了解圖層的的概念學會在網(wǎng)頁中創(chuàng)建圖層的幾種方法1 .創(chuàng)建任意大小的圖層2 .創(chuàng)建固定規(guī)格的圖層理實一體 任務驅(qū)動 演示法了解圖層概念、作用及相關 知識項目總 學 時周數(shù)任

12、務任務目標教學（實訓）內(nèi)容教學方法/ 手段考核評估要求大菜系”首 頁14任務二設置圖層學會設置圖層的方法1 .選擇圖層2 .調(diào)整圖層調(diào)整層的大小 層的層次關系 層的首選設置 層的對齊3 .設置圖層內(nèi)容理實一體任務驅(qū)動 演示法能夠創(chuàng)建簡單圖層、基本操 作及其屬性設置15任務三層的可見性設置學會層的高級屬性設置1 .層的顯示、隱藏屬性2 .同時排列多個層3 .更改層的重疊順序理實一體任務驅(qū)動 演示法能夠設置圖層的隱藏、顯示 效果等項目八應用行為 制作“制作 個人”網(wǎng)站616任務一應用行為了解行為基本內(nèi)容 編輯行為1 .認識行為、應用行為2 .認識事件、動作3 .編輯行為4 .技能考核理實一體任務驅(qū)

13、動 演示法了解行為在網(wǎng)頁中應用*項目九 應用樣式表制作“今 日新聞”網(wǎng) 站617任務一認識樣式H認識、創(chuàng)建樣式樣式表的存儲與創(chuàng)建理實一體任務驅(qū)動 演示法認識樣式表在網(wǎng)頁中的功能17任務二使用樣式學會使用樣式應用樣式：1 .設定文本子體和大小，2 .設定文本行間距，3 .用樣式制作特殊的邊框4 .為網(wǎng)頁中的圖像定義樣式理實一體 任務驅(qū)動 演示法訓學會創(chuàng)建簡單的樣式及使用 樣式表項目總 學 時周數(shù)任務任務目標教學（實訓）內(nèi)容教學方法/ 手段考核評估要求*項目十 應用模板 和庫制作 “金企鵝” 網(wǎng)站418任務一使用庫項目了解使用庫項目1 .把對象保存為庫項目2 .應用庫項目3 .修改庫項目理實一體任務驅(qū)動 演示法了解庫及相關知識18任務二使用模板了解使用模板1 .創(chuàng)建模板文檔2 .使用模板理實一體任務驅(qū)動