網(wǎng)頁(yè)設(shè)計(jì)-教學(xué)大綱

《網(wǎng)頁(yè)設(shè)計(jì)》課程教學(xué)大綱一、課程說明：課程類別：選修課適用專業(yè)：工商管理、電子商務(wù)專業(yè)、信息管理與信息系統(tǒng)專業(yè)和計(jì)算機(jī)相關(guān)專業(yè)、藝術(shù)設(shè)計(jì)專業(yè)等。計(jì)劃學(xué)時(shí)：60學(xué)時(shí)（講課24學(xué)時(shí)，上機(jī)實(shí)驗(yàn)36學(xué)時(shí)）學(xué)分：4先修課程：計(jì)算機(jī)基礎(chǔ)執(zhí)筆：審閱：二、課程的教學(xué)目的以培養(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í)，通過對(duì)Web頁(yè)制作技術(shù)和制作工具的學(xué)習(xí)，使學(xué)生對(duì)于網(wǎng)頁(yè)設(shè)計(jì)中所涉及的相關(guān)知識(shí)有一個(gè)全面的了解。并使學(xué)生具有解決一般網(wǎng)頁(yè)制作問題的能力。掌握運(yùn)用DreamweaverCS6網(wǎng)頁(yè)制作軟件制作網(wǎng)頁(yè)的方法，掌握運(yùn)用FireworksCS6、photoshopcs6圖像處理軟件進(jìn)行網(wǎng)頁(yè)中圖形制作版式設(shè)計(jì)及切片的應(yīng)用。掌握運(yùn)用flashCS6動(dòng)畫制作軟件設(shè)計(jì)網(wǎng)頁(yè)中動(dòng)畫的方法，進(jìn)而掌握將這四個(gè)軟件互相配合，完成網(wǎng)頁(yè)設(shè)計(jì)與制作任務(wù)的方法。為今后從事網(wǎng)頁(yè)設(shè)計(jì)與制作工作打下基礎(chǔ)。三、課程教學(xué)基本要求：1、課程重點(diǎn)掌握網(wǎng)頁(yè)制作三劍客Dreamweaver、Fireworks、flash及photoshop在網(wǎng)頁(yè)設(shè)計(jì)過程中的應(yīng)用，使學(xué)生具備網(wǎng)站策劃、網(wǎng)頁(yè)設(shè)計(jì)與制作、效果圖設(shè)計(jì)與制作等方面的技能，提高學(xué)生分析解決問題能力和項(xiàng)目實(shí)施能力，注重學(xué)生在學(xué)習(xí)和實(shí)踐過程中職業(yè)素質(zhì)的養(yǎng)成。通過學(xué)習(xí)，使學(xué)生熟練掌握運(yùn)用Dreamweaver網(wǎng)頁(yè)制作軟件制作網(wǎng)頁(yè)，掌握運(yùn)用Fireworks、Photoshop圖形圖像處理軟件進(jìn)行網(wǎng)頁(yè)中圖形圖像的設(shè)計(jì)與制作，掌握運(yùn)用flash動(dòng)畫制作軟件設(shè)計(jì)網(wǎng)頁(yè)中動(dòng)畫的方法。

2、課程難點(diǎn)（1）理解HTML語(yǔ)言各種文本格式、字符格式、段落設(shè)置、列表、標(biāo)記的作用；（2）理解CSS樣式表中屬性單位的作用和意義；（3）理解javascript語(yǔ)言腳本程序的工作方式；（4）深入理解超級(jí)鏈接、圖形圖像各種功能和應(yīng)用；（5）深入理解表格、APDiv、框架、表單的作用；（6）深入理解模板、庫(kù)、行為和腳本的高級(jí)應(yīng)用；（7）理解網(wǎng)站測(cè)試的目的和測(cè)試方法；（8）深入理解“切片”和“熱點(diǎn)”的涵義和應(yīng)用；（9）深入理解動(dòng)畫的組成“時(shí)間軸”、“場(chǎng)景”、“幀”的涵義及各種動(dòng)畫的制作；（10）理解使用圖像設(shè)計(jì)軟件進(jìn)行版式設(shè)計(jì)的方法。3、能力培養(yǎng)要求（1）了解HTML語(yǔ)言的基本內(nèi)涵。理解基本標(biāo)記的用法；（2）掌握在網(wǎng)頁(yè)中添加CSS樣式的方法。熟練使用CSS設(shè)置網(wǎng)頁(yè)格式和列表的格式；（3）熟練掌握網(wǎng)頁(yè)中文本的輸入、特殊字符的插入及字符格式的設(shè)置方法；（4）掌握在網(wǎng)頁(yè)中嵌入圖象和多媒體的方法；（5）熟練掌握使用絕對(duì)和相對(duì)URL，創(chuàng)建文本超鏈接，圖象熱點(diǎn)的方法；（6）熟練掌握使用表格、框架、APDiv布局頁(yè)面的方法；（7）掌握創(chuàng)建表單的方法；（8）掌握模板的創(chuàng)建和庫(kù)項(xiàng)目的使用方法；（9）理解行為和腳本的用法；（10）掌握FireworksCS6基本操作及其在網(wǎng)頁(yè)制作中的應(yīng)用；（11）掌握FlashCS6基本操作及簡(jiǎn)單動(dòng)畫的制作；（12）掌握PhotoshopCS6基本操作及在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用；四、課程教學(xué)內(nèi)容與學(xué)時(shí)：理論教學(xué)內(nèi)容：第1章

