《網(wǎng)頁設(shè)計》課程教學大綱

1、網(wǎng)頁設(shè)計課程教學大綱課程類別： 適用專業(yè)： 等。計劃學時：、課程說明： 選修課 工商管理、電子商務(wù)專業(yè)、信息管理與信息系統(tǒng)專業(yè)和計算機相關(guān)專業(yè)、藝術(shù)設(shè)計專業(yè)60學時（講課 24 學時，上機實驗 36 學時） 學分： 4 先修課程：計算機基礎(chǔ)執(zhí)筆： 審閱：二、課程的教學目的 以培養(yǎng)應(yīng)用型人才為目標，充分考慮遠程教育學生的學習基礎(chǔ)和學習特點。簡單介紹 HTML 語言、 CSS 樣式、 javascript 語言，全面介紹與網(wǎng)頁設(shè)計制作有關(guān)的知識，通過對 Web 頁制作技術(shù)和制作工 具的學習，使學生對于網(wǎng)頁設(shè)計中所涉及的相關(guān)知識有一個全面的了解。并使學生具有解決一般網(wǎng) 頁制作問題的能力。掌握運用 D

2、reamweaver CS6 網(wǎng)頁制作軟件制作網(wǎng)頁的方法，掌握運用 Fireworks CS6、 photoshop cs6 圖像處理軟件進行網(wǎng)頁中圖形制作版式設(shè)計及切片的應(yīng)用。掌握運用flash CS6動畫制作軟件設(shè)計網(wǎng)頁中動畫的方法，進而掌握將這四個軟件互相配合，完成網(wǎng)頁設(shè)計與制作任務(wù) 的方法。為今后從事網(wǎng)頁設(shè)計與制作工作打下基礎(chǔ)。 矚慫潤厲釤瘞睞櫪廡賴賃軔朧。三、課程教學基本要求：1、課程重點掌握網(wǎng)頁制作三劍客 Dreamweaver 、 Fireworks 、 flash 及 photoshop 在網(wǎng)頁設(shè)計過程中的應(yīng)用， 使學生具備網(wǎng)站策劃、網(wǎng)頁設(shè)計與制作、效果圖設(shè)計與制作等方面的技能

3、，提高學生分析解決問題 能力和項目實施能力，注重學生在學習和實踐過程中職業(yè)素質(zhì)的養(yǎng)成。通過學習，使學生熟練掌握 運用 Dreamweaver 網(wǎng)頁制作軟件制作網(wǎng)頁，掌握運用Fireworks 、 Photoshop 圖形圖像處理軟件進行網(wǎng)頁中圖形圖像的設(shè)計與制作， 掌握運用 flash 動畫制作軟件設(shè)計網(wǎng)頁中動畫的方法。 聞創(chuàng)溝燴鐺險愛氌 譴凈禍測樅。2、課程難點（ 1）理解 HTML 語言各種文本格式、字符格式、段落設(shè)置、列表、標記的作用； （2）理解 CSS 樣式表中屬性單位的作用和意義；（ 3）理解 javascript 語言腳本程序的工作方式；（4）深入理解超級鏈接、圖形圖像各種功能和

4、應(yīng)用；（5）深入理解表格、 AP Div 、框架、表單的作用；（ 6）深入理解模板、庫、行為和腳本的高級應(yīng)用；（7）理解網(wǎng)站測試的目的和測試方法；（8）深入理解 “切片 ”和“熱點”的涵義和應(yīng)用；（9）深入理解動畫的組成 “時間軸 ”、“場景 ”、“幀”的涵義及各種動畫的制作；（10）理解使用圖像設(shè)計軟件進行版式設(shè)計的方法。3、能力培養(yǎng)要求（ 1）了解 HTML 語言的基本內(nèi)涵。理解基本標記的用法；（2）掌握在網(wǎng)頁中添加 CSS樣式的方法。熟練使用 CSS設(shè)置網(wǎng)頁格式和列表的格式；（ 3）熟練掌握網(wǎng)頁中文本的輸入、特殊字符的插入及字符格式的設(shè)置方法；（ 4）掌握在網(wǎng)頁中嵌入圖象和多媒體的方法；

