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

1、網(wǎng)頁設(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)。簡單介紹HTML語言、CSS樣式、javascript語言，全面介紹與網(wǎng)頁設(shè)計(jì)制作有關(guān)的知識，通過對Web頁制作技術(shù)和制作工具的學(xué)習(xí)，使學(xué)生對于網(wǎng)頁設(shè)計(jì)中所涉及的相關(guān)知識有一個(gè)全面的了解。并使學(xué)生具有解決一般網(wǎng)頁制作問題的能力。掌握運(yùn)用Dreamweaver CS6網(wǎng)頁制作軟件制作

2、網(wǎng)頁的方法，掌握運(yùn)用Fireworks CS6、photoshop cs6圖像處理軟件進(jìn)行網(wǎng)頁中圖形制作版式設(shè)計(jì)及切片的應(yīng)用。掌握運(yùn)用flash CS6動畫制作軟件設(shè)計(jì)網(wǎng)頁中動畫的方法，進(jìn)而掌握將這四個(gè)軟件互相配合，完成網(wǎng)頁設(shè)計(jì)與制作任務(wù)的方法。為今后從事網(wǎng)頁設(shè)計(jì)與制作工作打下基礎(chǔ)。 三、課程教學(xué)基本要求：1、課程重點(diǎn) 掌握網(wǎng)頁制作三劍客Dreamweaver、Fireworks、flash及photoshop在網(wǎng)頁設(shè)計(jì)過程中的應(yīng)用，使學(xué)生具備網(wǎng)站策劃、網(wǎng)頁設(shè)計(jì)與制作、效果圖設(shè)計(jì)與制作等方面的技能，提高學(xué)生分析解決問題能力和項(xiàng)目實(shí)施能力，注重學(xué)生在學(xué)習(xí)和實(shí)踐過程中職業(yè)素質(zhì)的養(yǎng)成。通過學(xué)習(xí)，使學(xué)

3、生熟練掌握運(yùn)用Dreamweaver網(wǎng)頁制作軟件制作網(wǎng)頁，掌握運(yùn)用Fireworks、Photoshop圖形圖像處理軟件進(jìn)行網(wǎng)頁中圖形圖像的設(shè)計(jì)與制作，掌握運(yùn)用flash動畫制作軟件設(shè)計(jì)網(wǎng)頁中動畫的方法。 2、課程難點(diǎn)（1）理解HTML語言各種文本格式、字符格式、段落設(shè)置、列表、標(biāo)記的作用；（2）理解CSS樣式表中屬性單位的作用和意義；（3）理解javascript語言腳本程序的工作方式；（4）深入理解超級鏈接、圖形圖像各種功能和應(yīng)用；（5）深入理解表格、AP Div、框架、表單的作用；（6）深入理解模板、庫、行為和腳本的高級應(yīng)用；（7）理解網(wǎng)站測試的目的和測試方法；（8）深入理解“切片”和“

4、熱點(diǎn)”的涵義和應(yīng)用；（9）深入理解動畫的組成“時(shí)間軸”、“場景”、“幀”的涵義及各種動畫的制作；（10）理解使用圖像設(shè)計(jì)軟件進(jìn)行版式設(shè)計(jì)的方法。3、能力培養(yǎng)要求（1）了解HTML語言的基本內(nèi)涵。理解基本標(biāo)記的用法；（2）掌握在網(wǎng)頁中添加CSS樣式的方法。熟練使用CSS設(shè)置網(wǎng)頁格式和列表的格式；（3）熟練掌握網(wǎng)頁中文本的輸入、特殊字符的插入及字符格式的設(shè)置方法；（4）掌握在網(wǎng)頁中嵌入圖象和多媒體的方法；（5）熟練掌握使用絕對和相對URL，創(chuàng)建文本超鏈接，圖象熱點(diǎn)的方法；（6）熟練掌握使用表格、框架、AP Div布局頁面的方法；（7）掌握創(chuàng)建表單的方法；（8）掌握模板的創(chuàng)建和庫項(xiàng)目的使用方法；（9

