國家中等職業(yè)教育改革發(fā)展示范學(xué)校項目建設(shè)材料

目錄

I

一、Dreamweaver網(wǎng)頁制作課程標(biāo)準(zhǔn)X

1

（一）課程性質(zhì)..................1

1

（二）職業(yè)活動..................1

1

（三）課程目標(biāo)..................1

（四）課程內(nèi)容..................

o

（五）課程實(shí)施條件.............o

O

（六）教學(xué)組織與方法...........O

4

-

（七）教學(xué)材料..................27

（A）教學(xué)評價..................27

（九）課程資源開發(fā)與利用.......27

（十）職業(yè)基本素養(yǎng).............27

（十一）附錄.....................32

二、3dsmax課程標(biāo)準(zhǔn)............32

（一）課程性質(zhì)...................32

（二）職業(yè)活動32

（三）課程目標(biāo)....33

（四）課程內(nèi)容....33

（五）課程實(shí)施條件34

（六）教學(xué)組織與方法....34

（七）教學(xué)材料...........54

（八）教學(xué)評價...........55

（九）課程資源開發(fā)與利用55

（十）職業(yè)基本素養(yǎng)....55

（十一）附錄...........60

三、Photoshop課程標(biāo)準(zhǔn)60

（一）課程性質(zhì)60

（二）職業(yè)活動..........60

（三）課程目標(biāo)...........61

（四）課程內(nèi)容...........61

（五）課程實(shí)施條件.....62

（六）教學(xué)組織與方法....63

（七）教學(xué)材料...........85

（八）教學(xué)評價..........86

（九）課程資源開發(fā)與利用

（十一）附錄..................................86

四、計算機(jī)組裝與維護(hù)課程標(biāo)準(zhǔn).................90

（一）課程性質(zhì)...............................90

（二）職業(yè)活動...............................90

（三）課程目標(biāo)................................91

（四）課程內(nèi)容................................91

（五）課程實(shí)施條件...........................92

（六）教學(xué)組織與方法.........................92

（七）教學(xué)材料...............................92

（八）教學(xué)評價..............................117

（九）課程資源開發(fā)與利用....................118

（十）職業(yè)基本素養(yǎng)..........................119

（H-）附錄.................................119

計算機(jī)應(yīng)用專業(yè)核心課程標(biāo)準(zhǔn)

Dreamweaver網(wǎng)頁制作課程標(biāo)準(zhǔn)

一、課程性質(zhì)

1.課程定位

依據(jù)計算機(jī)應(yīng)用專業(yè)人才培養(yǎng)目標(biāo)，通過企業(yè)調(diào)研、畢業(yè)生調(diào)研，

以及召開“實(shí)踐專家訪談會”研討，再經(jīng)由專業(yè)帶頭人、骨干教師、

企業(yè)技術(shù)人員組成的工作小組分析，本學(xué)習(xí)領(lǐng)域?qū)?yīng)的典型工作任務(wù)

為：網(wǎng)站整體策劃與設(shè)計、應(yīng)用表格布局頁面制作網(wǎng)頁、應(yīng)用Div+CSS

布局頁面制作網(wǎng)頁、網(wǎng)站發(fā)布。

2.課程任務(wù)

本課程是計算機(jī)應(yīng)用專業(yè)的一門主干專業(yè)課程。主要培養(yǎng)學(xué)生從

事網(wǎng)頁設(shè)計與制作的基本技能，使學(xué)生掌握網(wǎng)頁設(shè)計的概念和方法，

能夠運(yùn)用專業(yè)的網(wǎng)頁工具，進(jìn)行網(wǎng)站規(guī)劃、網(wǎng)站創(chuàng)建和維護(hù)，具備網(wǎng)

頁設(shè)計、網(wǎng)站維護(hù)等崗位的職業(yè)技術(shù)能力。

通過本課程的學(xué)習(xí)，學(xué)生能掌握網(wǎng)頁設(shè)計必備的基礎(chǔ)知識、在學(xué)

習(xí)情境中培養(yǎng)學(xué)生網(wǎng)頁設(shè)計崗位的職業(yè)技能，培養(yǎng)學(xué)生的網(wǎng)頁設(shè)計職

業(yè)素養(yǎng)和職業(yè)能力。

二、職業(yè)活動

1.職業(yè)活動

針對網(wǎng)頁設(shè)計師工作崗位的典型職業(yè)活動是：網(wǎng)站整體策劃與設(shè)

計、應(yīng)用表格、Div+CSS布局頁面制作網(wǎng)頁、網(wǎng)站發(fā)布。針對網(wǎng)絡(luò)管

理員工作崗位的典型職業(yè)活動是：企業(yè)網(wǎng)絡(luò)的規(guī)劃設(shè)計布線與測試、

服務(wù)器的安裝與維護(hù)、網(wǎng)絡(luò)設(shè)備的管理與維護(hù)。

2.職業(yè)活動與課程內(nèi)容對應(yīng)關(guān)系

《任務(wù)引領(lǐng)課程改革系列教材:Dreamweaver網(wǎng)頁制作（第2版）》

按照''以服務(wù)為宗旨，以就業(yè)為導(dǎo)向”的指導(dǎo)思想，采用“行動導(dǎo)向、

任務(wù)驅(qū)動”的方法，通過詳細(xì)描述網(wǎng)站的實(shí)際開發(fā)過程，有的放矢、

循序漸進(jìn)地介紹DreamweaverCS5網(wǎng)頁制作軟件的相關(guān)知識與技巧。

內(nèi)容涉及網(wǎng)站的創(chuàng)建與管理、網(wǎng)頁中文本、圖像的添加與編輯、CSS

規(guī)則的應(yīng)用、表格與框架、Div+CSS頁面布局、超級鏈接、APDiv與

行為、表單、模板、站點(diǎn)的測試、發(fā)布與維護(hù)以及HTML基礎(chǔ)知識等。

《任務(wù)引領(lǐng)課程改革系列教材:Dreamweaver網(wǎng)頁制作（第2版）》注

重啟發(fā)學(xué)生的學(xué)習(xí)興趣，內(nèi)容精練、編排合理、便于理解。對網(wǎng)頁制

作過程中的知識點(diǎn)及注意事項進(jìn)行了系統(tǒng)、清晰的分析與歸納，極大

地減少了讀者學(xué)習(xí)網(wǎng)頁制作的困難。

三、課程目標(biāo)

1.職業(yè)關(guān)鍵能力

能夠進(jìn)行網(wǎng)站的實(shí)際開發(fā)，有的放矢、循序漸進(jìn)地介紹

DreamweaverCS5網(wǎng)頁制作軟件的相關(guān)知識與技巧。

2,職業(yè)專門能力

能夠進(jìn)行網(wǎng)站的創(chuàng)建與管理、網(wǎng)頁中文本、圖像的添加與編輯、

