《網(wǎng)頁(yè)設(shè)計(jì)與美工》教學(xué)計(jì)劃

1、20162017學(xué)年度第一學(xué)期學(xué)期授課計(jì)劃課程名稱網(wǎng)頁(yè)設(shè)計(jì)與美工DreamweaverCS596*計(jì)劃學(xué)時(shí)任課教師授課班級(jí)15計(jì)算機(jī)2016年9月1日授課計(jì)劃編制說明課程標(biāo)準(zhǔn)（大綱）、教材及教學(xué)參考資料使用說明總課時(shí)課堂教學(xué)實(shí)驗(yàn)實(shí)訓(xùn)復(fù)習(xí)機(jī)動(dòng)考試米用課程標(biāo)準(zhǔn)（教學(xué)大綱）名稱使用教材名稱及出版單位«網(wǎng)頁(yè)設(shè)計(jì)與美工DreamweaverCS5大象出版社教學(xué)內(nèi)容說明（授課內(nèi)容起止章節(jié)）項(xiàng)目1-項(xiàng)目15教材處理意見說明教學(xué)參考資料說明教材配套的相關(guān)資源9696000課程性質(zhì)公共基礎(chǔ)課（）專業(yè)技能課（，）教學(xué)周16周課時(shí)6審查意見教研組專業(yè)部教研組長(zhǎng)（簽字）年月日專業(yè)主任（簽字）年月日教務(wù)科分管

2、校長(zhǎng)教務(wù)部門（簽字）年月日分管校長(zhǎng)（簽字）年月日課程目標(biāo)：本課程通過十五個(gè)項(xiàng)目的制作，使學(xué)生全面掌握網(wǎng)站開發(fā)從前臺(tái)設(shè)計(jì)、動(dòng)態(tài)功能模塊實(shí)現(xiàn)到后臺(tái)網(wǎng)站管理的全部知識(shí)，具備獨(dú)立設(shè)計(jì)開發(fā)各類網(wǎng)站的能力，進(jìn)而提高學(xué)生的職業(yè)素質(zhì)和崗位競(jìng)爭(zhēng)力。教學(xué)任務(wù):根據(jù)專業(yè)課程目標(biāo)的工作任務(wù)要求，以學(xué)生職業(yè)能力培養(yǎng)為重點(diǎn)，注重與后期課程內(nèi)容的銜接，開發(fā)了十五個(gè)典型項(xiàng)目，內(nèi)容涵蓋了Dreamweaver的大多數(shù)知識(shí)點(diǎn)，在教學(xué)過程中,引導(dǎo)學(xué)生在完成項(xiàng)目的基礎(chǔ)上，充分發(fā)揮學(xué)生的想象力和創(chuàng)造力，完成項(xiàng)目實(shí)訓(xùn)或?qū)ΜF(xiàn)有項(xiàng)目進(jìn)行拓展延伸。授課計(jì)劃周次課次授課內(nèi)容（摘要）教學(xué)目標(biāo)教學(xué)重難點(diǎn)、教學(xué)方法、教學(xué)資源及其他課時(shí)作業(yè)一1-3項(xiàng)目

3、一DreamweaverCS5基礎(chǔ)知識(shí)目標(biāo)：1.了解Dreamweaver、Photoshop及Flash的相關(guān)知識(shí)；2.了解DreamweaverCS5的安裝。能力目標(biāo)：1.初步掌握PhotoshopCS5文字工具組中“橫向文字工具”的使用；2.利用PhotoshopCS5制作圖像文彳3.新建網(wǎng)貝文件；4.在網(wǎng)頁(yè)中插入圖像。重點(diǎn)：了解Dreamweaver、Photoshop及Flash的相關(guān)知識(shí)；PhotoshopCS5文字工具組中“橫向文字工具”的使用；利用PhotoshopCS5制作圖像文件；在網(wǎng)貝中插入圖像。難點(diǎn)：PhotoshopCS5文字工具組中“橫向文字工具”的使用；對(duì)策：相關(guān)

4、知識(shí)學(xué)習(xí)、任務(wù)實(shí)施、小組協(xié)作、項(xiàng)目實(shí)訓(xùn)。擇器6隨堂二4-6項(xiàng)目二建立與管理站點(diǎn)知識(shí)目標(biāo)：1.了解Web網(wǎng)頁(yè)通過服務(wù)器發(fā)布到互聯(lián)網(wǎng)的工作機(jī)制；了解一些HTML語(yǔ)言的標(biāo)簽；了解網(wǎng)站規(guī)劃的基本流程。能力目標(biāo)：1.Windows下Internet信息服務(wù)器（IIS）的搭建和管理；2.用Photoshop的“移動(dòng)”和“選擇”工具去完成一些圖像素材的創(chuàng)作；3.新建和管理站點(diǎn)；4.網(wǎng)站的發(fā)布測(cè)試。重點(diǎn)：1.Windows下Internet信息服務(wù)器（IIS）的搭建和管理；2.新建和管理站點(diǎn)；3.建立網(wǎng)站并進(jìn)行發(fā)布測(cè)試。難點(diǎn)：1.新建和管理站點(diǎn)；2.網(wǎng)站的發(fā)布測(cè)試。對(duì)策：相關(guān)知識(shí)學(xué)習(xí)、任務(wù)實(shí)施、小組協(xié)作、項(xiàng)目