網(wǎng)頁(yè)設(shè)計(jì)與制作概述1.1網(wǎng)絡(luò)的基礎(chǔ)知識(shí)掌握：TCP/IP協(xié)議、IP地址、域名地址、統(tǒng)一資源定位器的概念和內(nèi)涵1.2圖形圖像的基礎(chǔ)知識(shí)理解：位圖與矢量圖的概念了解：常用的圖形、圖像格式1.3網(wǎng)頁(yè)的布局知識(shí)了解：網(wǎng)頁(yè)的基本結(jié)構(gòu)及頁(yè)面的布局原則和模式理解：網(wǎng)頁(yè)的色彩應(yīng)用及色彩屬性與象征意義1.5HTML基礎(chǔ)理解：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í)別基本屬性，如：字體屬性、列表樣式屬性理解：CSS的定義及使用方法了解：JavaScript技術(shù)及JavaScript腳本嵌入HTML文檔的方法第2章DreamweaverCS6網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)2.1Dreamweaver的工作環(huán)境理解：Dreamweaver的工作區(qū)菜單、面板、屬性檢查器的使用2.2構(gòu)建Dreamweaver站點(diǎn)掌握：如何創(chuàng)建、管理本地站點(diǎn)及站點(diǎn)中文件2.3網(wǎng)頁(yè)文本編輯掌握：正文文本的添加和格式的設(shè)置、插入空格、特殊字符理解：頁(yè)面屬性的設(shè)置2.4CSS樣式設(shè)置重點(diǎn)掌握：如何創(chuàng)建CSS規(guī)則、鏈接樣式表2.6Dreamweaver工作環(huán)境的設(shè)置了解：環(huán)境設(shè)置的方法第3章圖像與多媒體3.1圖像的應(yīng)用掌握：如何在網(wǎng)頁(yè)中插入圖像及設(shè)置圖像屬性3.2創(chuàng)建鼠標(biāo)經(jīng)過圖像掌握：如何在網(wǎng)頁(yè)中創(chuàng)建鼠標(biāo)經(jīng)過圖像及設(shè)置圖像屬性3.3圖像占位符及屬性的設(shè)置理解：圖像占位符的含義3.4插入flash動(dòng)畫掌握：如何在網(wǎng)頁(yè)中插入flash動(dòng)畫及設(shè)置動(dòng)畫屬性3.5音頻的應(yīng)用了解：音頻文件格式掌握：如何在網(wǎng)頁(yè)中添加音頻3.6視頻的應(yīng)用掌握：網(wǎng)頁(yè)中視頻的應(yīng)用及屬性的設(shè)置第4章超級(jí)鏈接及其應(yīng)用4.1超鏈接概述理解：絕對(duì)路徑和相對(duì)路徑的含義及超鏈接的內(nèi)涵4.2創(chuàng)建文本超鏈接掌握：各種創(chuàng)建文本超鏈接的方法4.3創(chuàng)建圖像超鏈接掌握：創(chuàng)建圖像熱點(diǎn)鏈接的方法4.4創(chuàng)建電子郵件鏈接掌握：創(chuàng)建電子郵件鏈接的方法4.5空鏈接理解：創(chuàng)建空鏈接的意義第5章網(wǎng)頁(yè)的布局5.1表格的應(yīng)用掌握：插入表格的方法5.2表格編輯及屬性設(shè)置掌握：表格、單元格、行或列的編輯及屬性的設(shè)置方法5.3應(yīng)用APDiv布局頁(yè)面掌握：使用APDiv布局頁(yè)面5.4APDiv與表格的相互轉(zhuǎn)換理解：APDiv轉(zhuǎn)換與表格的互相轉(zhuǎn)化方法5.5框架的應(yīng)用理解：創(chuàng)建框架集及設(shè)置框架集屬性掌握：如何設(shè)置框架中顯示的網(wǎng)頁(yè)及框架的編輯第6章表單的應(yīng)用6.1創(chuàng)建表單理解：表單的概念6.2添加表單對(duì)象掌握：如何添加表單對(duì)象，如：插入文本域、插入單選按鈕/單選按鈕組、插入復(fù)選框/復(fù)選框組、插入選擇框（列表/菜單）、插入文件域、插入按鈕6.3表單的提交掌握：表單的提交設(shè)置6.4應(yīng)用表格布局表單實(shí)例掌握：應(yīng)用表格布局表單的方法第7章行為與腳本語(yǔ)言及模板和庫(kù)的應(yīng)用7.1行為在網(wǎng)頁(yè)中的應(yīng)用理解：行為、事件、動(dòng)作掌握：如何添加行為、事件7.2JavaScript腳本理解：JavaScript腳本概述、JavaScript腳本語(yǔ)言特效掌握：JavaScript腳本在網(wǎng)頁(yè)中的應(yīng)用7.3創(chuàng)建與應(yīng)用模板理解：創(chuàng)建模板的意義掌握：如何創(chuàng)建和使用模板創(chuàng)建新網(wǎng)頁(yè)及模板的編輯7.4創(chuàng)建與應(yīng)用庫(kù)項(xiàng)目理解：創(chuàng)建庫(kù)的意義掌握：如何創(chuàng)建、在網(wǎng)頁(yè)應(yīng)用庫(kù)項(xiàng)目及庫(kù)的編輯第8章站點(diǎn)的測(cè)試8.1站點(diǎn)的測(cè)試了解：站點(diǎn)的測(cè)試方法，如：檢查瀏覽器兼容性、鏈接的檢查與修正、不同分辨率下的測(cè)試等8.2創(chuàng)建遠(yuǎn)程站點(diǎn)了解：如何設(shè)置遠(yuǎn)程服務(wù)器、連接遠(yuǎn)程站點(diǎn)8.3文件的上傳和下載了解：文件的上傳、下載文件、文件的取出與存回的操作方法第9章FireworksCS6基礎(chǔ)及其在網(wǎng)頁(yè)制作中的應(yīng)用9.1FireworksCS6基礎(chǔ)了解：認(rèn)識(shí)FireworksCS6工作區(qū)、文檔管理、布局工具、各種面板、常用工具9.2繪制并編輯矢量圖形掌握：繪制與編輯基本形狀、自動(dòng)形狀、自由變形形狀、復(fù)合形狀的基本操作方法9.3創(chuàng)建并修飾位圖圖像理解：創(chuàng)建與編輯位圖圖像的方法9.4創(chuàng)建并編輯文本掌握：創(chuàng)建與編輯文本的方法9.5應(yīng)用筆觸和填充掌握：應(yīng)用和更改筆觸、填充、樣式9.6應(yīng)用動(dòng)態(tài)濾鏡理解：動(dòng)態(tài)濾鏡9.7使用切片和熱點(diǎn)掌握：切片和熱點(diǎn)的基本操作和導(dǎo)出設(shè)置第10章FlashCS6基本操作及在網(wǎng)頁(yè)制作中的應(yīng)用10.1FlashCS6的基本操作理解：FlashCS6的工作界面、文檔的創(chuàng)建、打開、保存及面板組的使用10.2時(shí)間軸的使用掌握：圖層、幀、播放頭、場(chǎng)景的概念和含義10.3元件、實(shí)例和庫(kù)資源掌握：元件的創(chuàng)建方法、實(shí)例概念、庫(kù)面板以及元件與實(shí)例的關(guān)系10.4創(chuàng)建各種動(dòng)畫掌握：遮罩層動(dòng)畫、引導(dǎo)層動(dòng)畫、形狀補(bǔ)間動(dòng)畫、逐幀動(dòng)畫的創(chuàng)建方法和內(nèi)涵10.5在動(dòng)畫中添加聲音掌握：在動(dòng)畫中添加聲音及編輯方法10.6文本的使用掌握：傳統(tǒng)文本字段在動(dòng)畫中的應(yīng)用10.7動(dòng)作面板的使用了解：動(dòng)作面板的使用及動(dòng)作腳本的基本元素10.8ActionScript基本語(yǔ)句了解：時(shí)間軸控制命令、瀏覽器/網(wǎng)絡(luò)命令的使用方法10.9動(dòng)作的應(yīng)用了解：在動(dòng)畫中使用動(dòng)作控制動(dòng)畫的原理10.10測(cè)試發(fā)布Flash動(dòng)畫理解：制作過程中動(dòng)畫的測(cè)試方法掌握：如何發(fā)布影片第11章PhotoshopCS6基本操作及在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用11.1PhotoshopCS6基本操作了解：PhotoshopCS6的工作界面、文件操作、環(huán)境設(shè)置、基本概念理解：選區(qū)的創(chuàng)建與編輯掌握：利用畫筆類工具繪制圖像、利用形狀繪制工具繪制圖像、圖像修飾工具的應(yīng)用、調(diào)色命令的高級(jí)應(yīng)用理解：圖層樣式、文字圖層、濾鏡的應(yīng)用11.2頁(yè)面設(shè)計(jì)與制作掌握：整體頁(yè)面、導(dǎo)航欄、網(wǎng)頁(yè)內(nèi)容板塊、網(wǎng)頁(yè)頁(yè)腳的制作和設(shè)計(jì)方法第12章網(wǎng)頁(yè)制作工具集成及網(wǎng)頁(yè)制作綜合實(shí)訓(xùn)12.1Fireworks與Dreamweaver的集成理解：Fireworks與Dreamweaver兩者如何協(xié)同工作12.2使用Photoshop和Dreamweaver了解：Dreamweaver中處理Photoshop文件的工作流程12.3Dreamweaver與Flash的集成理解：Flash與Dreamweaver兩者如何協(xié)同工作理論教學(xué)學(xué)時(shí)分配表（54課時(shí)）章節(jié)課時(shí)第1章網(wǎng)頁(yè)設(shè)計(jì)與制作概述8第2章Drea