網(wǎng)頁設計制作

.z?網(wǎng)頁設計與制作?教學大綱第一局部

大綱說明一、課程的性質(zhì)和任務

?網(wǎng)頁設計與制作?是高等職業(yè)學校計算機專業(yè)的一門必修的專業(yè)根底課。本課程講述了創(chuàng)立、網(wǎng)頁制作根本知識、Dreamweaver網(wǎng)頁制作集成工具使用的方法等容。通過本課程的學習，使學生掌握構建的根本知識，熟悉網(wǎng)頁開發(fā)平臺的使用，能夠獨立的創(chuàng)立個人。二、課程教學要求1、理論和實踐相結合本課程是計算機專業(yè)的一門必修的專業(yè)課程，是理論和實踐相結合的課程。該課程重點是構建的根本知識，，熟悉網(wǎng)頁開發(fā)平臺的使用，能夠獨立的創(chuàng)立個人。在教學過程中

要與DreamweaverM*、FlashM*和FireworkM*結合起來，同時，應該使課堂理論教學與學生參與專業(yè)實踐相結合，在課外安排一定的時間進展專業(yè)實踐，這樣學生在學習中，通過理論學習和上機操作實驗熟悉構建的流程，能夠進展簡單圖像和動畫的制作、加工和處理，能夠獨立的創(chuàng)立個人。2、加強課堂練習與課后練習為了訓練和培養(yǎng)學生的實際操作能力，必須要求學生進展課堂練習與課后作業(yè)練習，加強學生的專業(yè)技能和根底理論的學習。三、教學時數(shù)與教材網(wǎng)頁設計與制作課程教學總學時數(shù)為54學時，其中授課時間為32學時，實驗課時為22學時；?網(wǎng)頁設計與制作?，田博文編著，人民郵電，2004年。四、課程教學方法在網(wǎng)頁設計與制作的教學中應當注意：教學方法本課程應采用理論與實踐結合，講授與自學結合，實踐操作與課堂討論結合的“三結合〞教學方法。教學形式本課程的教學形式可以采用班組教學、課堂講授、利用業(yè)余時間自學等形式。實踐性環(huán)節(jié)教學要求本課程具有較強的實踐性和應用性，教學過程中應該貫徹理論與實踐相結合的原則，有重點的組織一些課堂討論和實踐操作以及單元測試，催促并檢查學生按時完成課外作業(yè)，有條件的情況下，可以組織學生到有關部門及單位參觀、座談、以增強學生的感性認識。第二局部

教學容和教學要求第一章

根底知識〔2學時〕教學目的與要求：通過本章學習，學生應了解網(wǎng)頁被執(zhí)行的詳細過程，以及與網(wǎng)絡相關的根本定義和概念，并掌握在網(wǎng)絡中建立的方法。重點難點：在網(wǎng)絡中建立的方法教學容：教學容：〔一〕

網(wǎng)絡根底知識〔二〕

初識網(wǎng)頁〔三〕網(wǎng)上安家第二章

創(chuàng)立本地虛擬站點〔4學時〕教學目的與要求：通過本章學習，讓學生熟練掌握在本地創(chuàng)立虛擬站點與創(chuàng)立文件和文件夾的方法，以及站點管理器的使用，了解制作的準備工作。重點難點：創(chuàng)立虛擬站點與創(chuàng)立文件和文件夾的方法

教學容：〔一〕準備工作1、了解的效勞群體

2、確定的主題

3、畫出構造圖

4、確定命名規(guī)則〔二〕創(chuàng)立虛擬〔三〕其他功能1、站點地圖布局

2、保存站點地圖

3、設計備注第三章

文檔、文本和〔4學時〕教學目的與要求：通過本章的學習，讓學生熟練掌握創(chuàng)立、保存文檔的方法，以及文本的各項參數(shù)設置和文本超級、圖像超級、下載的使用方法，了解文本各項參數(shù)的源代碼表示方法。重點難點：創(chuàng)立、保存文檔的方法，以及文本的各項參數(shù)設置和文本超級、圖像超級、下載的使用方法教學容：〔一〕新建文檔〔二〕建立超級1、添加文本