5、實(shí)訓(xùn)6隨堂三7-9項(xiàng)目三制作主要內(nèi)容為文本的網(wǎng)頁(yè)知識(shí)目標(biāo)：1.新建網(wǎng)頁(yè)的方法；2.網(wǎng)頁(yè)的命名與保存。能力目標(biāo)：1.能夠完成網(wǎng)站文件夾及子文件夾的創(chuàng)建；2.能夠完成網(wǎng)頁(yè)的新建與保存；3.能夠向網(wǎng)貝中添加文本；4.能夠在網(wǎng)頁(yè)中插入水平線、版權(quán)信息及列重點(diǎn)：Photoshop磁性套索工具的使用；在網(wǎng)頁(yè)中插入列表TOfto難點(diǎn)：列表項(xiàng)目屬性設(shè)置。對(duì)策：相關(guān)知識(shí)學(xué)習(xí)、任務(wù)實(shí)施、小組協(xié)作、項(xiàng)目實(shí)訓(xùn)。6隨堂表兀素；5.能夠使用背景圖片美化網(wǎng)頁(yè)效果。四10-12項(xiàng)目四圖像的插入與編輯知識(shí)目標(biāo)：1.了解網(wǎng)頁(yè)中常見的圖像格式；2.了解Photoshop魔棒工具；3.了解photoshop批處理技術(shù)。能力目標(biāo)：1.

6、能夠完成網(wǎng)站文件夾及子文件夾的創(chuàng)建；2.能夠完成網(wǎng)頁(yè)上、中和底部的制作；3.能夠使用photoshop進(jìn)行簡(jiǎn)單的摳圖操作；4.能夠使用photoshop批里制作縮略圖；5.能夠在網(wǎng)頁(yè)中插入表格，并在單元格式中插入圖片；6.能夠制作圖像超鏈接。重點(diǎn)：Photoshop中使用魔棒工具摳圖；Photoshop中批處理技術(shù)；制作圖像超鏈接。難點(diǎn)：在Photoshop中使用魔棒工具摳圖，在Photoshop中使用批處理技術(shù)批量制作縮略圖。對(duì)策：相關(guān)知識(shí)學(xué)習(xí)、任務(wù)實(shí)施、小組協(xié)作、項(xiàng)目實(shí)訓(xùn)。6隨堂五13-15項(xiàng)目五插入多媒體元素知識(shí)目標(biāo)：1.了解Photoshop文字工具組；2.了解<bgsound&

7、gt;標(biāo)簽。能力目標(biāo)：1.能夠完成網(wǎng)站文件夾及子文件夾的創(chuàng)建；2.能夠完成網(wǎng)頁(yè)標(biāo)題的制作；3.能夠的代碼窗口完成簡(jiǎn)單的代碼編輯；4.能夠在網(wǎng)頁(yè)中輸入文字；5.能夠在網(wǎng)頁(yè)中插入Flash兀素；6.能夠在代碼視圖中輸入代碼，插入背景重點(diǎn)：Photoshop文字工具人使用；在網(wǎng)頁(yè)中插入Flash元素。難點(diǎn)：代碼的編輯。對(duì)策：相關(guān)知識(shí)學(xué)習(xí)、任務(wù)實(shí)施、小組協(xié)作、項(xiàng)目實(shí)訓(xùn)。6隨堂六國(guó)口七16-18項(xiàng)目六表格處理與網(wǎng)貝布局知識(shí)目標(biāo)：1.了解表格及表格對(duì)象，表格屬性設(shè)置，表格的編輯等；2.了解Photoshop工具箱中的“漸變工具”，“漸變編輯器”等。能力目標(biāo)：1.在網(wǎng)頁(yè)中插入表格，編輯表格的方法；2.在表格

