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

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

2、1. 知道網(wǎng)站建設(shè)的一般流程2. 學(xué)會站點(diǎn)的創(chuàng)建及管理編輯站 點(diǎn)方法3. 學(xué)會站點(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)項(xiàng)目一 制作“我的第 一個網(wǎng)頁”61任務(wù)三制作：我的第一個網(wǎng)頁1. 學(xué)會DWCS的基本操作：新建、 保存、打開、預(yù)覽、關(guān)閉及退出等2. 認(rèn)識DWCS5的屬性等常用面板 及其操作3. 學(xué)會三種視圖窗口的切換操作 方法4. 學(xué)會網(wǎng)頁的頁面設(shè)置操作方法1 . DWCS的基本操作（文件菜單 的使用）2. 三種視圖窗口的切

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

4、務(wù)驅(qū)動演示法的基本操作2任務(wù)二在網(wǎng)頁中添加文本1. 學(xué)會在網(wǎng)頁中輸入文本2. 學(xué)會編輯網(wǎng)頁中的文本3. 學(xué)會網(wǎng)頁中文本的輸入與編輯 及格式化操作的方法1. 在網(wǎng)頁中添加文本直接輸入復(fù)制和粘貼從其他文件導(dǎo)入2. 設(shè)置文本的段洛格式和子符格式3. 添加空格4. 添加特殊符號5. 輸入日期6. 輸入水平線理實(shí)一體 任務(wù)驅(qū)動 演示法學(xué)會網(wǎng)頁內(nèi)容（文本及圖像） 的格式化及插入水平線等操 作項(xiàng)目二制作：“生態(tài)科 普網(wǎng)”首頁123任務(wù)三在網(wǎng)頁中添加圖像1. 學(xué)會網(wǎng)頁中插入圖像的操作方 法2. 學(xué)會制作鼠標(biāo)經(jīng)過圖像的操作 方法3. 學(xué)會制作導(dǎo)航條的操作方法1. 插入圖像2. 編輯圖像3. 技能考核理實(shí)一體 任

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

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

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

8、布局頁腳能夠利用表格制作網(wǎng)頁頁腳1.創(chuàng)建表格2.設(shè)置表格屬性（寬、高、填 充、間距、邊框、對齊方式、 背景）3.在表格中添加或刪除行、列4.合并或拆分單兀格5.創(chuàng)建細(xì)線表格6.技能考核理實(shí)一體 任務(wù)驅(qū)動 演示法能夠利用表格進(jìn)行網(wǎng)頁布局 及學(xué)會表格的基本操作項(xiàng)目總學(xué)時周數(shù)任務(wù)任務(wù)目標(biāo)教學(xué)（實(shí)訓(xùn)）內(nèi)容教學(xué)方法/手段考核評估要求期中訓(xùn)練69任務(wù)一 綜合訓(xùn)練復(fù)習(xí)并進(jìn)一步學(xué)會項(xiàng)目一至四知識點(diǎn)制作綜合網(wǎng)站任務(wù)驅(qū)動演示法知識技能復(fù)習(xí)10任務(wù)一了解框架的作用作網(wǎng)頁布局簡化網(wǎng)頁的編寫加快網(wǎng)頁的瀏覽認(rèn)識框架和框架集講授法了解框架及其作用10任務(wù)二創(chuàng)建框架和框架集、 設(shè)置框架和框架集的 屬性；學(xué)會框架和框架集的基本

9、操作及 屬性設(shè)置1.創(chuàng)建框架2.創(chuàng)建框架集3.選擇框架和框架集4.設(shè)置框架屬性5.設(shè)置框架集屬性6.保存框架7.保存框架集8.保存框架集中的所有文檔9.編輯框架頁理實(shí)一體 任務(wù)驅(qū)動 演示法學(xué)會框架及其基本操作項(xiàng)目五使用框架 布局“制作 旅游”網(wǎng)站1211任務(wù)三制作框架中的超鏈接學(xué)會利用超鏈接實(shí)現(xiàn)電子書中的 頁面跳轉(zhuǎn)1.制作電子書頁面2.設(shè)置超鏈接3.設(shè)置超鏈接的目標(biāo)選項(xiàng)（難 點(diǎn)）理實(shí)一體 任務(wù)驅(qū)動 演示法學(xué)會在網(wǎng)頁中利用框架制作 簡單網(wǎng)頁及框架中的鏈接如 電子書項(xiàng)目總學(xué)時周數(shù)任務(wù)任務(wù)目標(biāo)教學(xué)(實(shí)訓(xùn))內(nèi)容教學(xué)方法/手段考核評估要求12任務(wù)一Flash文件的應(yīng)用學(xué)會添加Flash按鈕的方法學(xué)會添加

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