CSS規(guī)則的應(yīng)用、表格與框架、Div+CSS的頁面布局、超級鏈接、APDiv

與行為、表單、模板、站點(diǎn)的測試、發(fā)布與維護(hù)以及HTML基礎(chǔ)知識

等。

3.方法能力

以任務(wù)引領(lǐng)教學(xué)方法核心，演示講解、微課學(xué)習(xí)、討論探究相結(jié)

合。

4.社會能力

本課程是計算機(jī)應(yīng)用專業(yè)的一門專業(yè)課程。主要培養(yǎng)學(xué)生從事網(wǎng)

頁設(shè)計與制作的基本技能，使學(xué)生掌握網(wǎng)頁設(shè)計的概念和方法，能夠

運(yùn)用專業(yè)的網(wǎng)頁工具，進(jìn)行網(wǎng)站規(guī)劃、網(wǎng)站建立和維護(hù)，具備網(wǎng)頁設(shè)

計、網(wǎng)站維護(hù)等崗位的職業(yè)技術(shù)能力。

四、課程內(nèi)容

表格1課程內(nèi)容

網(wǎng)站，網(wǎng)站需要說明書，階段工作記錄

工作對象工

網(wǎng)站整體策劃與設(shè)計、創(chuàng)建與管理站點(diǎn)、制作網(wǎng)頁、修改與維護(hù)網(wǎng)頁、制作

作題材

網(wǎng)站模板和利用網(wǎng)站模板制作網(wǎng)頁

計算機(jī)

互聯(lián)網(wǎng)

工具DreamweaverCS5軟件

Photoshop軟件

上傳下載軟件

與部門經(jīng)理進(jìn)行溝通，確定要制作或維護(hù)的網(wǎng)站內(nèi)容，并進(jìn)行記錄。

工作方法

完成工作任務(wù)，上交到部門經(jīng)理進(jìn)行確認(rèn)，如有需要再進(jìn)行修改。

部門經(jīng)理組織成員根據(jù)客戶需求進(jìn)行網(wǎng)站整體策劃和設(shè)計，并為每位成員分

配網(wǎng)站開發(fā)任務(wù)。

勞動組織

組內(nèi)成員進(jìn)行網(wǎng)頁開發(fā)，開發(fā)完后由部門經(jīng)理組織整合完成。

部門經(jīng)理安排網(wǎng)頁維護(hù)任務(wù)，成員完成。

與部門經(jīng)理和同事經(jīng)常進(jìn)行溝通，互相協(xié)作。

清楚開發(fā)需求，按需求完成工作任務(wù)。

工作要求

按進(jìn)度要求完成工作任務(wù)。

生成開發(fā)文檔，記錄開發(fā)過程和開發(fā)思路。

2

五、課程實(shí)施條件

1.人員條件

本課程的大部分授課教師沒有實(shí)際從業(yè)經(jīng)歷，對相關(guān)工作情況沒

有透徹了解，為此需外聘行業(yè)專家對團(tuán)隊教師進(jìn)行培訓(xùn)，著力培養(yǎng)網(wǎng)

頁美工及網(wǎng)頁設(shè)計等相關(guān)知識點(diǎn)的深度和廣度，通過培訓(xùn)要求教師具

備專業(yè)實(shí)訓(xùn)室設(shè)備的操控能力，另外從企業(yè)選聘2?3名一線骨干技

術(shù)人員作為企業(yè)兼職教師，主要教授學(xué)生的實(shí)踐課程。

2.環(huán)境條件

(1)網(wǎng)絡(luò)環(huán)境建設(shè)：建立教師空間，內(nèi)容包括教輔材料、視頻

材料、課程錄像、網(wǎng)上輔導(dǎo)等。

(2)硬件環(huán)境建設(shè)：進(jìn)一步完善綜合實(shí)訓(xùn)室的硬件建設(shè)，依據(jù)

現(xiàn)有的硬件條件，建立多種實(shí)習(xí)實(shí)訓(xùn)案例應(yīng)用，在條件許可的情況下,

增加廣告公司常用設(shè)備，建立綜合實(shí)訓(xùn)，增加每個學(xué)生實(shí)踐教學(xué)的受

益面。

六、教學(xué)組織與方法

1.教學(xué)方法和教學(xué)手段強(qiáng)調(diào)教學(xué)過程中的實(shí)踐性、開放性、職業(yè)

性

Dreamweaver網(wǎng)頁制作是計算機(jī)工作人員的通用基本能力，本課

程從網(wǎng)頁制作行業(yè)的實(shí)際出發(fā)，采用“行動導(dǎo)向、任務(wù)驅(qū)動”的方式,

使學(xué)生在實(shí)際操作中掌握靜態(tài)網(wǎng)站開發(fā)的工作流程與制作技巧，熟練

掌握創(chuàng)建管理站點(diǎn)、插入頁面元素、表格布局、CSS+DIV布局、框架

結(jié)構(gòu)、超級鏈接、熱區(qū)等基本技能及相應(yīng)基礎(chǔ)知識，熟悉HTML代碼,

體會網(wǎng)站運(yùn)作的原理，逐步養(yǎng)成愛崗敬業(yè)、樂于學(xué)習(xí)，團(tuán)隊協(xié)作、互

相幫助，循序漸進(jìn)、步步為營，愛護(hù)公物、清潔衛(wèi)生等良好的職業(yè)素

養(yǎng)。

表格2教學(xué)方法

1學(xué)習(xí)任務(wù)學(xué)時教學(xué)方法任務(wù)屬性學(xué)期

1創(chuàng)建與管理站點(diǎn)8任務(wù)教學(xué)開放性1

2制作網(wǎng)站首頁10任務(wù)教學(xué)開放性1

3制作“作品展示”網(wǎng)頁14任務(wù)教學(xué)開放性1

4制作“心情日記”網(wǎng)頁14任務(wù)教學(xué)開放性1

5制作“家鄉(xiāng)山水”網(wǎng)頁14任務(wù)教學(xué)開放性1

6制作''訪客信息”網(wǎng)頁14任務(wù)教學(xué)開放性1

7制作“專業(yè)教程”網(wǎng)頁14任務(wù)教學(xué)開放性1

8模板應(yīng)用及發(fā)布14任務(wù)教學(xué)開放性1

9了解HTML代碼14講練結(jié)合教學(xué)法封閉性1

10制作燕趙市宏泰包裝有限公司網(wǎng)站14項目教學(xué)法導(dǎo)向性1

11制作數(shù)碼新天地有限公司網(wǎng)站14項目教學(xué)法導(dǎo)向性1

3

2.現(xiàn)代化教學(xué)手段的運(yùn)用

信息資源含教材、教案、微課、課件、工作頁、在線考試平臺等;

理實(shí)一體課堂教學(xué)；人員資源包括專業(yè)指導(dǎo)教師1人，學(xué)生按5-6人

一組。

七、教學(xué)材料

1.學(xué)案與教材