8、中插入重點(diǎn)：了解表格及表格對(duì)象，表格屬性設(shè)置，表格的編輯等。難點(diǎn)：1.在網(wǎng)頁(yè)中插入表格，編輯表格；2.在表格中插入嵌套表格；3.在表格中6隨堂嵌套表格的方法；3.在表格中插入圖片和文字的方法；4.使用PhotoshopCS5制作導(dǎo)航欄背景圖片的方法；5.利用表格布局文字，設(shè)置表格背景圖片，建立超級(jí)鏈接，制作導(dǎo)航欄的方法。插入圖片和文字。對(duì)策：相關(guān)知識(shí)學(xué)習(xí)、任務(wù)實(shí)施、小組協(xié)作、項(xiàng)目實(shí)訓(xùn)。八19-21項(xiàng)目七創(chuàng)建超級(jí)鏈接知識(shí)目標(biāo)：1.了解PhotoshopCS5畫筆工具的相關(guān)知識(shí)；2.了解各種超級(jí)鏈接的相關(guān)知識(shí)。能力目標(biāo)：1.Photoshop畫筆的使用和載入畫筆的方法；2.文字與網(wǎng)貝之間的連接；3

9、.圖片上的熱點(diǎn)區(qū)域與網(wǎng)頁(yè)之間的鏈接；4.文字與網(wǎng)頁(yè)中錨點(diǎn)標(biāo)記的超級(jí)鏈接；5.文字與普通文檔的鏈接；6.圖像與圖像文件之間白鏈接；7.文字與郵件地址的超級(jí)鏈接。重點(diǎn)：創(chuàng)建超級(jí)鏈接。難點(diǎn)：創(chuàng)建那組鏈接。對(duì)策：相關(guān)知識(shí)學(xué)習(xí)、任務(wù)實(shí)施、小組協(xié)作、項(xiàng)目實(shí)訓(xùn)。6九22-24項(xiàng)目八使用框架制作旅游網(wǎng)站知識(shí)目標(biāo)：1.了解Photoshop鉛筆工具；2.了解框架集的應(yīng)用能力目標(biāo)：1.能夠完成網(wǎng)站文件夾及子文件夾的創(chuàng)建；2.能夠完成網(wǎng)頁(yè)背景圖片的制作；3.能夠創(chuàng)建并保存框架網(wǎng)頁(yè)；4.能夠根據(jù)需要設(shè)置框架網(wǎng)頁(yè)的超鏈接目標(biāo)。重點(diǎn)：Photoshop鉛筆工具的使用；框架網(wǎng)頁(yè)的保存。難點(diǎn)：框架網(wǎng)頁(yè)超鏈接目標(biāo)設(shè)置。對(duì)策：相

10、關(guān)知識(shí)學(xué)習(xí)、任務(wù)實(shí)施、小組協(xié)作、項(xiàng)目實(shí)訓(xùn)。6十25-27項(xiàng)目九模板的創(chuàng)建和使用知識(shí)目標(biāo)：1.了解Photoshop錨點(diǎn)工具組；2.了解可編輯區(qū)域。能力目標(biāo)：1.能夠完成網(wǎng)站文件夾及子文件夾的創(chuàng)建；2.能夠利用錨重點(diǎn)：Photoshop錨點(diǎn)工具的使用；模板的創(chuàng)建及使用。難點(diǎn)：可編輯區(qū)域的創(chuàng)建。對(duì)策：相關(guān)知識(shí)學(xué)6資料修改與刪除功能頁(yè)面點(diǎn)工具修飾圖片素材；3.能夠完成模板頁(yè)的創(chuàng)建；4.能夠完成可編輯區(qū)域的創(chuàng)建；5.能夠使用模板創(chuàng)建網(wǎng)頁(yè)。習(xí)、任務(wù)實(shí)施、小組協(xié)作、項(xiàng)目實(shí)訓(xùn)。十28-30項(xiàng)目十庫(kù)的創(chuàng)建和使用知識(shí)目標(biāo)：1.了解Photoshop鋼筆工具；2.了解庫(kù)項(xiàng)目。能力目標(biāo)：1.能夠完成網(wǎng)站文件夾及子文

11、件夾的創(chuàng)建；2.能夠完成路徑文字的制作；3.能夠創(chuàng)建庫(kù)項(xiàng)目上；4.利用庫(kù)項(xiàng)目更新網(wǎng)貝。重點(diǎn)：Photoshop鋼筆工具的使用；在網(wǎng)站中創(chuàng)建庫(kù)。難點(diǎn)：庫(kù)項(xiàng)目的編輯。對(duì)策：相關(guān)知識(shí)學(xué)習(xí)、任務(wù)實(shí)施、小組協(xié)作、項(xiàng)目實(shí)訓(xùn)。6十31-33項(xiàng)目廣APDiv的應(yīng)用知識(shí)目標(biāo)：1.了解Photoshop圖層面板；2.了解APDiv的使用。能力目標(biāo)：1.能夠完成網(wǎng)站文件夾及子文件夾的創(chuàng)建；2.能夠完成網(wǎng)頁(yè)標(biāo)題圖片的制作；3.能夠在網(wǎng)頁(yè)中插入APDiv;4.能夠在AP中添加文本等。重點(diǎn)：Photoshop圖去面板的使用；在網(wǎng)頁(yè)中插入APDiv。難點(diǎn)：APDiv的編輯。對(duì)策：相關(guān)知識(shí)學(xué)習(xí)、任務(wù)實(shí)施、小組協(xié)作、項(xiàng)目實(shí)訓(xùn)。

