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

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

2、主任(簽字)年 月 日教 務(wù) 科分管校長(zhǎng)教務(wù)部門(mén)(簽字) 年 月 日分管校長(zhǎng)(簽字)年 月 日課程目標(biāo)： 本課程通過(guò)十五個(gè)項(xiàng)目的制作，使學(xué)生全面掌握網(wǎng)站開(kāi)發(fā)從前臺(tái)設(shè)計(jì)、動(dòng)態(tài)功能模塊實(shí)現(xiàn)到后臺(tái)網(wǎng)站管理的全部知識(shí)，具備獨(dú)立設(shè)計(jì)開(kāi)發(fā)各類(lèi)網(wǎng)站的能力，進(jìn)而提高學(xué)生的職業(yè)素質(zhì)和崗位競(jìng)爭(zhēng)力。教學(xué)任務(wù)： 根據(jù)專(zhuān)業(yè)課程目標(biāo)的工作任務(wù)要求，以學(xué)生職業(yè)能力培養(yǎng)為重點(diǎn)，注重與后期課程內(nèi)容的銜接，開(kāi)發(fā)了十五個(gè)典型項(xiàng)目，內(nèi)容涵蓋了Dreamweaver的大多數(shù)知識(shí)點(diǎn)，在教學(xué)過(guò)程中，引導(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é)重

3、難點(diǎn)、教學(xué)方法、教學(xué)資源及其他課時(shí)作業(yè)一1-3項(xiàng)目一 Dreamweaver CS5基礎(chǔ)知識(shí)目標(biāo)：1.了解Dreamweaver、Photoshop及Flash的相關(guān)知識(shí)；2. 了解Dreamweaver CS5的安裝。能力目標(biāo)：1. 初步掌握Photoshop CS5文字工具組中“橫向文字工具”的使用；2.利用Photoshop CS5制作圖像文件；3.新建網(wǎng)頁(yè)文件；4.在網(wǎng)頁(yè)中插入圖像。重點(diǎn)：了解Dreamweaver、Photoshop及Flash的相關(guān)知識(shí)；Photoshop CS5文字工具組中“橫向文字工具”的使用；利用Photoshop CS5制作圖像文件；在網(wǎng)頁(yè)中插入圖像。難點(diǎn)：