5、（5）熟練掌握使用絕對和相對 URL ，創(chuàng)建文本超鏈接，圖象熱點的方法；（6）熟練掌握使用表格、框架、 AP Div 布局頁面的方法；（7）掌握創(chuàng)建表單的方法；（8）掌握模板的創(chuàng)建和庫項目的使用方法；（9）理解行為和腳本的用法；（ 10）掌握 FireworksCS6 基本操作及其在網(wǎng)頁制作中的應(yīng)用；（11）掌握 FlashCS6 基本操作及簡單動畫的制作；（ 12 ）掌握 PhotoshopCS6 基本操作及在網(wǎng)頁設(shè)計中的應(yīng)用；四、課程教學內(nèi)容與學時：理論教學內(nèi)容：第 1 章 網(wǎng)頁設(shè)計與制作概述1.1 網(wǎng)絡(luò)的基礎(chǔ)知識掌握： TCP/IP 協(xié)議、 IP 地址、域名地址、統(tǒng)一資源定位器的概念和內(nèi)

6、涵1.2 圖形圖像的基礎(chǔ)知識 理解：位圖與矢量圖的概念 了解：常用的圖形、圖像格式1.3 網(wǎng)頁的布局知識 了解：網(wǎng)頁的基本結(jié)構(gòu)及頁面的布局原則和模式 理解：網(wǎng)頁的色彩應(yīng)用及色彩屬性與象征意義1.5 HTML 基礎(chǔ)理解： HTML 基礎(chǔ)標記符的內(nèi)涵，如文本格式標記、超鏈接標記符、圖像標記符、表格標記符、框 架標記符、表單標記符、滾動條 殘騖樓諍錈瀨濟溆塹籟婭騍東。了解： CSS 技術(shù)的內(nèi)涵，能夠識別基本屬性，如：字體屬性、列表樣式屬性理解： CSS 的定義及使用方法了解： JavaScript 技術(shù)及 JavaScript 腳本嵌入 HTML 文檔的方法第 2 章 DreamweaverCS6

7、網(wǎng)頁設(shè)計基礎(chǔ)2.1 Dreamweaver 的工作環(huán)境理解： Dreamweaver 的工作區(qū)菜單、面板、屬性檢查器的使用2.2 構(gòu)建 Dreamweaver 站點 掌握：如何創(chuàng)建、管理本地站點及站點中文件2.3 網(wǎng)頁文本編輯 掌握：正文文本的添加和格式的設(shè)置、插入空格、特殊字符 理解：頁面屬性的設(shè)置2.4 CSS 樣式設(shè)置重點掌握：如何創(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)建鼠標經(jīng)過圖像 掌握：如何在網(wǎng)頁中創(chuàng)建鼠標經(jīng)過圖像及設(shè)置圖像屬性3.

8、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)建文本超鏈接的方法4.3 創(chuàng)建圖像超鏈接 掌握：創(chuàng)建圖像熱點鏈接的方法4.4 創(chuàng)建電子郵件鏈接 掌握：創(chuàng)建電子郵件鏈接的方法4.5 空鏈接 理解：創(chuàng)建空鏈接的意義 第 5 章 網(wǎng)頁的布局5.1 表格的應(yīng)用 掌握：插入

9、表格的方法5.2 表格編輯及屬性設(shè)置 掌握：表格、單元格、行或列的編輯及屬性的設(shè)置方法5.3 應(yīng)用 APDiv 布局頁面 掌握：使用 APDiv 布局頁面 5.4APDiv 與表格的相互轉(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 添加表單對象/復選框組、插掌握：如何添加表單對象，如：插入文本域、插入單選按鈕/單選按鈕組、插入復選框入選擇框（列表 / 菜單）、插入文件域、插入按鈕 釅錒極額閉鎮(zhèn)檜豬訣錐顧葒鈀。6.3 表單的提交 掌握

10、：表單的提交設(shè)置6.4 應(yīng)用表格布局表單實例 掌握：應(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)用庫項目 理解：創(chuàng)建庫的意義 掌握：如何創(chuàng)建、在網(wǎng)頁應(yīng)用庫項目及庫的編輯 第 8章 站點的測試8.1 站點的測試了解：站點的測試方法，如：檢

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

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

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

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

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

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