由王樹平教授主編的（Dreamweaver網(wǎng)頁制作》共11個單元，

前8個單元圍繞一個網(wǎng)站建設(shè)實(shí)例展開，采用循序漸進(jìn)的方法，按照

由易到難、由部分到整體的原則，詳細(xì)描述了網(wǎng)站的開發(fā)過程，介紹

了網(wǎng)頁制作的各種知識、技能和注意事項。其中第七單元通過“專業(yè)

教程”欄目的制作，詳細(xì)介紹了Div+CSS布局的技術(shù)和技巧。第九單

元采用知識講授與案例教學(xué)相結(jié)合的方法，對常用的HTML的標(biāo)簽以

及在DreamweaverCS5中編輯HTML代碼的常用方法進(jìn)行了介紹，為

進(jìn)一步學(xué)習(xí)動態(tài)網(wǎng)頁提供了必要的知識。第十、十一單元運(yùn)用前面學(xué)

過的知識，分別采用表格布局、Div+CSS布局制作了兩個網(wǎng)站，系統(tǒng)

全面的介紹了網(wǎng)站建設(shè)的實(shí)際開發(fā)流程及常用手法與技巧。

表格3學(xué)習(xí)任務(wù)設(shè)計1

學(xué)習(xí)任務(wù)1創(chuàng)建與管理站點(diǎn)學(xué)習(xí)時間8學(xué)時

教學(xué)方法任務(wù)教學(xué)任務(wù)屬性開放性

任務(wù)描述

本任務(wù)使用網(wǎng)頁編輯軟件DreamweaverCS5創(chuàng)建“幽幽我心的個人網(wǎng)站”站點(diǎn)，規(guī)劃網(wǎng)

站目錄結(jié)構(gòu)，建立站點(diǎn)文件夾“D:\mysite”。使用“文件”面板，實(shí)現(xiàn)網(wǎng)站目錄結(jié)構(gòu)，管理

站點(diǎn)內(nèi)的文件，為后面單元的網(wǎng)頁制作做好準(zhǔn)備。

學(xué)習(xí)目標(biāo)

1.掌握瀏覽網(wǎng)頁的方法，能夠根據(jù)需要查找不同主題類型的網(wǎng)站，能夠為網(wǎng)站規(guī)劃目錄

結(jié)構(gòu)。

2.掌握DreamweaverCS5的啟動，并能使用它的站點(diǎn)管理功能創(chuàng)建網(wǎng)站站點(diǎn)。通過幫助

或搜索引擎等查詢學(xué)習(xí)過程中出現(xiàn)的的概念和定義，掌握獲得相關(guān)信息的方法。

3.能夠使用DreamweaverCS5對站點(diǎn)進(jìn)行管理。通過幫助或搜索引擎等查詢學(xué)習(xí)過程中

出現(xiàn)的概念和定義，掌握獲得相關(guān)信息的方法。

4.能夠根據(jù)具體需求創(chuàng)建站點(diǎn)目錄和網(wǎng)頁，并設(shè)置頁面屬性。

學(xué)習(xí)內(nèi)容

4

1.網(wǎng)站主題類型。

2.DreamweaverCS5的操作界面。

3.網(wǎng)站的欄目與目錄結(jié)構(gòu)的對應(yīng)關(guān)系。

4.DreamweaverCS5的啟動、起始頁的作用

5.DreamweaverCS5”文件”面板組的使用方法

6.站點(diǎn)的復(fù)制、刪除、編輯、導(dǎo)入、導(dǎo)出。

7.網(wǎng)頁文件命名的規(guī)則。

8.使用“頁面屬性”對話框設(shè)置網(wǎng)頁的頁面屬性。

9.使用“文件面板”新建、打開、刪除、復(fù)制、剪切、粘貼、重命名網(wǎng)頁或文件夾。

學(xué)習(xí)環(huán)境及教學(xué)設(shè)備

工作環(huán)境：多媒體機(jī)房，內(nèi)設(shè)投影、計算機(jī)、音箱設(shè)備。計算機(jī)內(nèi)安裝有Dreamweaver

CS5、PhotoShop軟件、教學(xué)對媒體系統(tǒng)，以及相應(yīng)教案和課件等相關(guān)軟件。

工作設(shè)備：計算機(jī)、DreamweaverCS5軟件

企業(yè)工作情景描述

和客戶（教師）進(jìn)行溝通，溝通內(nèi)容為：（1）開發(fā)網(wǎng)站的目的，網(wǎng)站運(yùn)營模式，網(wǎng)站功

能、欄目、板塊。（2）了解客戶所掌握的知識結(jié)構(gòu)。（3）引導(dǎo)客戶提出更加具體的要求。（4）

了解客戶網(wǎng)站預(yù)算。（5）根據(jù)客戶預(yù)算和提出的相關(guān)功能要求以及工期來定制報價。

根據(jù)和客戶溝通，生成需求分析文檔，創(chuàng)建站點(diǎn)和站點(diǎn)目錄。

學(xué)習(xí)組織形式

學(xué)習(xí)流程圖

課業(yè)評價

5

1.各小組根據(jù)本任務(wù)《配分評分標(biāo)準(zhǔn)》進(jìn)行自評。

2.各小組之間根據(jù)本任務(wù)《配分評分標(biāo)準(zhǔn)》互相評價交流。

3.教師根據(jù)本任務(wù)《配分評分標(biāo)準(zhǔn)》及制作過程進(jìn)行綜合評價。

《配分評分標(biāo)準(zhǔn)》

編號內(nèi)容分?jǐn)?shù)

1創(chuàng)建網(wǎng)站站點(diǎn)30

2創(chuàng)建站點(diǎn)目錄40

3創(chuàng)建空白網(wǎng)頁30

表格4學(xué)習(xí)任務(wù)設(shè)計2

學(xué)習(xí)任務(wù)2制作網(wǎng)站首頁學(xué)習(xí)時間10學(xué)時

教學(xué)方法任務(wù)教學(xué)任務(wù)屬性開放性

任務(wù)描述

本任務(wù)將制作“幽幽我心個人網(wǎng)站”的首頁，在網(wǎng)頁中添加文本、圖像、水平分隔線與

列表，使用CSS設(shè)置文本、圖像和頁面等的樣式。學(xué)習(xí)添加和編輯文本、圖像、水平分隔線

與列表的方法，CSS樣式的定義、應(yīng)用、修改、刪除等功能。

學(xué)習(xí)目標(biāo)

1.掌握添加和編輯網(wǎng)頁文本的基本操作，能夠根據(jù)具體需求添加網(wǎng)頁文本內(nèi)容。

2.能夠根據(jù)具體需求進(jìn)行文本各種屬性及樣式的編輯與設(shè)置。

3.能夠根據(jù)具體情況在指定位置靈活高效地插入圖像并進(jìn)行必要的編輯。

