《網(wǎng)頁(yè)設(shè)計(jì)與制作》項(xiàng)目教學(xué)計(jì)劃表

1、網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目教學(xué)計(jì)劃學(xué)期：2016春學(xué)期 科任老師： 任課班級(jí)：15秋計(jì)1、2、3 每周課時(shí)數(shù)：6節(jié)項(xiàng)目總學(xué)時(shí)周數(shù)任務(wù)任務(wù)目標(biāo)教學(xué)（實(shí)訓(xùn)）內(nèi)容教學(xué)方法/手段考核評(píng)估要求項(xiàng)目一制作“我的第一個(gè)網(wǎng)頁(yè)”61任務(wù)一DreamweaverCS5的使用(下稱DWCS5)1.知道網(wǎng)站、網(wǎng)頁(yè)和主頁(yè)的區(qū)別2.懂得網(wǎng)頁(yè)中的元素類型3.知道從功能角度分析網(wǎng)頁(yè)元素的組成及作用4.學(xué)會(huì)DWCS5的使用及工作環(huán)境1. DWCS5的啟動(dòng)及工作環(huán)境組成2.三種窗口的切換操作3.觀看網(wǎng)頁(yè)實(shí)例，分析其構(gòu)成元素4.實(shí)踐操作理實(shí)一體任務(wù)驅(qū)動(dòng)演示法1能夠啟動(dòng)DWCS5及熟悉其工作環(huán)境2理解網(wǎng)頁(yè)相關(guān)的基礎(chǔ)知識(shí)1任務(wù)二網(wǎng)站規(guī)劃、創(chuàng)建

2、及管理1.知道網(wǎng)站建設(shè)的一般流程2.學(xué)會(huì)站點(diǎn)的創(chuàng)建及管理編輯站點(diǎn)方法3.學(xué)會(huì)站點(diǎn)目錄及子目錄的創(chuàng)建方法1.站點(diǎn)建立2.站點(diǎn)目錄下各子文件夾的建立3.站點(diǎn)管理與編輯4.實(shí)例操作講授法1理解網(wǎng)站建設(shè)的流程2能夠根據(jù)要求建立站點(diǎn)及站點(diǎn)相應(yīng)的子文件夾3初步能夠管理建立的站點(diǎn)1任務(wù)三制作：我的第一個(gè)網(wǎng)頁(yè)1.學(xué)會(huì)DWCS5的基本操作：新建、保存、打開、預(yù)覽、關(guān)閉及退出等2.認(rèn)識(shí)DWCS5的屬性等常用面板及其操作3.學(xué)會(huì)三種視圖窗口的切換操作方法4.學(xué)會(huì)網(wǎng)頁(yè)的頁(yè)面設(shè)置操作方法1DWCS5的基本操作（文件菜單的使用）2.三種視圖窗口的切換3.設(shè)置網(wǎng)頁(yè)外觀屬性（包括：網(wǎng)頁(yè)標(biāo)題、頁(yè)面默認(rèn)字體、背景顏色、背景圖片、

3、邊距等）4.常用面板如屬性的使用5.任務(wù)實(shí)訓(xùn)理實(shí)一體任務(wù)驅(qū)動(dòng)演示法1能夠?qū)W會(huì)DWCS5的基本操作2.能夠進(jìn)行設(shè)置網(wǎng)頁(yè)外觀屬性3.會(huì)打開常用面板及使用項(xiàng)目二制作：“生態(tài)科普網(wǎng)”首頁(yè)122任務(wù)一制作：“生態(tài)科普網(wǎng)”首頁(yè)1.進(jìn)一步學(xué)會(huì)站點(diǎn)建立及管理編輯站點(diǎn)的操作2.學(xué)會(huì)將素材分類存放3.進(jìn)一步學(xué)會(huì)DWCS5的基本操作1.建立任務(wù)的站點(diǎn)及站點(diǎn)設(shè)置2.管理站點(diǎn)編輯多個(gè)網(wǎng)頁(yè)文件創(chuàng)建文件或文件夾剪切、粘貼、復(fù)制、刪除、重命名文件或文件夾理實(shí)一體任務(wù)驅(qū)動(dòng)演示法學(xué)會(huì)網(wǎng)頁(yè)內(nèi)容（文本及圖像）的基本操作2任務(wù)二在網(wǎng)頁(yè)中添加文本1.學(xué)會(huì)在網(wǎng)頁(yè)中輸入文本2.學(xué)會(huì)編輯網(wǎng)頁(yè)中的文本3.學(xué)會(huì)網(wǎng)頁(yè)中文本的輸入與編輯及格式化操作的