5、）理解行為和腳本的用法；（10）掌握FireworksCS6基本操作及其在網(wǎng)頁制作中的應(yīng)用；（11）掌握FlashCS6基本操作及簡單動畫的制作；（12）掌握PhotoshopCS6基本操作及在網(wǎng)頁設(shè)計(jì)中的應(yīng)用；四、課程教學(xué)內(nèi)容與學(xué)時(shí)：理論教學(xué)內(nèi)容：第1章網(wǎng)頁設(shè)計(jì)與制作概述1.1網(wǎng)絡(luò)的基礎(chǔ)知識掌握：TCP/IP協(xié)議、IP地址、域名地址、統(tǒng)一資源定位器的概念和內(nèi)涵1.2圖形圖像的基礎(chǔ)知識理解：位圖與矢量圖的概念了解：常用的圖形、圖像格式1.3網(wǎng)頁的布局知識了解：網(wǎng)頁的基本結(jié)構(gòu)及頁面的布局原則和模式理解：網(wǎng)頁的色彩應(yīng)用及色彩屬性與象征意義1.5 HTML基礎(chǔ)理解：HTML基礎(chǔ)標(biāo)記符的內(nèi)涵，如文本格

6、式標(biāo)記、超鏈接標(biāo)記符、圖像標(biāo)記符、表格標(biāo)記符、框架標(biāo)記符、表單標(biāo)記符、滾動條了解： CSS技術(shù)的內(nèi)涵，能夠識別基本屬性，如：字體屬性、列表樣式屬性理解： CSS的定義及使用方法了解： JavaScript技術(shù)及 JavaScript腳本嵌入HTML文檔的方法第2章 DreamweaverCS6網(wǎng)頁設(shè)計(jì)基礎(chǔ)2.1 Dreamweaver的工作環(huán)境理解：Dreamweaver的工作區(qū)菜單、面板、屬性檢查器的使用2.2構(gòu)建Dreamweaver站點(diǎn)掌握：如何創(chuàng)建、管理本地站點(diǎn)及站點(diǎn)中文件2.3網(wǎng)頁文本編輯掌握：正文文本的添加和格式的設(shè)置、插入空格、特殊字符理解：頁面屬性的設(shè)置2.4 CSS樣式設(shè)置重

7、點(diǎn)掌握：如何創(chuàng)建CSS規(guī)則、鏈接樣式表2.6 Dreamweaver工作環(huán)境的設(shè)置了解：環(huán)境設(shè)置的方法第3章 圖像與多媒體3.1圖像的應(yīng)用掌握：如何在網(wǎng)頁中插入圖像及設(shè)置圖像屬性3.2創(chuàng)建鼠標(biāo)經(jīng)過圖像掌握：如何在網(wǎng)頁中創(chuàng)建鼠標(biāo)經(jīng)過圖像及設(shè)置圖像屬性3.3圖像占位符及屬性的設(shè)置理解：圖像占位符的含義3.4插入flash動畫掌握：如何在網(wǎng)頁中插入flash動畫及設(shè)置動畫屬性3.5音頻的應(yīng)用了解：音頻文件格式掌握：如何在網(wǎng)頁中添加音頻3.6視頻的應(yīng)用掌握：網(wǎng)頁中視頻的應(yīng)用及屬性的設(shè)置第4章 超級鏈接及其應(yīng)用4.1超鏈接概述理解：絕對路徑和相對路徑的含義及超鏈接的內(nèi)涵4.2創(chuàng)建文本超鏈接掌握：各種創(chuàng)建

8、文本超鏈接的方法4.3創(chuàng)建圖像超鏈接掌握：創(chuàng)建圖像熱點(diǎn)鏈接的方法4.4創(chuàng)建電子郵件鏈接掌握：創(chuàng)建電子郵件鏈接的方法4.5空鏈接理解：創(chuàng)建空鏈接的意義第5章 網(wǎng)頁的布局5.1表格的應(yīng)用掌握：插入表格的方法5.2表格編輯及屬性設(shè)置掌握：表格、單元格、行或列的編輯及屬性的設(shè)置方法5.3應(yīng)用AP Div布局頁面掌握：使用AP Div布局頁面5.4AP Div與表格的相互轉(zhuǎn)換理解：APDiv轉(zhuǎn)換與表格的互相轉(zhuǎn)化方法5.5框架的應(yīng)用理解：創(chuàng)建框架集及設(shè)置框架集屬性掌握：如何設(shè)置框架中顯示的網(wǎng)頁及框架的編輯第6章 表單的應(yīng)用6.1創(chuàng)建表單理解：表單的概念6.2添加表單對象掌握：如何添加表單對象，如：插入文本