4.能夠使用CSS樣式面板進(jìn)行樣式的設(shè)置，區(qū)分使用“類”樣式與“標(biāo)簽”樣式。

學(xué)習(xí)內(nèi)容

1.修改網(wǎng)頁標(biāo)題，在網(wǎng)頁中添加文本，分段換行和段內(nèi)換行，輸入連續(xù)空格，保存和預(yù)

覽網(wǎng)頁等。

2.文本樣式設(shè)置與應(yīng)用，修改文本樣式，添加水平分隔線與列表知識。

3.在網(wǎng)頁中插入圖像和編輯圖像

4.創(chuàng)建、修改、應(yīng)用CSS樣式

6

學(xué)習(xí)環(huán)境及教學(xué)設(shè)備

工作環(huán)境：多媒體機(jī)房，內(nèi)設(shè)投影、計算機(jī)、音箱設(shè)備。計算機(jī)內(nèi)安裝有Dreamweaver

CS5、PhotoShop軟件、教學(xué)對媒體系統(tǒng)，以及相應(yīng)教案和課件等相關(guān)軟件。

工作設(shè)備：計算機(jī)、DreamweaverCS5軟件

企業(yè)工作情景描述

在接到客戶（教師）要求后，小組負(fù)責(zé)人和客戶進(jìn)行交流溝通，明確任務(wù)具體要求，然

后和組內(nèi)成員協(xié)商，討論完成任務(wù)途徑并完成任務(wù)。

學(xué)習(xí)組織形式

學(xué)習(xí)流程圖

課業(yè)評價

1.各小組根據(jù)本任務(wù)《配分評分標(biāo)準(zhǔn)》進(jìn)行自評。

2.各小組之間根據(jù)本任務(wù)《配分評分標(biāo)準(zhǔn)》互相評價交流。

3.教師根據(jù)本任務(wù)《配分評分標(biāo)準(zhǔn)》及制作過程進(jìn)行綜合評價。

《配分評分標(biāo)準(zhǔn)》

7

編號內(nèi)容分?jǐn)?shù)

1作品能夠?qū)崿F(xiàn)所要求的主要功能30

2所有網(wǎng)頁具有一致或類似的風(fēng)格、界面美觀，20

網(wǎng)頁布局合理

3作品運(yùn)行情況良好30

4作品用到的技術(shù)全面10

5有自己的創(chuàng)意10

表格5學(xué)習(xí)任務(wù)設(shè)計3

制作“作品展示”網(wǎng)

學(xué)習(xí)任務(wù)3學(xué)習(xí)時間14學(xué)時

頁

教學(xué)方法任務(wù)教學(xué)任務(wù)屬性開放性

任務(wù)描述

本任務(wù)通過制作''作品展示”網(wǎng)頁，實(shí)現(xiàn)網(wǎng)頁作品、Flash作品、3D作品的展示，介紹

創(chuàng)建、編輯表格的方法和技巧，在表格中添加內(nèi)容，以及各種超級鏈接的方法。

學(xué)習(xí)目標(biāo)

1.掌握表的創(chuàng)建和編輯，能夠根據(jù)具體需求靈活應(yīng)用表格，并能利用表格進(jìn)行頁面布局

和排版。

2.掌握表格編輯。

3.掌握在表格中添加內(nèi)容并設(shè)置格式。

4.掌握在DreamweaverCS5中為網(wǎng)頁元素建立各種超級鏈接，并能根據(jù)具體需求進(jìn)行靈

活應(yīng)用。

學(xué)習(xí)內(nèi)容

1.表格在網(wǎng)頁設(shè)計中的作用。

2.利用表格布局頁面。

3.創(chuàng)建表格的基本方法。

4.選擇單元格、表格，設(shè)置表格屬性、單元格屬性。

5.表格的基本操作：如合并、拆分單元格，添加、刪除行或列，調(diào)整行高、列寬。

6.掌握在單元格中插入文字、圖片，設(shè)置文字、圖片格式。

7.超級鏈接的含義，超級鏈接中的鏈接源和鏈接目標(biāo)。

8.建立各種超級鏈接。

學(xué)習(xí)環(huán)境及教學(xué)設(shè)備

8

工作環(huán)境：多媒體機(jī)房，內(nèi)設(shè)投影、計算機(jī)、音箱設(shè)備。計算機(jī)內(nèi)安裝有Dreamweaver

CS5、PhotoShop軟件、教學(xué)對媒體系統(tǒng)，以及相應(yīng)教案和課件等相關(guān)軟件。

工作設(shè)備：計算機(jī)、DreamweaverCS5軟件

企業(yè)工作情景描述

在接到客戶（教師）要求后，小組負(fù)責(zé)人和客戶進(jìn)行交流溝通，明確任務(wù)具體要求，然

后和組內(nèi)成員協(xié)商，討論完成任務(wù)途徑并完成任務(wù)。

學(xué)習(xí)組織形式

學(xué)習(xí)流程圖

課業(yè)評價

1.各小組根據(jù)本任務(wù)《配分評分標(biāo)準(zhǔn)》進(jìn)行自評。

2.各小組之間根據(jù)本任務(wù)《配分評分標(biāo)準(zhǔn)》互相評價交流。

3.教師根據(jù)本任務(wù)《配分評分標(biāo)準(zhǔn)》及制作過程進(jìn)行綜合評價。

《配分評分標(biāo)準(zhǔn)》

9

編號內(nèi)容分?jǐn)?shù)

1作品能夠?qū)崿F(xiàn)所要求的主要功能30

2所有網(wǎng)頁具有一致或類似的風(fēng)格、界面美觀，20

網(wǎng)頁布局合理

3作品運(yùn)行情況良好30

4作品用到的技術(shù)全面10

5有自己的創(chuàng)意10

表格6學(xué)習(xí)任務(wù)設(shè)計4

制作“心情日記”網(wǎng)

學(xué)習(xí)任務(wù)4學(xué)習(xí)時間14學(xué)時

頁

教學(xué)方法任務(wù)教學(xué)任務(wù)屬性開放性

任務(wù)描述

本任務(wù)將完成“幽幽我心的個人網(wǎng)站"中“心情日記”欄目的制作，在網(wǎng)頁中添加框架，

在框架中添加內(nèi)容并進(jìn)行編輯，設(shè)置超級鏈接。介紹框架與框架集的創(chuàng)建、保存、刪除以及

屬性的設(shè)置，建立框架頁之間的聯(lián)系，插入多媒體文件。

學(xué)習(xí)目標(biāo)

1.能夠利用框架布局頁面，設(shè)置框架屬性。

2.掌握利用框架和鏈接實(shí)現(xiàn)在同一瀏覽器窗口中顯示多個網(wǎng)頁內(nèi)容。

3.能夠在網(wǎng)頁中插入多媒體文件并進(jìn)行參數(shù)設(shè)置。

學(xué)習(xí)內(nèi)容