2、圖像超級

3、電子

4、下載

5、命名錨記第四章

Web圖像〔4學時〕教學目的與要求：通過本章的學習，讓學生熟練掌握在DreamweaverM*中使用圖像的一些根本方法和技巧、設置網(wǎng)頁背風光和背景圖像的方法、圖像映射和跟蹤圖像的方法，了解GIF和JPEG兩種圖像格式的異同點和使用環(huán)境。重點難點：設置網(wǎng)頁背風光和背景圖像的方法、圖像映射和跟蹤圖像的方法教學容：〔一〕網(wǎng)頁中的色彩〔二〕圖像格式1、GIF格式

2、JPEG格式

3、如何正確地使用GIF〔三〕DreamweaverM*中的圖像技術〔四〕設置網(wǎng)頁背景1、改變網(wǎng)頁背風光

2、設置背景圖像〔五〕在Dreamweaver中巧妙地處理圖像1、給圖像添加文字說明

2、圖像映射

3、跟蹤圖像第五章

FireworksM*中的圖像技術〔4學時〕教學目的與要求：通過本章的學習，讓學生熟練掌握文本工具、繪圖工具和握樣式的使用，以及GIF、JPEG格式圖像的輸出，圖像處理技術和在FireworksM*中制作HTML網(wǎng)頁的過程。重點難點：

文本工具、繪圖工具和握樣式的使用，以及GIF、JPEG格式圖像的輸出，圖像處理技術和在FireworksM*中制作HTML網(wǎng)頁的過程。教學容：〔一〕制作漂亮的文字〔二〕制作個性化的標志〔三〕制作網(wǎng)頁背景圖像〔四〕對圖像進展美化〔五〕制作HTML網(wǎng)頁〔六〕DreamweaverM*與FireworksM*的配合使用第六章

表格〔4學時〕教學目的與要求：通過本章的學習，讓學生熟練掌握表格的創(chuàng)立、編輯過程、表格的嵌套、表格的寬度、邊框、背風光和背景圖像的位置和表格的各種標簽的源代碼，了解表格的組成及各項參數(shù)的含義。重點難點：

表格的創(chuàng)立、編輯過程、表格的嵌套、表格的寬度、邊框、背風光和背景圖像的位置和表格的各種標簽的源代碼教學容：〔一〕表格的組成〔二〕建立表格〔三〕表格屬性〔四〕在表格添加元素〔五〕選擇表格〔六〕編輯表格〔七〕增加、刪除行和列及拆分、合并單元格〔八〕表格的縮放1、用拖放方法縮放表格的大小

2、用表格的[屬性]面板改變表格尺寸〔九〕一個完整的頁面制作過程1、頁眉的制作

2、左側導航區(qū)的制作

3、制作中間主要區(qū)域

4、制作右側新聞摘要區(qū)第七章

框架〔4學時〕教學目的與要求：通過本章的學習，讓學生熟練掌握創(chuàng)立、保存框架的過程、框架組、框架的屬性設置和框架中的目標顯示窗口、了解框架的含義。重點難點：

創(chuàng)立、保存框架的過程、框架組、框架的屬性設置和框架中的目標顯示窗口教學容：〔一〕建立框架1、建立框架

2、插入框架

3、添加容

4、保存框架〔二〕選取框架1、選擇一個框架

2、選擇框架組〔三〕框架和框架組的屬性1、框架屬性

2、框架組屬性〔四〕編輯框架〔五〕框架中的目標顯示窗口第八章

表單〔4學時〕教學目的與要求：通過本章的學習，讓學生熟練掌握各表單的屬性，了解表單的含義。重點難點：各表單的屬性教學容：〔一〕創(chuàng)立一個反應表單〔二〕測試表單頁〔三〕表單及表單域的各項屬性第九章

插入其他對象〔4學時〕教學目的與要求：通過本章的學習，讓學生熟練掌握水平線、6種文件頭標簽、插入字符的使用，熟練在網(wǎng)頁中插入多種格式的視頻。重點難點：水平線、6種文件頭標簽、插入字符的使用，熟練在網(wǎng)頁中插入多種格式的視頻教學容：〔一〕插入水平線〔二〕插入文件頭標簽〔三〕插入字符〔四〕插入多媒體1、插入Flash動畫