4、方法1.在網(wǎng)頁(yè)中添加文本直接輸入復(fù)制和粘貼從其他文件導(dǎo)入2.設(shè)置文本的段落格式和字符格式3.添加空格4.添加特殊符號(hào)5.輸入日期6.輸入水平線理實(shí)一體任務(wù)驅(qū)動(dòng)演示法學(xué)會(huì)網(wǎng)頁(yè)內(nèi)容（文本及圖像）的格式化及插入水平線等操作3任務(wù)三在網(wǎng)頁(yè)中添加圖像1.學(xué)會(huì)網(wǎng)頁(yè)中插入圖像的操作方法2.學(xué)會(huì)制作鼠標(biāo)經(jīng)過圖像的操作方法3.學(xué)會(huì)制作導(dǎo)航條的操作方法1.插入圖像2.編輯圖像3.技能考核理實(shí)一體任務(wù)驅(qū)動(dòng)演示法能夠在網(wǎng)頁(yè)中插入圖像、制作鼠標(biāo)經(jīng)過圖像、制作導(dǎo)航條項(xiàng)目三制作：“祖國(guó)在我心中”網(wǎng)站184任務(wù)一網(wǎng)頁(yè)的普通超鏈接學(xué)會(huì)設(shè)置網(wǎng)頁(yè)的內(nèi)部鏈接與外部鏈接的操作方法1.內(nèi)部鏈接2.外部鏈接理實(shí)一體任務(wù)驅(qū)動(dòng)演示法能夠制作網(wǎng)

5、頁(yè)的內(nèi)、外部鏈接效果4任務(wù)二超鏈接的樣式設(shè)置學(xué)會(huì)鏈接樣式的設(shè)置方法1.鏈接顏色2.已訪問鏈接3.變換圖像鏈接4.活動(dòng)鏈接5.設(shè)置下劃線實(shí)例展示教師操作演示學(xué)生動(dòng)手實(shí)訓(xùn)能夠?qū)W會(huì)設(shè)置網(wǎng)頁(yè)不同的鏈接樣式效果5任務(wù)三錨點(diǎn)鏈接學(xué)會(huì)錨點(diǎn)鏈接的設(shè)置方法1.創(chuàng)建命名錨記2.創(chuàng)建鏈接理實(shí)一體任務(wù)驅(qū)動(dòng)演示法能夠?qū)W會(huì)設(shè)置錨點(diǎn)鏈接5任務(wù)四圖像熱區(qū)鏈接學(xué)會(huì)圖像熱區(qū)域鏈接的設(shè)置方法1. 選中圖像2. 使用熱區(qū)域工具3. 繪制熱區(qū)理實(shí)一體任務(wù)驅(qū)動(dòng)演示法能夠?qū)W會(huì)設(shè)置網(wǎng)頁(yè)圖片熱區(qū)鏈接5任務(wù)五其他鏈接學(xué)會(huì)網(wǎng)頁(yè)中其他幾種特殊鏈接的設(shè)置方法1.電子郵件鏈接2.下載鏈接3.空鏈接理實(shí)一體任務(wù)驅(qū)動(dòng)演示法能夠?qū)W會(huì)在網(wǎng)頁(yè)中設(shè)置電子郵件、下載

6、鏈接及空鏈接6任務(wù)六使用跳轉(zhuǎn)菜單設(shè)置鏈接學(xué)會(huì)跳轉(zhuǎn)菜單的設(shè)置方法利用跳轉(zhuǎn)菜單實(shí)現(xiàn)網(wǎng)頁(yè)中的友情鏈接理實(shí)一體任務(wù)驅(qū)動(dòng)演示法學(xué)會(huì)在網(wǎng)頁(yè)中添加跳轉(zhuǎn)菜單及設(shè)置6任務(wù)七腳本鏈接認(rèn)識(shí)網(wǎng)頁(yè)中鏈接觸發(fā)腳本命令及簡(jiǎn)單使用1 添加到收藏夾2 關(guān)閉窗口3 彈出一個(gè)提示對(duì)話框4 設(shè)為默認(rèn)主頁(yè)理實(shí)一體任務(wù)驅(qū)動(dòng)演示法了解腳本鏈接的操作過程6任務(wù)八超鏈接的管理1.理解鏈接中的相對(duì)和絕對(duì)路徑2.理解鏈接的目標(biāo)類型及功能3.初步學(xué)會(huì)站點(diǎn)鏈接資源的管理方法1.鏈接路徑的3種表達(dá)方式絕對(duì)路徑相對(duì)路徑相對(duì)于站點(diǎn)根目錄路徑2.鏈接的更新與檢查理實(shí)一體任務(wù)驅(qū)動(dòng)演示法初步理解鏈接的管理及知識(shí)項(xiàng)目四用表格布局制作“北京鳥巢”體育館網(wǎng)頁(yè)127任務(wù)

