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

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

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

3、成。通過學(xué)習(xí)，使學(xué)生熟練掌握 運用Dreamweaver網(wǎng)頁制作軟件制作網(wǎng)頁，掌握運用Fireworks、Photoshop圖形圖像處理軟件進(jìn)行網(wǎng)頁中圖形圖像的設(shè)計與制作， 掌握運用flash動畫制作軟件設(shè)計網(wǎng)頁中動畫的方法。 聞創(chuàng)溝燴鐺險愛氌 譴凈禍測樅。2、課程難點（1）理解HTML語言各種文本格式、字符格式、段落設(shè)置、列表、標(biāo)記的作用； （2）理解CSS樣式表中屬性單位的作用和意義；（3）理解javascript語言腳本程序的工作方式；（4）深入理解超級鏈接、圖形圖像各種功能和應(yīng)用；（5）深入理解表格、AP Div、框架、表單的作用；（6）深入理解模板、庫、行為和腳本的高級應(yīng)用；（7）理

4、解網(wǎng)站測試的目的和測試方法；（8）深入理解 “切片 ”和“熱點”的涵義和應(yīng)用；（9）深入理解動畫的組成 “時間軸 ”、“場景”、“幀”的涵義及各種動畫的制作；（10）理解使用圖像設(shè)計軟件進(jìn)行版式設(shè)計的方法。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)建文本超鏈接，圖象熱點的方法；（6）熟練掌握使用表格、框架、AP Div布局頁面的方法；（7）

5、掌握創(chuàng)建表單的方法；（8）掌握模板的創(chuàng)建和庫項目的使用方法；（9）理解行為和腳本的用法；課程類別：適用專業(yè)：等。計劃學(xué)時：2 / 6（10）掌握FireworksCS6基本操作及其在網(wǎng)頁制作中的應(yīng)用；（11）掌握FlashCS6基本操作及簡單動畫的制作；（12）掌握PhotoshopCS6基本操作及在網(wǎng)頁設(shè)計中的應(yīng)用；四、課程教學(xué)內(nèi)容與學(xué)時：理論教學(xué)內(nèi)容：第1章 網(wǎng)頁設(shè)計與制作概述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)及頁面

6、的布局原則和模式 理解：網(wǎng)頁的色彩應(yīng)用及色彩屬性與象征意義1.5 HTML基礎(chǔ)理解：HTML基礎(chǔ)標(biāo)記符的內(nèi)涵，如文本格式標(biāo)記、超鏈接標(biāo)記符、圖像標(biāo)記符、表格標(biāo)記符、框 架標(biāo)記符、表單標(biāo)記符、滾動條 殘騖樓諍錈瀨濟(jì)溆塹籟婭騍東。了解：CSS技術(shù)的內(nèi)涵，能夠識別基本屬性，如：字體屬性、列表樣式屬性理解：CSS的定義及使用方法了解：JavaScript技術(shù)及JavaScript腳本嵌入HTML文檔的方法第2章DreamweaverCS6網(wǎng)頁設(shè)計基礎(chǔ)2.1 Dreamweaver的工作環(huán)境理解：Dreamweaver的工作區(qū)菜單、面板、屬性檢查器的使用2.2構(gòu)建Dreamweaver站點 掌握：如何創(chuàng)

7、建、管理本地站點及站點中文件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)建鼠標(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

8、視頻的應(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)用 掌握：插入表格的方法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添加表單對象3 / 6掌握：如何添加表單對象，如：插入文本域、插入單選按鈕/單選按鈕組、插入復(fù)選框入選擇框（列表/菜單）、插入文