9、域、插入單選按鈕/單選按鈕組、插入復(fù)選框/復(fù)選框組、插入選擇框（列表/菜單）、插入文件域、插入按鈕6.3表單的提交掌握：表單的提交設(shè)置6.4應(yīng)用表格布局表單實(shí)例掌握：應(yīng)用表格布局表單的方法第7章 行為與腳本語言及模板和庫的應(yīng)用7.1行為在網(wǎng)頁中的應(yīng)用理解：行為、事件、動作掌握：如何添加行為、事件7.2 JavaScript腳本理解：JavaScript腳本概述、JavaScript腳本語言特效掌握：JavaScript腳本在網(wǎng)頁中的應(yīng)用7.3創(chuàng)建與應(yīng)用模板理解：創(chuàng)建模板的意義掌握：如何創(chuàng)建和使用模板創(chuàng)建新網(wǎng)頁及模板的編輯7.4創(chuàng)建與應(yīng)用庫項(xiàng)目理解：創(chuàng)建庫的意義掌握：如何創(chuàng)建、在網(wǎng)頁應(yīng)用庫項(xiàng)目及

10、庫的編輯第8章 站點(diǎn)的測試8.1站點(diǎn)的測試了解：站點(diǎn)的測試方法，如：檢查瀏覽器兼容性、鏈接的檢查與修正、不同分辨率下的測試等8.2創(chuàng)建遠(yuǎn)程站點(diǎn)了解：如何設(shè)置遠(yuǎn)程服務(wù)器、連接遠(yuǎn)程站點(diǎn)8.3文件的上傳和下載了解：文件的上傳、下載文件、文件的取出與存回的操作方法第9章 FireworksCS6基礎(chǔ)及其在網(wǎng)頁制作中的應(yīng)用9.1 FireworksCS6基礎(chǔ)了解：認(rèn)識FireworksCS6工作區(qū)、文檔管理、布局工具、各種面板、常用工具9.2繪制并編輯矢量圖形掌握：繪制與編輯基本形狀、自動形狀、自由變形形狀、復(fù)合形狀的基本操作方法9.3創(chuàng)建并修飾位圖圖像理解：創(chuàng)建與編輯位圖圖像的方法9.4創(chuàng)建并編輯文本

11、掌握：創(chuàng)建與編輯文本的方法9.5應(yīng)用筆觸和填充掌握：應(yīng)用和更改筆觸、填充、樣式9.6應(yīng)用動態(tài)濾鏡理解：動態(tài)濾鏡9.7使用切片和熱點(diǎn)掌握：切片和熱點(diǎn)的基本操作和導(dǎo)出設(shè)置第10章FlashCS6基本操作及在網(wǎng)頁制作中的應(yīng)用10.1 FlashCS6的基本操作理解：FlashCS6的工作界面、文檔的創(chuàng)建、打開、保存及面板組的使用10.2時(shí)間軸的使用掌握：圖層、幀、播放頭、場景的概念和含義10.3元件、實(shí)例和庫資源掌握：元件的創(chuàng)建方法、實(shí)例概念、庫面板以及元件與實(shí)例的關(guān)系10.4創(chuàng)建各種動畫掌握：遮罩層動畫、引導(dǎo)層動畫、形狀補(bǔ)間動畫、逐幀動畫的創(chuàng)建方法和內(nèi)涵10.5在動畫中添加聲音掌握：在動畫中添加聲