12、6十34-36項(xiàng)目十二行為知識(shí)目標(biāo)：1.了解行為、觸發(fā)事件、動(dòng)作、對(duì)象等基本概念；2.Photoshop油漆桶工具。能力目標(biāo)：1.能夠完成網(wǎng)站文件夾及子文件夾的創(chuàng)建；2.能夠完成網(wǎng)頁(yè)屬性的設(shè)置；3.能夠在網(wǎng)貝中插入布局表格并設(shè)置文本樣式；4.能夠制作交換圖像行為；5 .能夠使用photoshop設(shè)計(jì)簡(jiǎn)單的背景圖片；6 .能夠給網(wǎng)頁(yè)的圖片添加顯示/漸隱行為；7.能夠制作打開瀏覽器窗口行為。重點(diǎn)：Photoshop油漆桶工具使用；在網(wǎng)頁(yè)中添加交換圖像行為；在網(wǎng)頁(yè)中添加顯示/漸隱行為；在網(wǎng)頁(yè)中添加打開瀏覽器窗口行為。難點(diǎn)：使用photoshop設(shè)#長(zhǎng)背景圖片；在網(wǎng)頁(yè)中給圖片添加顯示/漸隱藏行為。對(duì)策

13、：相關(guān)知識(shí)學(xué)習(xí)、任務(wù)實(shí)施、小組協(xié)作、項(xiàng)目實(shí)訓(xùn)。6十四37-39項(xiàng)目十三HTML基礎(chǔ)知識(shí)目標(biāo)：1.了解HTML概念、基本結(jié)構(gòu)、長(zhǎng)度重點(diǎn)：HTMLI勺基本結(jié)構(gòu)、幾種常見HTML6和顏色的表示、幾種常見的HTMLfe簽的使用；2.了解photoshop中裁剪工具的使用方法。能力目標(biāo)：1.能夠完成網(wǎng)站文件夾及子文件夾的創(chuàng)建；2.能夠使用HTML代碼添加背景顏色和網(wǎng)頁(yè)標(biāo)題；3.能夠使用HTML代碼在網(wǎng)頁(yè)中顯示文字；4.能夠使用HTML代碼在網(wǎng)頁(yè)中插入一條水平線；5.能夠使用HTML代碼在網(wǎng)頁(yè)中插入版權(quán)符號(hào)；6.能夠使用Photoshop中的裁剪工具制作素材；7.能夠使用HTML代碼在網(wǎng)頁(yè)中插入表格；8.

14、能夠使用HTML代碼在網(wǎng)頁(yè)中顯示圖像；9.能夠使用HTML代碼指定字符集。標(biāo)簽的使用、使用代碼編寫網(wǎng)頁(yè)；photoshop中裁剪工具的使用；在網(wǎng)頁(yè)中插入文本、圖像、表格、水平線等元素。難點(diǎn)：借用代碼在縮寫網(wǎng)貝。對(duì)策：相關(guān)知識(shí)學(xué)習(xí)、任務(wù)實(shí)施、小組協(xié)作、項(xiàng)目實(shí)訓(xùn)。十五40-42項(xiàng)目十四CSS羊式表知識(shí)目標(biāo)：1.了解CSS的基本概念；2.了解CSS修飾表格、背景的方法；3.photoshop羽化圖像的方法。能力目標(biāo)：1.插入表格、文本、圖片等元素；2.使用Photoshop裁男圖片和制作斜線表頭圖片；3.使用表格布局網(wǎng)頁(yè)；4.使用CSS做出朦朧圖片效果；5.使用CSS樣式控制文本格式；6.使用CSS制作細(xì)線框表格的方法。重點(diǎn)：使用Photoshop裁男圖片和制作斜線表頭圖片；使用表格布局網(wǎng)頁(yè)；使用CSS制作朦朧圖片效果、制作細(xì)線框表格效果。難點(diǎn)：使用Photoshop制作斜線表頭圖片；使用CSS制作細(xì)線框表格效果。對(duì)策：相關(guān)知識(shí)學(xué)習(xí)、任務(wù)實(shí)施、小組協(xié)作、項(xiàng)目實(shí)訓(xùn)。6十六43-45項(xiàng)目十五動(dòng)態(tài)網(wǎng)頁(yè)基礎(chǔ)知識(shí)目標(biāo)：1.了解動(dòng)態(tài)網(wǎng)頁(yè)的相關(guān)基礎(chǔ)知