1.框架的含義。

2.框架集的創(chuàng)建、選擇，屬性設(shè)置。

3.框架的選擇、屬性設(shè)置。

4.框架中超鏈接的設(shè)置。

5.多媒體文件的分類。

6.視頻文件在網(wǎng)頁制作中的作用

7.在網(wǎng)頁中插入視頻文件。

8.在網(wǎng)頁中插入FLASH動畫。

學(xué)習(xí)環(huán)境及教學(xué)設(shè)備

10

工作環(huán)境：多媒體機(jī)房，內(nèi)設(shè)投影、計算機(jī)、音箱設(shè)備。計算機(jī)內(nèi)安裝有Dreamweaver

CS5、PhotoShop軟件、教學(xué)對媒體系統(tǒng)，以及相應(yīng)教案和課件等相關(guān)軟件。

工作設(shè)備：計算機(jī)、DreamweaverCS5軟件

企業(yè)工作情景描述

在接到客戶（教師）要求后，小組負(fù)責(zé)人和客戶進(jìn)行交流溝通，明確任務(wù)具體要求，然

后和組內(nèi)成員協(xié)商，討論完成任務(wù)途徑并完成任務(wù)。

學(xué)習(xí)組織形式

學(xué)習(xí)流程圖

課業(yè)評價

1.各小組根據(jù)本任務(wù)《配分評分標(biāo)準(zhǔn)》進(jìn)行自評。

2.各小組之間根據(jù)本任務(wù)《配分評分標(biāo)準(zhǔn)》互相評價交流。

3.教師根據(jù)本任務(wù)《配分評分標(biāo)準(zhǔn)》及制作過程進(jìn)行綜合評價。

《配分評分標(biāo)準(zhǔn)》

11

編號內(nèi)容分?jǐn)?shù)

1作品能夠?qū)崿F(xiàn)所要求的主要功能30

2所有網(wǎng)頁具有一致或類似的風(fēng)格、界面美觀，20

網(wǎng)頁布局合理

3作品運(yùn)行情況良好30

4作品用到的技術(shù)全面10

5有自己的創(chuàng)意10

表格7學(xué)習(xí)任務(wù)設(shè)計5

制作“家鄉(xiāng)山水”網(wǎng)

學(xué)習(xí)任務(wù)5學(xué)習(xí)時間14學(xué)時

頁

教學(xué)方法任務(wù)教學(xué)任務(wù)屬性開放性

任務(wù)描述

本任務(wù)將制作“幽幽我心的個人網(wǎng)站”中“家鄉(xiāng)山水”欄目，把游覽家鄉(xiāng)山水過程中拍

攝到的圖像以及了解到的景觀信息添加到網(wǎng)站中。整個頁面分為左側(cè)、右上和右下三部分，

左側(cè)放置景區(qū)地圖圖像，右上部放置景區(qū)名稱，右下部顯示景區(qū)圖像及景區(qū)簡介。當(dāng)鼠標(biāo)指

向景區(qū)地圖的一個景區(qū)時，會在光標(biāo)下方顯示對應(yīng)景區(qū)的名稱提示，同時在頁面的右下部顯

示該景區(qū)的風(fēng)景圖像及簡單介紹.當(dāng)鼠標(biāo)單擊一個景區(qū)時，會另外打開一個''景區(qū)介紹”頁

面。通過完成任務(wù)，學(xué)習(xí)創(chuàng)建熱點(diǎn)和錨記鏈接，添加和使用AP元素，行為的原理、“行為”

面板的使用以及行為的添加、修改和刪除等基本操作

學(xué)習(xí)目標(biāo)

1.能夠為圖像添加熱點(diǎn)并設(shè)置熱點(diǎn)的屬性，添加錨記鏈接。

2.掌握使用層在網(wǎng)頁中不同位置定位的方法。

3.掌握在網(wǎng)頁中添加、修改以及刪除層的行為，學(xué)會制作動態(tài)效果網(wǎng)頁。

學(xué)習(xí)內(nèi)容

1.熱點(diǎn)和錨記的概念，錨記名稱的命名規(guī)則。

2.熱點(diǎn)的分類、添加熱點(diǎn)。

3.創(chuàng)建錨記、錨記鏈接。

4A.P元素的概念和作用。

5.插入AP元素，AP元素的基本操作：選中、移動、對齊、調(diào)整大小。

6A.P元素的屬性設(shè)置、在AP元素中添加內(nèi)容。

12

7.行為的原理、“行為”面板的使用。

8.“顯示-隱藏元素”行為、“設(shè)置容器的文本”行為。

9.修改、添加、刪除行為的方法。

學(xué)習(xí)環(huán)境及教學(xué)設(shè)備

工作環(huán)境：多媒體機(jī)房，內(nèi)設(shè)投影、計算機(jī)、音箱設(shè)備。計算機(jī)內(nèi)安裝有Dreamweaver

CS5、PhotoShop軟件、教學(xué)對媒體系統(tǒng)，以及相應(yīng)教案和課件等相關(guān)軟件。

工作設(shè)備：計算機(jī)、DreamweaverCS5軟件

企業(yè)工作情景描述

在接到客戶（教師）要求后，小組負(fù)責(zé)人和客戶進(jìn)行交流溝通，明確任務(wù)具體要求，然

后和組內(nèi)成員協(xié)商，討論完成任務(wù)途徑并完成任務(wù)。

學(xué)習(xí)組織形式

學(xué)習(xí)流程圖

課業(yè)評價

1.各小組根據(jù)本任務(wù)《配分評分標(biāo)準(zhǔn)》進(jìn)行自評。

2.各小組之間根據(jù)本任務(wù)《配分評分標(biāo)準(zhǔn)》互相評價交流。

3.教師根據(jù)本任務(wù)《配分評分標(biāo)準(zhǔn)》及制作過程進(jìn)行綜合評價。

《配分評分標(biāo)準(zhǔn)》

13

編號內(nèi)容分?jǐn)?shù)

1作品能夠?qū)崿F(xiàn)所要求的主要功能30

2所有網(wǎng)頁具有一致或類似的風(fēng)格、界面美觀，20

網(wǎng)頁布局合理

3作品運(yùn)行情況良好30

4作品用到的技術(shù)全面10

5有自己的創(chuàng)意10

表格8學(xué)習(xí)任務(wù)設(shè)計6

制作“訪客信息”網(wǎng)

學(xué)習(xí)任務(wù)6學(xué)習(xí)時間14學(xué)時

頁

教學(xué)方法任務(wù)教學(xué)任務(wù)屬性開放性

任務(wù)描述

本單元將制作一個用于和用戶進(jìn)行交互的“訪客信息”網(wǎng)頁，向網(wǎng)頁插入一個表單，然

后使用表格對“訪客信息”的各個表單元素進(jìn)行布局，設(shè)置“檢查表單”，檢驗表單輸入數(shù)