2、插入插件

3、播放“*.rm〞格式影片第十章

HTML樣式和CSS樣式〔4學時〕教學目的與要求：通過本章的學習，讓學生熟練掌握HTML樣式的用法、CSS樣式的創(chuàng)立、3種放置CSS代碼的方式，了解CSS樣式的定義。重點難點：HTML樣式的用法、CSS樣式的創(chuàng)立、3種放置CSS代碼的方式教學容：〔一〕HTML樣式1、新建樣式

2、應用HTML樣式

3、去除HTML樣式

4、在面板中處理樣式〔二〕什么是CSS樣式〔三〕[CSS樣式]面板〔四〕CSS的屬性〔五〕使用DreamweaverM*中的CSS樣式編輯器1、創(chuàng)立自定義樣式

2、重定義HTML標簽

3、使用CSS選擇器

4、附加樣式表第十一章

FlashM*〔4學時〕教學目的與要求：通過本章的學習，讓學生熟練掌握用工具箱中的工具創(chuàng)立和編輯圖形、視頻、音頻的導入、運動動畫、變形動畫的創(chuàng)立、運動引導動畫、遮罩動畫的創(chuàng)立，了解矢量動畫、位圖圖像的定義。重點難點：

用工具箱中的工具創(chuàng)立和編輯圖形、視頻、音頻的導入、運動動畫、變形動畫的創(chuàng)立、運動引導動畫、遮罩動畫的創(chuàng)立教學容:〔一〕根底知識1、電腦動畫

2、矢量圖形

3、位圖圖像

4、Flash動畫的特點〔二〕FlashM*〔三〕創(chuàng)立圖形〔四〕編輯圖形〔五〕素材和元件1、視頻的導入

2、音頻的導入

3、元件〔六〕創(chuàng)立根本動畫1、運動動畫和變色動畫

2、變形動畫

3、逐幀動畫〔七〕創(chuàng)立多層動畫1、制作運動引導動畫

2、制作遮罩動畫〔八〕作品的測試和發(fā)布1、作品的測試

2、作品的優(yōu)化

3、作品的導出和發(fā)布第十二章

模板和庫〔4學時〕教學目的與要求：通過本章的學習，讓學生熟練掌握模板、庫的創(chuàng)立方法，了解[資源]面板的一般用法。重點難點：

模板、庫的創(chuàng)立方法教學容:〔一〕[資源]面板〔二〕DreamweaverM*中的模板1、創(chuàng)立模板

2、創(chuàng)立可編輯區(qū)域

3、創(chuàng)立重復區(qū)域

4、創(chuàng)立重復表格

5、編輯模板

6、使用模板〔三〕DreamweaverM*中的庫1、什么是庫

2、怎樣使用庫第十三章

源代碼相關功能及行為〔4學時〕教學目的與要求：通過本章的學習，讓學生熟練掌握13種行為的創(chuàng)立過程、代碼提示、標簽選擇器、標簽編輯器、標簽檢查器的使用，了解標簽管理器的一般用法。重點難點：13種行為的創(chuàng)立過程、代碼提示、標簽選擇器、標簽編輯器、標簽檢查器的使用教學容:〔一〕查看源代碼〔二〕管理標簽庫〔三〕Dreamweaver中的編碼1、使用代碼提示參加背景音樂

2、使用代碼片斷快速創(chuàng)立網(wǎng)頁

3、使用標簽選擇器插入浮動框架

4、使用標簽編輯器編輯標簽

5、用標簽檢查器編輯標簽

6、使用快速標簽編輯器插入<marquee>標簽〔四〕插入HTML注釋〔五〕[行為]面板〔六〕事件〔七〕動作1、播放聲音

2、翻開瀏覽器窗口

3、彈出信息

4、調(diào)用JavaScript

5、改變屬性

6、交換圖像

7、檢查瀏覽器

8、檢查表單

9、控制Shockwave或Flash

10、轉(zhuǎn)到URL

11、設置導航條圖像

12、跳轉(zhuǎn)菜單

13、