11、件3.設(shè)置文件的播放效果理實(shí)一體 任務(wù)驅(qū)動 演示法能夠在網(wǎng)頁中添加視頻文件項(xiàng)目六 使用多媒 體元素制 作“東方之 珠”網(wǎng)頁1213任務(wù)四使用圖像播放器學(xué)會Dreamweaver中圖像播放器的使用方法在網(wǎng)頁中使用圖像播放器實(shí)現(xiàn)圖 片更迭技能考核理實(shí)一體 任務(wù)驅(qū)動 演示法能夠在網(wǎng)頁中制作圖像播放器效果項(xiàng)目七 利用層制 作“中國八1214任務(wù)一 創(chuàng)建圖層了解圖層的的概念學(xué)會在網(wǎng)頁中創(chuàng)建圖層的幾種方 法1.創(chuàng)建任意大小的圖層2.創(chuàng)建固定規(guī)格的圖層理實(shí)一體 任務(wù)驅(qū)動 演示法了解圖層概念、作用及相關(guān) 知識項(xiàng)目總學(xué)時周數(shù)任務(wù)任務(wù)目標(biāo)教學(xué)（實(shí)訓(xùn)）內(nèi)容教學(xué)方法/手段考核評估要求14任務(wù)二 設(shè)置圖層學(xué)會設(shè)置圖層的

12、方法1.選擇圖層2.調(diào)整圖層調(diào)整層的大小層的層次關(guān)系層的首選設(shè)置層的對齊3.設(shè)置圖層內(nèi)容理實(shí)一體 任務(wù)驅(qū)動 演示法能夠創(chuàng)建簡單圖層、基本操 作及其屬性設(shè)置大菜系”首頁15任務(wù)三層的可見性設(shè)置學(xué)會層的高級屬性設(shè)置1.層的顯示、隱藏屬性2.同時排列多個層3.更改層的重疊順序理實(shí)一體 任務(wù)驅(qū)動 演示法能夠設(shè)置圖層的隱藏、顯示效果等項(xiàng)目八應(yīng)用行為 制作“制作 個人”網(wǎng)站616任務(wù)一 應(yīng)用行為了解行為基本內(nèi)容編輯行為1.認(rèn)識行為、應(yīng)用行為2.認(rèn)識事件、動作3.編輯行為4 .技能考核理實(shí)一體 任務(wù)驅(qū)動 演示法了解行為在網(wǎng)頁中應(yīng)用17任務(wù)一 認(rèn)識樣式表認(rèn)識、創(chuàng)建樣式樣式表的存儲與創(chuàng)建理實(shí)一體 任務(wù)驅(qū)動 演示法認(rèn)識樣式表在網(wǎng)頁中的功能*項(xiàng)目九 應(yīng)用樣式 表制作“今 日新聞”網(wǎng) 站617任務(wù)二 使用樣式表學(xué)會使用樣式應(yīng)用樣式：1.設(shè)定文本子體和大小，2設(shè)定文本行間距，3.用樣式制作特殊的邊框4 為網(wǎng)頁中的圖像定義樣式理實(shí)一體 任務(wù)驅(qū)動 演示法訓(xùn)學(xué)會創(chuàng)建簡單的樣式及使用樣式表項(xiàng)目總學(xué)時周數(shù)任務(wù)任務(wù)目標(biāo)教學(xué)（實(shí)訓(xùn)）內(nèi)容教學(xué)方法/手段考核評估要求18任務(wù)一 使用庫項(xiàng)目了解使用庫項(xiàng)目1 把對象保存為庫項(xiàng)目2.應(yīng)用庫項(xiàng)目3 修改庫項(xiàng)目理實(shí)一體 任務(wù)驅(qū)動 演示法了解庫及相關(guān)知識*項(xiàng)目十 應(yīng)用模板 和庫制作 “金企鵝” 網(wǎng)站418任務(wù)二 使用模板了解使用模板1.創(chuàng)建模板文檔2.使用模板理實(shí)一體 任務(wù)驅(qū)動