據(jù)的正確性。學(xué)習(xí)表單頁面制作的基本方法、檢驗表單輸入數(shù)據(jù)正確性的方法。

學(xué)習(xí)目標(biāo)

1.掌握在頁面中插入表單及表單元素、并設(shè)置它們的屬性，為將來利用表單收集客戶信

息做好準(zhǔn)備。

2.能夠使用“檢查表單”對話框?qū)Ρ韱沃械奈谋咀侄?、多行文本區(qū)域等表單元素進(jìn)行輸

入內(nèi)容正確性驗證。

學(xué)習(xí)內(nèi)容

1.表單的作用和用法。

2.在頁面中插入表單、設(shè)置表單屬性。

3.表單元素的作用和用法。

4.在頁面中插入表單元素、設(shè)置表單元素屬性。

5.檢查表單的作用。

6.驗證文本內(nèi)容為“必需的”、驗證文本內(nèi)容必需符合“電子郵件地址二

7.對文本內(nèi)容進(jìn)行其他要求的驗證（例如只能輸入數(shù)字，只能輸入一定范圍的數(shù)字）。

學(xué)習(xí)環(huán)境及教學(xué)設(shè)備

14

工作環(huán)境：多媒體機(jī)房，內(nèi)設(shè)投影、計算機(jī)、音箱設(shè)備。計算機(jī)內(nèi)安裝有Dreamweaver

CS5、PhotoShop軟件、教學(xué)對媒體系統(tǒng)，以及相應(yīng)教案和課件等相關(guān)軟件。

工作設(shè)備：計算機(jī)、DreamweaverCS5軟件

企業(yè)工作情景描述

在接到客戶（教師）要求后，小組負(fù)責(zé)人和客戶進(jìn)行交流溝通，明確任務(wù)具體要求，然

后和組內(nèi)成員協(xié)商，討論完成任務(wù)途徑并完成任務(wù)。

學(xué)習(xí)組織形式

學(xué)習(xí)流程圖

課業(yè)評價

1.各小組根據(jù)本任務(wù)《配分評分標(biāo)準(zhǔn)》進(jìn)行自評。

2.各小組之間根據(jù)本任務(wù)《配分評分標(biāo)準(zhǔn)》互相評價交流。

3.教師根據(jù)本任務(wù)《配分評分標(biāo)準(zhǔn)》及制作過程進(jìn)行綜合評價。

《配分評分標(biāo)準(zhǔn)》

15

編號內(nèi)容分?jǐn)?shù)

1作品能夠?qū)崿F(xiàn)所要求的主要功能30

2所有網(wǎng)頁具有一致或類似的風(fēng)格、界面美觀，20

網(wǎng)頁布局合理

3作品運(yùn)行情況良好30

4作品用到的技術(shù)全面10

5有自己的創(chuàng)意10

表格9學(xué)習(xí)任務(wù)設(shè)計7

制作“專業(yè)教程”網(wǎng)

學(xué)習(xí)任務(wù)7學(xué)習(xí)時間14學(xué)時

頁

教學(xué)方法任務(wù)教學(xué)任務(wù)屬性開放性

任務(wù)描述

本任務(wù)將制作“幽幽我心的個人網(wǎng)站”中的“專業(yè)教程”網(wǎng)頁，首先對網(wǎng)頁進(jìn)行頁面規(guī)

戈然后使用Div來進(jìn)行頁面布局，最后向Div中添加內(nèi)容并設(shè)置樣式。學(xué)習(xí)頁面規(guī)劃的方

法與步驟，添加Div標(biāo)簽、設(shè)置Div樣式以及用Div進(jìn)行頁面布局，將文本、表格、圖像、

Flash文件等網(wǎng)頁元素添加到Div中。

學(xué)習(xí)目標(biāo)

L能夠熟練地根據(jù)網(wǎng)頁效果圖或客戶需求，分析頁面布局，設(shè)計層結(jié)構(gòu)。

2.能夠熟練地根據(jù)頁面布局結(jié)構(gòu)圖，使用Div+CSS技術(shù)進(jìn)行頁面布局。

3.能夠在Div中插入標(biāo)題、圖像、文本、添加鏈接等，并應(yīng)用CSS設(shè)置其樣式。

學(xué)習(xí)內(nèi)容

1.分析頁面布局，設(shè)計層結(jié)構(gòu)。

2.Div標(biāo)簽的作用，為Div命名。

3.添加Div標(biāo)簽，設(shè)置Div樣式。

4.盒子模型。

5.應(yīng)用Div進(jìn)行頁面布局。

6.在Div中插入標(biāo)題、文本、圖像、列表、鏈接。

7.在Div中應(yīng)用CSS?

學(xué)習(xí)環(huán)境及教學(xué)設(shè)備

16

工作環(huán)境：多媒體機(jī)房，內(nèi)設(shè)投影、計算機(jī)、音箱設(shè)備。計算機(jī)內(nèi)安裝有Dreamweaver

CS5、PhotoShop軟件、教學(xué)對媒體系統(tǒng)，以及相應(yīng)教案和課件等相關(guān)軟件。

工作設(shè)備：計算機(jī)、DreamweaverCS5軟件

企業(yè)工作情景描述

在接到客戶（教師）要求后，小組負(fù)責(zé)人和客戶進(jìn)行交流溝通，明確任務(wù)具體要求，然

后和組內(nèi)成員協(xié)商，討論完成任務(wù)途徑并完成任務(wù)。

學(xué)習(xí)組織形式

學(xué)習(xí)流程圖

課業(yè)評價

1.各小組根據(jù)本任務(wù)《配分評分標(biāo)準(zhǔn)》進(jìn)行自評。

2.各小組之間根據(jù)本任務(wù)《配分評分標(biāo)準(zhǔn)》互相評價交流。

3.教師根據(jù)本任務(wù)《配分評分標(biāo)準(zhǔn)》及制作過程進(jìn)行綜合評價。

《配分評分標(biāo)準(zhǔn)》

17

編號內(nèi)容分?jǐn)?shù)

1作品能夠?qū)崿F(xiàn)所要求的主要功能30

2所有網(wǎng)頁具有一致或類似的風(fēng)格、界面美觀，20

網(wǎng)頁布局合理

3作品運(yùn)行情況良好30

4作品用到的技術(shù)全面10

5有自己的創(chuàng)意10

表格10學(xué)習(xí)任務(wù)設(shè)計8

學(xué)習(xí)任務(wù)8模板應(yīng)用及發(fā)布學(xué)習(xí)時間14學(xué)時

教學(xué)方法任務(wù)教學(xué)任務(wù)屬性開放性

任務(wù)描述

本任務(wù)將使用模板把這幾個欄目的網(wǎng)頁進(jìn)行整合，使整個網(wǎng)站的風(fēng)格統(tǒng)一，然后利用