12、音及編輯方法10.6文本的使用掌握：傳統(tǒng)文本字段在動畫中的應(yīng)用10.7動作面板的使用了解：動作面板的使用及動作腳本的基本元素10.8 ActionScript基本語句了解：時(shí)間軸控制命令、瀏覽器/網(wǎng)絡(luò)命令的使用方法10.9動作的應(yīng)用了解：在動畫中使用動作控制動畫的原理10.10測試發(fā)布Flash動畫理解：制作過程中動畫的測試方法掌握：如何發(fā)布影片第11章 PhotoshopCS6基本操作及在網(wǎng)頁設(shè)計(jì)中的應(yīng)用11.1 PhotoshopCS6基本操作了解：PhotoshopCS6的工作界面、文件操作、環(huán)境設(shè)置、基本概念理解：選區(qū)的創(chuàng)建與編輯掌握：利用畫筆類工具繪制圖像、利用形狀繪制工具繪制圖像、

13、圖像修飾工具的應(yīng)用、調(diào)色命令的高級應(yīng)用理解：圖層樣式、文字圖層、濾鏡的應(yīng)用11.2頁面設(shè)計(jì)與制作掌握：整體頁面、導(dǎo)航欄、網(wǎng)頁內(nèi)容板塊、網(wǎng)頁頁腳的制作和設(shè)計(jì)方法第12章 網(wǎng)頁制作工具集成及網(wǎng)頁制作綜合實(shí)訓(xùn)12.1 Fireworks與Dreamweaver的集成理解：Fireworks與Dreamweaver兩者如何協(xié)同工作12.2使用Photoshop和Dreamweaver了解：Dreamweaver中處理Photoshop文件的工作流程12.3 Dreamweaver與Flash的集成理解：Flash與Dreamweaver兩者如何協(xié)同工作理論教學(xué)學(xué)時(shí)分配表（54課時(shí)）章節(jié)課時(shí)第1章 網(wǎng)頁

14、設(shè)計(jì)與制作概述8第2章 DreamweaverCS6網(wǎng)頁設(shè)計(jì)基礎(chǔ)4第3章 圖像與多媒體2第4章 超級鏈接及其應(yīng)用2第5章 網(wǎng)頁的布局4第6章 表單的應(yīng)用2第7章 行為與腳本語言及模板和庫的應(yīng)用6第8章 站點(diǎn)的測試2第9章 FireworksCS6基礎(chǔ)及其在網(wǎng)頁制作中的應(yīng)用8第10章 FlashCS6基本操作及在網(wǎng)頁制作中的應(yīng)用8第11章 PhotoshopCS6基本操作及在網(wǎng)頁設(shè)計(jì)中的應(yīng)用8第12章 網(wǎng)頁制作工具集成及網(wǎng)頁制作綜合實(shí)訓(xùn)2實(shí)踐教學(xué)內(nèi)容：36學(xué)時(shí)（本部分內(nèi)容為學(xué)生上機(jī)自學(xué)內(nèi)容、以每章習(xí)題中的實(shí)踐題為實(shí)踐內(nèi)容） 實(shí)踐目的與任務(wù)： 目的是讓學(xué)生提高自己的實(shí)際動手能力，熟練掌握當(dāng)前的流行

15、網(wǎng)頁制作工具，具備設(shè)計(jì)并且實(shí)現(xiàn)一個(gè)網(wǎng)站的能力?；疽螅?（1）要求學(xué)生掌握網(wǎng)頁基礎(chǔ)語言HTML語言 （2） 要求學(xué)生掌握通過Dreamweaver CS6建設(shè)網(wǎng)站和編輯網(wǎng)頁的技術(shù) （3）要求學(xué)生掌握通過Fireworks CS6進(jìn)行圖片特效處理及切片的技術(shù) （4）要求學(xué)生掌握通過Flash CS6進(jìn)行簡單動畫制作的技術(shù) （5）要求學(xué)生掌握通過Photoshop CS6進(jìn)行圖片特效處理的技術(shù)實(shí)踐學(xué)時(shí)分配表內(nèi)容課時(shí)網(wǎng)頁設(shè)計(jì)與制作概述4DreamweaverCS6在網(wǎng)頁設(shè)計(jì)中的應(yīng)用10FireworksCS6基礎(chǔ)及其在網(wǎng)頁制作中的應(yīng)用8FlashCS6基本操作及在網(wǎng)頁制作中的應(yīng)用8PhotoshopCS6基本操作及在