中職院?！毒W(wǎng)頁(yè)設(shè)計(jì)》課程教學(xué)大綱

1、網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)大綱執(zhí)筆：審核：編寫(xiě)日期:課程分類(lèi)適應(yīng)對(duì)象總學(xué)時(shí)：108理論實(shí)踐專(zhuān)業(yè)基礎(chǔ)課印刷專(zhuān)業(yè)4860一、課程的性質(zhì)和任務(wù)以培養(yǎng)應(yīng)用型人才為目標(biāo)，充分考慮遠(yuǎn)程教育學(xué)生的學(xué)習(xí)基礎(chǔ)和學(xué)習(xí)特點(diǎn)。 簡(jiǎn)單介紹HTML語(yǔ)言、CSS樣式、javascript語(yǔ)言,全面介紹與網(wǎng)頁(yè)設(shè)計(jì)制作有 關(guān)的知識(shí)，通過(guò)對(duì)Web頁(yè)制作技術(shù)和制作工具的學(xué)習(xí)，使學(xué)生對(duì)于網(wǎng)頁(yè)設(shè)計(jì)中所 涉及的相關(guān)知識(shí)有一個(gè)全面的了解。并使學(xué)生具有解決一般網(wǎng)頁(yè)制作問(wèn)題的能力。 掌握運(yùn)用Dreamweaver CS6網(wǎng)頁(yè)制作軟件制作網(wǎng)頁(yè)的方法，掌握運(yùn)用Fireworks CS6. photoshop cs6圖像處理軟件進(jìn)行網(wǎng)頁(yè)中圖形制作版式設(shè)計(jì)及切

2、片的應(yīng)用。 掌握運(yùn)用flash CS6動(dòng)畫(huà)制作軟件設(shè)計(jì)網(wǎng)頁(yè)中動(dòng)畫(huà)的方法，進(jìn)而掌握將這四個(gè)軟 件互相配合，完成網(wǎng)頁(yè)設(shè)計(jì)與制作任務(wù)的方法。為今后從事網(wǎng)頁(yè)設(shè)計(jì)與制作工作 打下基礎(chǔ)。二、課程的基本內(nèi)容1 .網(wǎng)頁(yè)設(shè)計(jì)與制作概述掌握TCP/IP協(xié)議、IP地址、域名地址、統(tǒng)一資源定位器的概念和內(nèi)涵。理 解位圖與矢量圖的概念，了解常用的圖形、圖像格式。了解網(wǎng)頁(yè)的基本結(jié)構(gòu)及頁(yè) 面的布局原則和模式，理解網(wǎng)頁(yè)的色彩應(yīng)用及色彩屬性與象征意義。掌握HTML 基礎(chǔ)標(biāo)記符的內(nèi)涵，如文本格式標(biāo)記、超鏈接標(biāo)記符、圖像標(biāo)記符、表格標(biāo)記符、 框架標(biāo)記符、表單標(biāo)記符、滾動(dòng)條。了解CSS技術(shù)的內(nèi)涵，能夠識(shí)別基本屬性, 如：字體屬性、列

3、表樣式屬性。2 . DreamweaverCS6網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)理解Dreamweaver的工作區(qū)菜單、面板、屬性檢查器的使用，掌握：如何創(chuàng) 建、管理本地站點(diǎn)及站點(diǎn)中文件及正文文本的添加和格式的設(shè)置、插入空格、特 殊字符，理解面屬性的設(shè)置，了解環(huán)境設(shè)置的方法。重點(diǎn)掌握如何創(chuàng)建CSS規(guī)則、 鏈接樣式表。3 .圖像與多媒體掌握在網(wǎng)頁(yè)中插入圖像及設(shè)置圖像屬性，在網(wǎng)頁(yè)中創(chuàng)建鼠標(biāo)經(jīng)過(guò)圖像及設(shè)置 圖像屬性，理解圖像占位符的含義，掌握如何在網(wǎng)頁(yè)中插入flash動(dòng)畫(huà)及設(shè)置動(dòng) 畫(huà)屬性。了解音頻文件格式，掌握如何在網(wǎng)頁(yè)中添加音頻及網(wǎng)頁(yè)中視頻的應(yīng)用及 屬性的設(shè)置。重點(diǎn)理解絕對(duì)路徑和相對(duì)路徑的含義及超鏈接的內(nèi)涵，掌握各種

4、創(chuàng) 建文本超鏈接的方法。4 .網(wǎng)頁(yè)的布局掌握插入表格的方法，包含表格、單元格、行或列的編輯及屬性的設(shè)置方法， 掌握使用AP Div布局頁(yè)面，理解APDiv轉(zhuǎn)換與表格的互相轉(zhuǎn)化方法，學(xué)會(huì)創(chuàng)建 框架集及設(shè)置框架集屬性，掌握如何設(shè)置框架中顯示的網(wǎng)頁(yè)及框架的編輯。5 .表單的應(yīng)用理解表單的概念，掌握如何添加表單對(duì)象，如：插入文本域、插入單選按鈕 /單選按鈕組、插入復(fù)選框/復(fù)選框組、插入選擇框（列表/菜單）、插入文件域、 插入按鈕。6 .行為與腳本語(yǔ)言及模板和庫(kù)的應(yīng)用理解行為、事件、動(dòng)作，掌握：如何添加行為、事件。重點(diǎn)理解JavaScript 腳本概述、JavaScript腳本語(yǔ)言特效，學(xué)會(huì)JavaSc