DreamweaverCS5內(nèi)置的上傳功能測試、發(fā)布網(wǎng)站，對網(wǎng)站進(jìn)行維護(hù)。學(xué)習(xí)模板的創(chuàng)建與應(yīng)

用、網(wǎng)站的測試與發(fā)布。

學(xué)習(xí)目標(biāo)

1.能夠熟練地將現(xiàn)有網(wǎng)頁轉(zhuǎn)存為模板文件，并學(xué)會根據(jù)需要靈活地設(shè)定可編輯區(qū)域，增

強(qiáng)利用模板制作統(tǒng)一風(fēng)格頁面的意識。

2.能夠熟練地將模板文件應(yīng)用到已存在的網(wǎng)頁上，并學(xué)會完善模板中的鏈接關(guān)系，統(tǒng)一

整個網(wǎng)站的風(fēng)格

3.掌握測試網(wǎng)站文件內(nèi)容的方法，以便找出其中的錯誤并進(jìn)行改正。

4.能夠申請域名及服務(wù)器空間，上傳、下載網(wǎng)站文件，對網(wǎng)站進(jìn)行推廣宣傳活動。

學(xué)習(xí)內(nèi)容

1.將原有網(wǎng)頁轉(zhuǎn)存為模板文件。

2.添加、設(shè)定、刪除可編輯區(qū)。

3.新建模板文件。

4.將模板文件應(yīng)用到已存在的網(wǎng)頁。

5.完善模板中的鏈接關(guān)系。

6.利用“結(jié)果”面板測試站點(diǎn)內(nèi)的錯誤鏈接、孤立文件。

7.域名和服務(wù)器空間的作用以及申請。

18

8.上傳及下載網(wǎng)站。

學(xué)習(xí)環(huán)境及教學(xué)設(shè)備

工作環(huán)境：多媒體機(jī)房，內(nèi)設(shè)投影、計算機(jī)、音箱設(shè)備。計算機(jī)內(nèi)安裝有Dreamweaver

CS5、PhotoShop軟件、教學(xué)對媒體系統(tǒng)，以及相應(yīng)教案和課件等相關(guān)軟件。

工作設(shè)備：計算機(jī)、互聯(lián)網(wǎng)、DreamweaverCS5軟件、上傳下載軟件

企業(yè)工作情景描述

在接到客戶（教師）要求后，小組負(fù)責(zé)人和客戶進(jìn)行交流溝通，明確任務(wù)具體要求，然

后和組內(nèi)成員協(xié)商，討論完成任務(wù)途徑并完成任務(wù)。

學(xué)習(xí)組織形式

學(xué)習(xí)流程圖

課業(yè)評價

1.各小組根據(jù)本任務(wù)《配分評分標(biāo)準(zhǔn)》進(jìn)行自評。

2.各小組之間根據(jù)本任務(wù)《配分評分標(biāo)準(zhǔn)》互相評價交流。

3.教師根據(jù)本任務(wù)《配分評分標(biāo)準(zhǔn)》及制作過程進(jìn)行綜合評價。

19

《配分評分標(biāo)準(zhǔn)》

編號內(nèi)容分?jǐn)?shù)

1作品能夠?qū)崿F(xiàn)所要求的主要功能30

2所有網(wǎng)頁具有一致或類似的風(fēng)格、界面美觀，20

網(wǎng)頁布局合理

3作品運(yùn)行情況良好30

4作品用到的技術(shù)全面10

5有自己的創(chuàng)意10

表格11學(xué)習(xí)任務(wù)設(shè)計9

學(xué)習(xí)任務(wù)9了解HTML代碼學(xué)習(xí)時間14學(xué)時

教學(xué)方法演練結(jié)合法任務(wù)屬性封閉性

任務(wù)描述

本任務(wù)將介紹什么是HTML代碼，HTML基本的文件結(jié)構(gòu)以及HTML文件的編寫方法，網(wǎng)

頁中常用的HTML標(biāo)簽及其常用屬性，使用代碼編輯網(wǎng)頁的常用方法。

學(xué)習(xí)目標(biāo)

1.知道什么是HTML。

2.能讀懂HTML文檔中htmhhead和body標(biāo)簽的功能用法。

3.會用CSS規(guī)則標(biāo)簽定義頁面中的CSS規(guī)則。

4.會使用標(biāo)題格式、段落、超級鏈接、圖像、水平線和列表標(biāo)簽進(jìn)行相應(yīng)設(shè)置。

5.會使用表格標(biāo)簽、Div標(biāo)簽與CSS規(guī)則、框架及框架集標(biāo)簽進(jìn)行頁面布局。

6.能夠使用HTML代碼修改表格網(wǎng)頁，并學(xué)會使用HTML代碼添加圖像與文本、建立超級

鏈接。

7.能夠使用HTML代碼修改網(wǎng)頁動態(tài)效果，并學(xué)會使用HTML代碼添加圖像與層。

學(xué)習(xí)內(nèi)容

20

1.什么是HTML。

2.HTML最基本的3個標(biāo)簽的功能用法。

3.標(biāo)簽屬性的作用。

4.編輯HTML代碼的方法。

5.head標(biāo)簽中包含的標(biāo)簽的功能用法。

6.body標(biāo)簽中包含的標(biāo)簽的功能用法。

7.使用HTML代碼制作表格。

8.使用HTML代碼設(shè)置表格屬性。

9.使用HTML代碼添加超級鏈接。

10.使用HTML代碼插入圖像和層。

學(xué)習(xí)環(huán)境及教學(xué)設(shè)備

工作環(huán)境：多媒體機(jī)房，內(nèi)設(shè)投影、計算機(jī)、音箱設(shè)備。計算機(jī)內(nèi)安裝有Dreamweaver

CS5、PhotoShop軟件、教學(xué)對媒體系統(tǒng)，以及相應(yīng)教案和課件等相關(guān)軟件。

工作設(shè)備：計算機(jī)、DreamweaverCS5軟件、Photoshop軟件

企業(yè)工作情景描述

在接到客戶（教師）要求后，小組負(fù)責(zé)人和客戶進(jìn)行交流溝通，明確任務(wù)具體要求，然

后和組內(nèi)成員協(xié)商，討論完成任務(wù)途徑并完成任務(wù)。

學(xué)習(xí)組織形式

學(xué)習(xí)流程圖

21

課業(yè)評價

1.各小組根據(jù)本任務(wù)《配分評分標(biāo)準(zhǔn)》進(jìn)行自評。

2.各小組之間根據(jù)本任務(wù)《配分評分標(biāo)準(zhǔn)》互相評價交流。

3.教師根據(jù)本任務(wù)《配分評分標(biāo)準(zhǔn)》及制作過程進(jìn)行綜合評價。

《配分評分標(biāo)準(zhǔn)》

編號內(nèi)容分?jǐn)?shù)

1作品能夠?qū)崿F(xiàn)所要求的主要功能30

2所有網(wǎng)頁具有一致或類似的風(fēng)格、界面美觀，20