4、Photoshop CS5文字工具組中“橫向文字工具”的使用；對(duì)策：相關(guān)知識(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è)通過(guò)服務(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.新

5、建和管理站點(diǎn)；2. 網(wǎng)站的發(fā)布測(cè)試。對(duì)策：相關(guān)知識(shí)學(xué)習(xí)、任務(wù)實(shí)施、小組協(xié)作、項(xiàng)目實(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)頁(yè)中添加文本；4. 能夠在網(wǎng)頁(yè)中插入水平線、版權(quán)信息及列表元素；5. 能夠使用背景圖片美化網(wǎng)頁(yè)效果。重點(diǎn)：Photoshop磁性套索工具的使用；在網(wǎng)頁(yè)中插入列表元素。難點(diǎn)：列表項(xiàng)目屬性設(shè)置。對(duì)策：相關(guān)知識(shí)學(xué)習(xí)、任務(wù)實(shí)施、小組協(xié)作、項(xiàng)目實(shí)訓(xùn)。6隨堂四10-12項(xiàng)目四 圖像的插入與編輯知識(shí)目標(biāo)：1.了解網(wǎng)頁(yè)中常見(jiàn)的圖像格式；2.

6、了解Photoshop魔棒工具；3.了解photoshop批處理技術(shù)。能力目標(biāo)：1.能夠完成網(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)目五 插入

7、多媒體元素知識(shí)目標(biāo)：1.了解Photoshop文字工具組；2.了解<bgsound> 標(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. 能夠在代碼視圖中輸入代碼，插入背景音樂(lè)。重點(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ó)慶節(jié)七16-18項(xiàng)目六 表格處理與網(wǎng)頁(yè)布局知識(shí)目標(biāo)：1.了解表格及表格對(duì)象，表格屬性設(shè)置，表格的編輯等；2.了解Phot

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

9、了解各種超級(jí)鏈接的相關(guān)知識(shí)。能力目標(biāo)：1. Photoshop畫(huà)筆的使用和載入畫(huà)筆的方法；2. 文字與網(wǎng)頁(yè)之間的連接；3. 圖片上的熱點(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

10、.能夠根據(jù)需要設(shè)置框架網(wǎng)頁(yè)的超鏈接目標(biāo)。重點(diǎn)：Photoshop鉛筆工具的使用；框架網(wǎng)頁(yè)的保存。難點(diǎn)：框架網(wǎng)頁(yè)超鏈接目標(biāo)設(shè)置。對(duì)策：相關(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)工具修飾圖片素材；3.能夠完成模板頁(yè)的創(chuàng)建；4. 能夠完成可編輯區(qū)域的創(chuàng)建；5.能夠使用模板創(chuàng)建網(wǎng)頁(yè)。重點(diǎn)：Photoshop錨點(diǎn)工具的使用；模板的創(chuàng)建及使用。難點(diǎn)：可編輯區(qū)域的創(chuàng)建。對(duì)策：相關(guān)知識(shí)學(xué)習(xí)、任務(wù)實(shí)施、小組協(xié)作、項(xiàng)目實(shí)訓(xùn)。6資料修改與刪除

11、功能頁(yè)面十一28-30項(xiàng)目十 庫(kù)的創(chuàng)建和使用知識(shí)目標(biāo)：1.了解Photoshop鋼筆工具；2.了解庫(kù)項(xiàng)目。能力目標(biāo)：1.能夠完成網(wǎng)站文件夾及子文件夾的創(chuàng)建；2.能夠完成路徑文字的制作；3.能夠創(chuàng)建庫(kù)項(xiàng)目上；4.利用庫(kù)項(xiàng)目更新網(wǎng)頁(yè)。重點(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)目十一 AP Div的應(yīng)用知識(shí)目標(biāo)：1.了解Photoshop圖層面板；2.了解AP Div的使用。 能力目標(biāo)：1.能夠完成網(wǎng)站文件夾及子文件夾的創(chuàng)建；2.能夠完成網(wǎng)頁(yè)標(biāo)題圖片的制作；3.能夠在網(wǎng)頁(yè)中插入AP Div；4.能夠

12、在AP中添加文本等。重點(diǎn)：Photoshop圖去面板的使用；在網(wǎng)頁(yè)中插入AP Div。難點(diǎn)：AP Div的編輯。對(duì)策：相關(guān)知識(shí)學(xué)習(xí)、任務(wù)實(shí)施、小組協(xié)作、項(xiàng)目實(shí)訓(xùn)。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)頁(yè)中插入布局表格并設(shè)置文本樣式；4. 能夠制作交換圖像行為；5.能夠使用photoshop設(shè)計(jì)簡(jiǎn)單的背景圖片；6. 能夠給網(wǎng)頁(yè)的圖片添加顯示/漸隱行為；7.能夠制作打開(kāi)瀏覽器窗口行為。重點(diǎn)：Photoshop油漆桶工具使用；在

13、網(wǎng)頁(yè)中添加交換圖像行為；在網(wǎng)頁(yè)中添加顯示/漸隱行為；在網(wǎng)頁(yè)中添加打開(kāi)瀏覽器窗口行為。難點(diǎn)：使用photoshop設(shè)計(jì)一張背景圖片；在網(wǎng)頁(yè)中給圖片添加顯示/漸隱藏行為。對(duì)策：相關(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)度和顏色的表示、幾種常見(jiàn)的HTML標(biāo)簽的使用；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.能夠使用HT

14、ML代碼在網(wǎng)頁(yè)中插入版權(quán)符號(hào)；6. 能夠使用Photoshop中的裁剪工具制作素材；7.能夠使用HTML代碼在網(wǎng)頁(yè)中插入表格；8.能夠使用HTML代碼在網(wǎng)頁(yè)中顯示圖像；9.能夠使用HTML代碼指定字符集。重點(diǎn)：HTML的基本結(jié)構(gòu)、幾種常見(jiàn)HTML標(biāo)簽的使用、使用代碼編寫(xiě)網(wǎng)頁(yè)；photoshop中裁剪工具的使用；在網(wǎng)頁(yè)中插入文本、圖像、表格、水平線等元素。難點(diǎn)：借用代碼在縮寫(xiě)網(wǎng)頁(yè)。對(duì)策：相關(guān)知識(shí)學(xué)習(xí)、任務(wù)實(shí)施、小組協(xié)作、項(xiàng)目實(shí)訓(xùn)。6十五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)基