5、ript腳本在網(wǎng)頁(yè)中的應(yīng)用。 理解創(chuàng)建模板的意義，掌握如何創(chuàng)建和使用模板創(chuàng)建新網(wǎng)頁(yè)及模板的編輯。7 .站點(diǎn)的測(cè)試了解站點(diǎn)的測(cè)試方法，如：檢查瀏覽器兼容性、鏈接的檢查與修正、不同分 辨率下的測(cè)試等，學(xué)會(huì)如何設(shè)置遠(yuǎn)程服務(wù)器、連接遠(yuǎn)程站點(diǎn)，掌握文件的上傳、 下載，文件、文件的取出與存回的操作方法。8 . FireworksCS6基礎(chǔ)及其在網(wǎng)頁(yè)制作中的應(yīng)用了解FireworksCS6工作區(qū)、文檔管理、布局工具、各種面板、常用工具， 掌握繪制與編輯基本形狀、自動(dòng)形狀、自由變形形狀、復(fù)合形狀的基本操作方法， 理解創(chuàng)建與編輯位圖圖像的方法，學(xué)會(huì)創(chuàng)建與編輯文本的方法，應(yīng)用和更改筆觸、 填充、樣式等。9 . F

6、lashCS6基本操作及在網(wǎng)頁(yè)制作中的應(yīng)用理解FlashCS6的工作界面、文檔的創(chuàng)建、打開(kāi)、保存及面板組的使用，掌 握?qǐng)D層、幀、播放頭、場(chǎng)景的概念和含義，以及元件的創(chuàng)建方法、實(shí)例概念、庫(kù) 面板以及元件與實(shí)例的關(guān)系。掌握：遮罩層動(dòng)畫(huà)、引導(dǎo)層動(dòng)畫(huà)、形狀補(bǔ)間動(dòng)畫(huà)、 逐幀動(dòng)畫(huà)的創(chuàng)建方法和內(nèi)涵。10 . PhotoshopCS6基本操作及在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用了解PhotoshopCS6的工作界面、文件操作、環(huán)境設(shè)置、基本概念，理解選 區(qū)的創(chuàng)建與編輯，掌握利用畫(huà)筆類(lèi)工具繪制圖像、利用形狀繪制工具繪制圖像、 圖像修飾工具的應(yīng)用、調(diào)色命令的高級(jí)應(yīng)用。11 .網(wǎng)頁(yè)制作工具集成及網(wǎng)頁(yè)制作綜合實(shí)訓(xùn)理解Firework

7、s與Dreamweaver兩者如何協(xié)同工作，了解：Dreamweaver中 處理Photoshop文件的工作流程，理解Flash與Dreamweaver兩者如何協(xié)同_E作。三、課程的基本要求掌握網(wǎng)頁(yè)制作三劍客DreamweaverFireworks> flash及photoshop在網(wǎng)頁(yè) 設(shè)計(jì)過(guò)程中的應(yīng)用，使學(xué)生具備網(wǎng)站策劃、網(wǎng)頁(yè)設(shè)計(jì)與制作、效果圖設(shè)計(jì)與制作 等方面的技能，提高學(xué)生分析解決問(wèn)題能力和項(xiàng)目實(shí)施能力，注重學(xué)生在學(xué)習(xí)和 實(shí)踐過(guò)程中職業(yè)素質(zhì)的養(yǎng)成。通過(guò)學(xué)習(xí)，使學(xué)生熟練掌握運(yùn)用Dreamweaver網(wǎng)頁(yè) 制作軟件制作網(wǎng)頁(yè)，掌握運(yùn)用Fireworkss Photoshop圖形圖像處理

8、軟件進(jìn)行網(wǎng) 頁(yè)中圖形圖像的設(shè)計(jì)與制作，掌握運(yùn)用flash動(dòng)畫(huà)制作軟件設(shè)計(jì)網(wǎng)頁(yè)中動(dòng)畫(huà)的方 法。四、學(xué)時(shí)分配建議序號(hào)教學(xué)內(nèi)容學(xué)時(shí)分配合計(jì)理論實(shí)踐1網(wǎng)頁(yè)設(shè)計(jì)與制作概述8082DreamweaverCS6 網(wǎng)頁(yè)設(shè)計(jì) 基礎(chǔ)4263圖像與多媒體2164網(wǎng)頁(yè)的布局1185表單的應(yīng)用2810序號(hào)教學(xué)內(nèi)容學(xué)時(shí)分配合計(jì)理論實(shí)踐6行為與腳本語(yǔ)言及模板和 庫(kù)的應(yīng)用610167站點(diǎn)的測(cè)試28108FireworksCS6基礎(chǔ)及其在 網(wǎng)頁(yè)制作中的應(yīng)用6289FlashCS6基本操作及在網(wǎng) 頁(yè)制作中的應(yīng)用661210PhotoshopCS6基本操作及 在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用681411網(wǎng)頁(yè)制作工具集成及網(wǎng)頁(yè) 制作綜合實(shí)訓(xùn)2810合計(jì)4860108五、成績(jī)考核方式該課程取消傳統(tǒng)的期末考試，采用形成性考核方式。課程的形成性考核堅(jiān)持 公平、公正、公開(kāi)為原則，目的激發(fā)學(xué)生的學(xué)習(xí)興趣。將學(xué)生考核分為平時(shí)考核、 實(shí)訓(xùn)項(xiàng)目成績(jī)考核、綜合項(xiàng)目測(cè)試三部分。三部分成績(jī)都以百分制計(jì)算。平時(shí)成績(jī)R 30%：包括考勤5%、提問(wèn)5%、平時(shí)作業(yè)20%實(shí)訓(xùn)項(xiàng)目T 40%：包括自評(píng)、互評(píng)、教師評(píng)綜合項(xiàng)目測(cè)試M 30%：包括數(shù)據(jù)的基本操作，使用SELECT語(yǔ)句實(shí)現(xiàn)簡(jiǎn)單查 詢(xún)、復(fù)雜查詢(xún)，使用用