7、一表格布局頁(yè)眉能夠利用表格制作網(wǎng)頁(yè)頁(yè)眉1. 創(chuàng)建表格2. 設(shè)置表格屬性（寬、高、填充、間距、邊框、對(duì)齊方式、背景）3. 在表格中添加或刪除行、列4. 合并或拆分單元格5. 創(chuàng)建細(xì)線表格6. 技能考核理實(shí)一體任務(wù)驅(qū)動(dòng)演示法能夠利用表格進(jìn)行網(wǎng)頁(yè)布局及學(xué)會(huì)表格的基本操作7任務(wù)二表格布局導(dǎo)航欄能夠利用表格制作網(wǎng)頁(yè)導(dǎo)航欄8任務(wù)三表格布局信息欄能夠利用表格制作網(wǎng)頁(yè)信息欄8任務(wù)四表格布局頁(yè)腳能夠利用表格制作網(wǎng)頁(yè)頁(yè)腳期中訓(xùn)練69任務(wù)一綜合訓(xùn)練復(fù)習(xí)并進(jìn)一步學(xué)會(huì)項(xiàng)目一至四知識(shí)點(diǎn)制作綜合網(wǎng)站任務(wù)驅(qū)動(dòng)演示法知識(shí)技能復(fù)習(xí)項(xiàng)目五使用框架布局“制作旅游”網(wǎng)站1210任務(wù)一了解框架的作用作網(wǎng)頁(yè)布局簡(jiǎn)化網(wǎng)頁(yè)的編寫加快網(wǎng)頁(yè)的瀏覽

8、認(rèn)識(shí)框架和框架集講授法了解框架及其作用10任務(wù)二創(chuàng)建框架和框架集、設(shè)置框架和框架集的屬性；學(xué)會(huì)框架和框架集的基本操作及屬性設(shè)置1. 創(chuàng)建框架2. 創(chuàng)建框架集3. 選擇框架和框架集4. 設(shè)置框架屬性5. 設(shè)置框架集屬性6. 保存框架7. 保存框架集8. 保存框架集中的所有文檔9. 編輯框架頁(yè)理實(shí)一體任務(wù)驅(qū)動(dòng)演示法學(xué)會(huì)框架及其基本操作11任務(wù)三制作框架中的超鏈接學(xué)會(huì)利用超鏈接實(shí)現(xiàn)電子書中的頁(yè)面跳轉(zhuǎn)1. 制作電子書頁(yè)面2. 設(shè)置超鏈接3. 設(shè)置超鏈接的目標(biāo)選項(xiàng)（難點(diǎn)）理實(shí)一體任務(wù)驅(qū)動(dòng)演示法學(xué)會(huì)在網(wǎng)頁(yè)中利用框架制作簡(jiǎn)單網(wǎng)頁(yè)及框架中的鏈接如電子書項(xiàng)目六使用多媒體元素制作“東方之珠”網(wǎng)頁(yè)1212任務(wù)一Fl

9、ash文件的應(yīng)用學(xué)會(huì)添加Flash按鈕的方法學(xué)會(huì)添加swf動(dòng)畫的方法學(xué)會(huì)添加Flash文本（flashpaper）的方法1認(rèn)識(shí)網(wǎng)頁(yè)中的Flash元素2添加Flash按鈕3添加swf影片4.添加Flash文本操作（flashpaper）5在網(wǎng)頁(yè)中設(shè)置透明的Flash動(dòng)畫理實(shí)一體任務(wù)驅(qū)動(dòng)演示法能夠在網(wǎng)頁(yè)中添加swf動(dòng)畫等多媒體元素12任務(wù)二音頻文件的應(yīng)用學(xué)會(huì)在網(wǎng)頁(yè)中加入音頻文件1.認(rèn)識(shí)網(wǎng)頁(yè)中常用的音頻文件2.在頁(yè)面中嵌入音頻文件3.設(shè)置文件的播放效果理實(shí)一體任務(wù)驅(qū)動(dòng)演示法了解網(wǎng)頁(yè)中常用的音頻格式13任務(wù)三視頻文件的應(yīng)用（插入FLV視頻）學(xué)會(huì)在網(wǎng)頁(yè)中加入視頻文件1網(wǎng)頁(yè)中常用的視頻文件2在頁(yè)面中嵌入視