網(wǎng)頁布局合理

3作品運(yùn)行情況良好30

4作品用到的技術(shù)全面10

5有自己的創(chuàng)意10

表格12學(xué)習(xí)任務(wù)設(shè)計10

制作燕趙市宏泰包裝有

學(xué)習(xí)任務(wù)10學(xué)習(xí)時間14學(xué)時

限公司網(wǎng)站

教學(xué)方法任務(wù)教學(xué)法任務(wù)屬性導(dǎo)向性

任務(wù)描述

本任務(wù)將通過為客戶“燕趙市宏泰包裝有限公司”制作一個企業(yè)網(wǎng)站，詳細(xì)介紹表格布

局網(wǎng)站的實(shí)際制作過程。

學(xué)習(xí)目標(biāo)

1.掌握網(wǎng)站的開發(fā)過程。

2.掌握創(chuàng)建并應(yīng)用樣式文件。

3.掌握創(chuàng)建模板，并應(yīng)用模板創(chuàng)建網(wǎng)頁和模板。

4.掌握使用表格布局頁面。

學(xué)習(xí)內(nèi)容

22

1.網(wǎng)站規(guī)劃。

2.創(chuàng)建樣式文件并應(yīng)用。

3.創(chuàng)建模板。

4.應(yīng)用模板創(chuàng)建網(wǎng)頁。

5.應(yīng)用模板創(chuàng)建模板。

6.使用表格布局頁面。

7.網(wǎng)站的開發(fā)過程。

學(xué)習(xí)環(huán)境及教學(xué)設(shè)備

工作環(huán)境：多媒體機(jī)房，內(nèi)設(shè)投影、計算機(jī)、音箱設(shè)備。計算機(jī)內(nèi)安裝有Dreamweaver

CS5、PhotoShop軟件、教學(xué)對媒體系統(tǒng)，以及相應(yīng)教案和課件等相關(guān)軟件。

工作設(shè)備：計算機(jī)、DreamweaverCS5軟件、

企業(yè)工作情景描述

在接到客戶（教師）要求后，小組負(fù)責(zé)人和客戶進(jìn)行交流溝通，明確任務(wù)具體要求，然

后和組內(nèi)成員協(xié)商，討論完成任務(wù)途徑并完成任務(wù)。

學(xué)習(xí)組織形式

學(xué)習(xí)流程圖

23

課業(yè)評價

1.各小組根據(jù)本任務(wù)《配分評分標(biāo)準(zhǔn)》進(jìn)行自評。

2.各小組之間根據(jù)本任務(wù)《配分評分標(biāo)準(zhǔn)》互相評價交流。

3.教師根據(jù)本任務(wù)《配分評分標(biāo)準(zhǔn)》及制作過程進(jìn)行綜合評價。

《配分評分標(biāo)準(zhǔn)》

編號內(nèi)容分?jǐn)?shù)

1作品能夠?qū)崿F(xiàn)所要求的主要功能30

2所有網(wǎng)頁具有一致或類似的風(fēng)格、界面美觀，20

網(wǎng)頁布局合理

3作品運(yùn)行情況良好30

4作品用到的技術(shù)全面10

5有自己的創(chuàng)意10

表格13學(xué)習(xí)任務(wù)設(shè)計11

制作數(shù)碼新天地有限公

學(xué)習(xí)任務(wù)11學(xué)習(xí)時間14學(xué)時

司網(wǎng)站

教學(xué)方法任務(wù)教學(xué)法任務(wù)屬性導(dǎo)向性

24

任務(wù)描述

本單元將通過制作一個“數(shù)碼新天地有限公司”企業(yè)網(wǎng)站，詳細(xì)介紹使用DIV+CSS布局

頁面的知識和技巧。

學(xué)習(xí)目標(biāo)

1.掌握CSS文件的創(chuàng)建與應(yīng)用。

2.掌握添加并設(shè)置Div。

3.掌握使用D1V+CSS布局頁面

學(xué)習(xí)內(nèi)容

1.創(chuàng)建CSS文件，創(chuàng)建和應(yīng)用樣式規(guī)則。

2.插入Div,

3.設(shè)置Div樣式。

4.使用DIV+CSS布局頁面。

5.應(yīng)用模板創(chuàng)建模板。

6.網(wǎng)站的開發(fā)過程。

學(xué)習(xí)環(huán)境及教學(xué)設(shè)備

工作環(huán)境：多媒體機(jī)房，內(nèi)設(shè)投影、計算機(jī)、音箱設(shè)備。計算機(jī)內(nèi)安裝有Dreamweaver

CS5、PhotoShop軟件、教學(xué)對媒體系統(tǒng)，以及相應(yīng)教案和課件等相關(guān)軟件。

工作設(shè)備：計算機(jī)、DreamweaverCS5軟件、Photoshop軟件

企業(yè)工作情景描述

在接到客戶（教師）要求后，小組負(fù)責(zé)人和客戶進(jìn)行交流溝通，明確任務(wù)具體要求，然

后和組內(nèi)成員協(xié)商，討論完成任務(wù)途徑并完成任務(wù)。

學(xué)習(xí)組織形式

學(xué)習(xí)流程圖

25

課業(yè)評價

1.各小組根據(jù)本任務(wù)《配分評分標(biāo)準(zhǔn)》進(jìn)行自評。

2.各小組之間根據(jù)本任務(wù)《配分評分標(biāo)準(zhǔn)》互相評價交流。

3.教師根據(jù)本任務(wù)《配分評分標(biāo)準(zhǔn)》及制作過程進(jìn)行綜合評價。

《配分評分標(biāo)準(zhǔn)》

編號內(nèi)容分?jǐn)?shù)

1作品能夠?qū)崿F(xiàn)所要求的主要功能30

2所有網(wǎng)頁具有一致或類似的風(fēng)格、界面美觀，20

網(wǎng)頁布局合理

3作品運(yùn)行情況良好30

4作品用到的技術(shù)全面10

5有自己的創(chuàng)意10

2.軟件與網(wǎng)絡(luò)

(1)課件：設(shè)計模板，分工合作，制作教學(xué)課件，輔助教學(xué)實(shí)

施。

(2)微課：根據(jù)教學(xué)需求，制作知識點(diǎn)、技能點(diǎn)學(xué)習(xí)微課，發(fā)

26

揮其課前預(yù)習(xí)及課后鞏固學(xué)習(xí)作用。

(3)教學(xué)視頻：錄制關(guān)鍵內(nèi)容的教學(xué)視頻，解決部分學(xué)生上課

專注力不夠及理解力不強(qiáng)問題，縮小學(xué)生層次差異。同時，用于推廣

本課程設(shè)計，發(fā)揮其帶動作用。

(4)題庫：完善課程題庫，學(xué)生平時可以練習(xí)題庫中的內(nèi)容，

充分發(fā)揮在線考試平