10、頻文件3設(shè)置文件的播放效果理實(shí)一體任務(wù)驅(qū)動(dòng)演示法能夠在網(wǎng)頁(yè)中添加視頻文件13任務(wù)四使用圖像播放器學(xué)會(huì)Dreamweaver中圖像播放器的使用方法在網(wǎng)頁(yè)中使用圖像播放器實(shí)現(xiàn)圖片更迭技能考核理實(shí)一體任務(wù)驅(qū)動(dòng)演示法能夠在網(wǎng)頁(yè)中制作圖像播放器效果項(xiàng)目七利用層制作“中國(guó)八大菜系”首頁(yè)1214任務(wù)一創(chuàng)建圖層了解圖層的的概念學(xué)會(huì)在網(wǎng)頁(yè)中創(chuàng)建圖層的幾種方法1. 創(chuàng)建任意大小的圖層2. 創(chuàng)建固定規(guī)格的圖層理實(shí)一體任務(wù)驅(qū)動(dòng)演示法了解圖層概念、作用及相關(guān)知識(shí)14任務(wù)二設(shè)置圖層學(xué)會(huì)設(shè)置圖層的方法1. 選擇圖層2. 調(diào)整圖層調(diào)整層的大小層的層次關(guān)系層的首選設(shè)置層的對(duì)齊3. 設(shè)置圖層內(nèi)容理實(shí)一體任務(wù)驅(qū)動(dòng)演示法能夠創(chuàng)建簡(jiǎn)單

11、圖層、基本操作及其屬性設(shè)置15任務(wù)三層的可見性設(shè)置學(xué)會(huì)層的高級(jí)屬性設(shè)置1. 層的顯示、隱藏屬性2. 同時(shí)排列多個(gè)層3. 更改層的重疊順序理實(shí)一體任務(wù)驅(qū)動(dòng)演示法能夠設(shè)置圖層的隱藏、顯示效果等項(xiàng)目八應(yīng)用行為制作“制作個(gè)人”網(wǎng)站616任務(wù)一應(yīng)用行為了解行為基本內(nèi)容編輯行為1認(rèn)識(shí)行為、應(yīng)用行為2認(rèn)識(shí)事件、動(dòng)作3編輯行為4技能考核理實(shí)一體任務(wù)驅(qū)動(dòng)演示法了解行為在網(wǎng)頁(yè)中應(yīng)用* 項(xiàng)目九應(yīng)用樣式表制作“今日新聞”網(wǎng)站617任務(wù)一認(rèn)識(shí)樣式表認(rèn)識(shí)、創(chuàng)建樣式樣式表的存儲(chǔ)與創(chuàng)建理實(shí)一體任務(wù)驅(qū)動(dòng)演示法認(rèn)識(shí)樣式表在網(wǎng)頁(yè)中的功能17任務(wù)二使用樣式表學(xué)會(huì)使用樣式應(yīng)用樣式：1設(shè)定文本字體和大小，2設(shè)定文本行間距，3用樣式制作特殊的邊框4為網(wǎng)頁(yè)中的圖像定義樣式理實(shí)一體任務(wù)驅(qū)動(dòng)演示法訓(xùn)學(xué)會(huì)創(chuàng)建簡(jiǎn)單的樣式及使用樣式表*項(xiàng)目十應(yīng)用模板和庫(kù)制作“金企鵝”網(wǎng)站418任務(wù)一使用庫(kù)項(xiàng)目了解使用庫(kù)項(xiàng)目1把對(duì)象保存為庫(kù)項(xiàng)目2應(yīng)用庫(kù)項(xiàng)目3修改庫(kù)項(xiàng)目理實(shí)一體任務(wù)驅(qū)動(dòng)演示法了解庫(kù)及相關(guān)知識(shí)18任務(wù)二使用模板了解使用模板1. 創(chuàng)建模板文檔2. 使用模板理實(shí)一體任務(wù)驅(qū)動(dòng)演示法了解模板及相關(guān)知