第一篇：《網頁設計與制作》教學大綱(精)

《網頁設計與制作》教學大綱 萬博學院計算機系：劉延芳

一、程的性質與目的：

《網頁設計與制作》是信息技術專業以及與信息技術有關的專業的基礎課。本課是集于理論與實踐一體的綜合應用課程。通過學習本課程學生初步掌握制作網頁和建立網站的技術。

二、課程的基本要求：

了解網頁制作和網站建設所需的基本知識，理解HTML語言和CSS樣式個屬性以及JavaScript語言的基本知識，掌握網頁制作和網站建設所需的基本技能。根據任務需求能夠建立客戶端的的靜態網頁和網站。

三、選修課程要求：

先修《計算機應用基礎》、《Internet》、《flash》和《photoshop》等課程。

四、課程教學內容要點：

第一章 網頁基本常識

1.WWW網站以及相關知識 2.網頁基本元素 3.HTML語言簡介

要求：了解www網站的相關知識；掌握HTML語言以及相關技術；

第二章 網站設計及其工具

1.網站與網頁

2.規劃網站設計流程 3.設計工具選擇

4.遠程站點的管理——FTP上傳下載軟件的使用

要求：制作工具Frontpage的介紹；與dreamwear工具區別與聯系了解web站點的申請過程；掌握FTP上傳下載軟件的使用；

第三章 網站制作

1.建立網站

2.主頁設計與制作] 3.表格制作

4.創建表單和框架頁面 5.發布網站及其維護

要求：了解網站導航以及網頁中超級鏈接的作用；掌握不同鏈接源(包括圖片熱點)鏈接各種文件的方法；掌握web站點的申請過程；建立本地站點的必要性、原理和原則掌握如何規劃站點；掌握創建Web站點的基本方法與步驟，并能夠管理站點

第四章 讓網頁美起來

1.Web上的圖形 2.網頁中色彩選擇

3.使用photoshop設計圖形 4.使用Flash創建動畫等

要求： 了解網頁藝術設計的必要性和原則；掌握網頁布局、圖片和動畫的設計方法和原則，掌握綜合應用photoshop設計圖形使用Flash創建動畫等

第五章 網頁編程 1.網頁編程基礎

2.VBScript語言編程 3.JavaScript語言編程 4.網頁編程實例

要求：了解JavaScript語言基礎知識，VBScript語言知識

第六章 網頁技術進階

1.動態網頁編程（DHTML）2.用CSS來控制元素

3.虛擬現實網頁編程VRML 要求：掌握使用CSS樣式美化超級鏈接的方法；理解標記a以及各個屬性；理解CSS選擇器中四個狀態；

第七章 設計個人主頁

1.個人主頁制作的一般步驟 2.個人主頁設計舉例

要求：綜合所學知識，制作精美，合理，科學個人網站。并具有實際意義。可制作一個公司網站作為提高性實例

五、課時分配：

總學時：72學時課堂講解＋54學時上機操作 ［教學章節學時分配］

第一章 網頁基本常識

第二章 網站設計及其工具

第三章 網站制作第四章 讓網頁美起來第五章 網頁編程第六章 網頁技術進階第七章 設計個人主頁

六、大綱說明：

1、教學設計思想

本課程是一門實踐與理論相結合的課程，應采用案例教學法，應該充分利用互聯網上現成的、實際的網站。

2、考試方式和成績評定 本課程是考試課。采用期末上機考試與平時上機實驗成績結合的考核方式。期末占總評60%，平時成績占總評40%。

3、作業要求

作業要以實踐性作業為主，理論性作業為輔；以綜合性大作業為主，小作業為輔。要體現因材施教，作業應該有一定的選擇余地，有難有易

第二篇：《網頁設計與制作》教學大綱

《網頁設計與制作》教學大綱

一、課程基本信息

課程編號：

中文名稱：網頁設計與制作

英文名稱：Web Design and Production 課程類別：選修課 適用專業：所有專業

開課學期：2011-2012第2學期 總學時：24學時 總學分：1 課程簡介：

本課程突出網頁設計與制作的現代特點，從Internet的基礎知識入手，重點介紹HTML超文本標記語言，以及所見即所得的網頁設計制作工具Dreamweaver的基本操作流程。從靜態頁面到動態頁面由淺入深的介紹網頁設計與制作全過程。采用案例分析和親自實踐的方式突出、突破課程的重點和難點。并指導每一名選課的同學為自己建一個博客網站，以此提高同學對網頁設計與制作的興趣和愛好。參考書：

1、網頁設計與制作教程，熊前興 閔聯營，科學出版社;

2、網站與網頁設計，張貴明，清華大學出版社;

3、網頁美術設計原理及實戰策略，王曉峰 焦燕，清華大學出版社;

4、網站建設典型案例，張梟，清華大學出版社；

二、課程教學目標：

網頁和網站是Internet的重要組成部分，企業、公司和機構通過網站來宣傳推介自己的技術和產品，個人發布主頁展示自己的風采，人們從不同類型的網站來獲取需要的信息。因此，設計與制作網頁已經成為計算機應用技術的一個重要方面。本課程的主要教學目的是使學生掌握網頁設計與制作的基礎知識，能運用網頁工具設計和制作常用網頁。

三、理論教學內容與要求

第一章、網頁的基礎知識（1學時）（1）Internet基礎知識

（2）www簡介

（3）網頁制作的技術和工具介紹

第二章、超文本編輯語言HTML（8學時）（1）HTML文件的基本結構（2）文字和段落標記

（3）列表標記

（4）圖片標記（5）表格標記（6）超鏈接標記（7）表單標記（8）框架標記

第三章、JavaScript語言（4學時）（1）JavaScript語言簡介（2）JavaScript編程基礎（3）基于對象的JavaScript語言（4）JavaScript程序實例

第四章、層疊樣式表CSS（1學時）（1）CSS概述（2）CSS屬性

第五章、可視化網頁設計工具Dreamvawer8.0（1）網頁的基本操作（2）圖像、表格與超鏈接（3）表單與框架（4）添加網頁元素（5）發布站點

第六章、動態網頁設計語言ASP（4學時）（1）ASP簡介（2）VBScript腳本基礎（3）ASP的內置對象（4）實用Global.asa文件

4學時）（第七章、利用AD0訪問數據庫（1學時）（1）數據庫的連接（2）數據庫的檢索（3）數據庫的操作

總結復習（1學時）

四、實驗教學內容與要求

五、作業

六、考核方式

期末考核每個同學為自己設計制作一個博客網站。

七、成績評定

1.自制網站（80%）2.平時考勤、作業(20%)平時成績分配：

平時考勤5次，每次2分，共占10% 作業5次，每次2分，共占10%

八、執行大綱時應注意的問題

根據學生對課程內容的掌握和理解程度會對進度做適當的調整。

執筆人：邢雁平

第三篇：網頁制作與設計教學大綱

《網頁制作與設計》教學大綱

課程編號：

總學時數：36學時（其中講授：20學時，實驗：16學時）

一、課程性質、目的和要求

本課程是我系各專業必修專業課程之一。該課程以Dreamweaver和CSS為藍本，全面介紹與網頁設計制作有關的知識，向學生闡明Web基本工作機制，并使學生具有解決靜態網頁制作和設計等方面問題的能力。通過對WWW的基本概念、網頁設計的基本原則、網頁設計編程的基本技術與技巧的學習，使學生對于網頁設計中所涉及的相關知識有一個全面的了解。

在網絡技術迅速發展的今天，網頁制作已成為當今社會上一種比較熱門的技術，也是計算機專業學生的一門必修課，通過課程學習要求學生能夠掌握靜態網頁的制作工具的使用以及HTML標記語言的運用，并基本掌握JavaScript腳本語言編程的常用方法與技巧。通過與前期課程的融會，運用掌握的Flash等其他制作工具軟件，在具體的網頁設計過程中要很好的將幾者結合起來使用，從而能夠生成功能強大、豐富多彩、生動活潑的高質量的網頁。通過本門課程的學習，學生能夠具備以下能力：網站建設、網絡廣告、多媒體課件、網絡游戲、匯報材料，MTV等。同時培養學生以下素質：服務意識：能夠為他人提供優質的服務；文明法制意識：網站內容應積極健康向上，不做違法的事；合作精神：能夠與他人進行合作，具有協調工作能力和組織管理能力；較強的自我知識及技術更新能力：快速跟蹤網頁制作的新技術及市場應用動態。

二、教學內容、要點和課時安排

第一章 Dreamweaver MX概述 1．Dreamweaver MX簡介

2．Dreamweaver MX的工作界面介紹

3．窗口和面板

4．Dreamweaver MX的新特性

要求：熟悉Dreamweaver MX的操作界面，DreamweaverMX版本的最新特性，掌握如何自行設置具有獨特的工作環境，對Dreamweaver MX的主界面認識透徹，便于以下課程的深度學習。

第二章 創建站點 1．站點的規劃

2．創建本地站點 3．創建ASP站點 4．連接數據庫

2學時

2學時 5．站點的管理與維護 6．發布站點 要求：了解站點的基本概念，熟悉掌握使用DreamweaverMX定義站點的方法，能根據自己的實際情況定義站點，定義ASP站點，掌握通過DreamweaverMX軟件連接簡單數據庫的方法。

第三章 文本及其格式化 1．文本及其格式化概述 2．文本的輸入 3．創建文本列表 4．CSS樣式文件的創建

5．將文檔中的樣式導出為CSS樣式文件 6．文本格式化綜合實例

要求：學習如何插入文本、設置字體類型、大小、顏色和對齊屬性，使用層疊樣式表創建和應用自定義樣式。通過學習掌握利用CSS樣式格式文本，掌握導出和使用CSS樣式文件的基本方法。

第四章 圖像

2學時

2學時

1．常用圖像文件格式 2．插入圖像 3．設置圖像的屬性

要求：通過學習，學生必須完全掌握如何在DreamweaverMX軟件中插入圖像、修改圖像的屬性，利用外部圖象處理軟件編輯圖像以及創建圖像地圖等方法。實現圖像與文本的完美結合。

第五章 表格 1．概述

2．表格的基本操作 3．表格及其屬性設置 4．表格排序

要求：掌握使用DreamweaverMX建立表格、設置表格以及使用表格對網頁進行布局和美化。通過表格定位文本和圖像在頁面出現的位置。對表格的修改主要是添加內容、修改表格或單元格行/列屬性，復制或者粘貼多個單元格等操作。

第六章 框架 1．創建框架

2．框架和框架頁的基本操作

3．設置框架和框架頁的屬性、大小及背景色

2學時

2學時 4．框架及框架頁綜合實例

要求：掌握框架的創建、保存以及框架屬性的設置，難點在于框架的鏈接設置，掌握框架結構的主要功能在于導航。注意框架和框架集的區別。

第七章 頁面布局視圖的使用

1．布局單元格和布局表格 2．繪制布局表格和布局單元格 3．布局表格和布局單元格的基本操作

4．設置布局寬度

要求：重點掌握如何創建布局表格和布局單元格，掌握布局視圖的切換方法，掌握布局表格和布局單元格屬性的設置和意義。

第八章 鏈接

3學時

3學時

1．鏈接、路徑與錨

2．建立鏈接 3．建立特殊鏈接

要求：了解鏈接、路徑與錨的使用條件、掌握鏈接的幾種設置方法和他們的區別，學會使用特殊鏈接（書簽、電子郵箱、網站URL）,理解掌握鏈接目標的指定。

第九章 表單 1．表單概述 2．創建表單 3．表單對象 4．客戶注冊表單 5．網上調查表單

要求：掌握如何創建表單，以及如何在表單中添加表單對象，掌握常見的表單對象的功能和使用方法，理解表單處理的原理，能夠完成基本的表單設計。

第十章 層

1．關于層

2．創建層

3．顯示隱藏層實例

4．下列菜單實例 5．層綜合應用實例

要求：讓學生掌握層的概念和層的分類，掌握關于層的屬性，掌握建立層的基本方法，掌握層的各種屬

2學時

2學時 性的設置。

第十一章 行為

1．什么是行為

2．行為面板的用法

3．行為的基本操作

4．使用Dreamweaver自帶的行為

5．行為應用實例

要求：重點掌握DreamweaverMX自帶的行為的使用方法，掌握這些常用行為事件的設置，了解行為的意義以及行為面板的使用方法，能根據具體的行為設置對應的行為事件，能對所使用的行為事件進行修改。

第十二章 時間軸與動畫

1．時間軸面板

2．使用時間軸創建動畫

3．修改時間軸

4．創建錄制路徑動畫 5．在時間軸中改變對象屬性

6．在時間軸中使用行為

7．時間軸動畫實例

要求：掌握如何使用時間軸創建時間線動畫，重點掌握如何修改時間線及其對象的屬性，添加和刪除禎、修改動畫的起始時間、修改動畫路徑的位置等。

第十三章 Dreamweaver MX程序設計

1．Dreamweaver MX程序設計基礎 2．建立數據庫連接 3．定義記錄集

4．動態數據綁定 5．應用服務器行為

要求：掌握基本的術語和如何建立數據庫連接，掌握如何建立記錄集，以及記錄集中數據的綁定，了解各類服務器行為的功能，重點掌握如何定義記錄集和應用服務器行為，掌握WEB應用程序的構建。

第十四章 模板與庫

1．什么是模板和庫

2．創建模板

3．定義可編輯區域

2學時

2學時

2學時

2學時 4．應用模板建立網頁 5．應用模板更新站點 6．庫的使用

7．模板的創建與設置實例

要求：掌握模版和庫的原理和優勢，掌握掌握如何建立和使用模版，掌握庫的使用和添加到庫文件。第十五章 代碼片斷

1．使用代碼片斷 2．代碼片斷的創建

3．代碼片斷的使用

4．代碼片斷的創建與使用綜合實例

要求：理解代碼片斷的概念，掌握創建代碼片斷的方法，掌握如何使用代碼片斷。第十六章 經典實例

1．個人網站 2．網站論壇

要求：了解頁面的整體設計，掌握表格的高級應用技巧，了解交互網站的運行機制，掌握服務器行為的應用，學生通過鍛煉，掌握創建網站的全部過程和機制，能夠獨立網站一個小型的全面的個人網站。

4學時

2學時

三、教學方法

要求：

1、結合DreamweaverMX軟件使用的特點，以上機演示教學方法為主，輔之教學課件等方法進行教學。

2、結合本學科特點在教學過程中，使學生形成多動手、積極探究、勤于思考、學會學習等良好的學習習慣，培養學生搜集和整理素材的能力、理解實驗能力、分析和解決程序設計中的問題的能力等。

四、成績考核方法：

要求：

1、課后試驗作業每周一次。

2、期末考試采取理論考試為主、大作業（完整的個人網站）為輔的形式。

3、平時成績30%、期末成績70%，期末考試（筆試70%，大作業30%）。

五、教材與主要參考書目

教材：

路甬祥：《DreamweaverMX職業技能培訓教程》，電子科技大學出版社，2004年3月。參考書： 位元文化：《CSS/HTML網頁設計》，中國鐵道鐵道出版社，2002年2月。

劉洪武：《網頁設計與制作（高職教材）》，大連理工大學出版社，2003年7月。李卓玲：《java程序設計語言》，大連理工大學出版社，2003年8月。

執筆人： 審訂人：

第四篇：網頁設計與制作教學大綱

網頁設計與制作教學大綱

(供醫學影像學、護理學本科各專業用)

前 言

《網頁設計與制作》是一門應用性和理論性都很強的課程，是醫學影像和護理學專業的選修課程。通過學習本課程使學生初步了解網頁制作及建立網站的基礎知識，掌握制作網頁和建立網站的技術。

總學時：18學時，實際教學中采用理論教學中穿插上機實踐。

第一章 網頁設計基礎知識

一、目的和要求

(一)了解Internet的功能

(二)理解WWW和網頁、網站的相關概念(三)了解常用的網頁制作工具(四)理解建設網站的基本方法和思路

二、教學內容

(一)網頁基本概念:了解網頁、網站、萬維網（www）、瀏覽器、統一資源定位符（URL）、IP地址、域名、超級鏈接、靜態網頁和動態網頁的基本概念。

(二)網頁設計的相關知識

1、設計網頁的原則: 了解網頁設計的基本原則。

2、網頁設計的一般步驟:了解網頁設計的一般步驟。

3、Web服務器架構:了解Web服務器的概念、會建立IIS，會進行Web站點的設置與管理。

4、網頁制作的常用工具:了解Frontpage、Macromedia Dreamweaver、記事本；了解圖像處理工具Photoshop,Firework，了解動畫制作工具：Macromedia Flash等。

5、客戶端技術：了解HTML、DHTML、XML的概念。

6、服務器端技術：了解ASP、PHP、Java的概念。

第二章 HTML語言

一、目的和要求

(一)熟悉HTML標記語言的基礎知識；(二)熟悉HTML語法基礎；

(三)掌握文本格式標記、列表標記、表格標記、表單及表單控件標記，熟練利用標記編寫頁面代碼；(四)掌握超鏈接、圖像、音樂及流動字幕的設置方法。

二、教學內容

(一)HTML語言基本概念：了解HTML、超文本、Web頁的概念。(二)HTML文檔架構:掌握HTML文檔基本架構。(三)

HTML常用標記

1、掌握文本格式標記：,,,。

2、掌握段落格式標記：,,

5、掌握多媒體標記：,,。

7、掌握超鏈接標記：。

8、掌握表格標記：

9、掌握框架標記：。

10、掌握表單及表單域標記：

第三章 Dreamweaver 8網頁設計

一、目的和要求

(一)熟悉Dreamweaver 8操作界面；(二)掌握Dreamweaver 8建立與管理站點；

(三)掌握如何使用Dreamweaver 8對文本、圖像、表格進行插入與編輯；(四)掌握如何使用Dreamweaver 8創建超鏈接、表單、樣式表；(五)掌握如何在Dreamweaver 8中使用層與框架。

二、教學內容

(一)Dreamweaver 8基礎知識:會啟動、關閉中文Dreamweaver 8，了解Dreamweaver 8的功能、主窗口，標題欄、菜單欄、工具欄、網頁編輯窗口、狀態欄、屬性面板、浮動控制面板組。

(二)站點的建立：熟練掌握利用Dreamweaver 8建立站點、管理站點。

(三)Dreamweaver 8頁面設計: 熟練掌握利用Dreamweaver 8插入文字、插入圖像、插入表格、插入超鏈接、插入媒體元素、插入表單，會使用樣式表控制頁面格式。

(四)頁面布局:熟練掌握利用表格控制頁面布局，會使用框架進行特殊的頁面布局，了解利用層實現頁面布局。

第四章 VBScript腳本語言

一、目的和要求

(一)了解VBScript的基本概念；(二)熟練掌握VBScript語法；

(三)熟練掌握VBScript的sub過程與function函數；(四)會使用VBScript進行簡單編程。

二、教學內容

(一)VBScript的基本概念

1、了解在網頁中如何嵌入VBScript。、了解VBScript語句書寫規則、數據類型、變量、常量、運算符和內置函數的概念。(二)

VBScript的過程與函數

1、熟練掌握VBScript中SUB過程的建立。

2、熟練掌握VBScript中FUNCTION（）函數的使用。

（三）程序設計流程:了解條件語句和循環控制語句

（四）VBScript對象的使用：掌握Window對象、History對象、Form對象的語法格式及使用方法。

并利用案例熟悉對象。

第五章 ASP動態網頁制作

一、目的和要求

(一)深刻理解動態網頁技術和靜態網頁技術的區別和聯系。(二)掌握ASP運行環境的搭建方法及建立ASP動態網站的一般方法。(三)理解Request和Response對象的作用，熟練掌握其使用方法。(四)

能夠綜合運用網頁設計方法創建動態網站。

二、教學內容

(一)ASP概述：了解ASP的概念，ASP的工作過程，ASP與HTML的區別。(二)

ASP動行環境：IIS的安裝，IIS下站點的建立與管理。

(三)ASP的內建對象：掌握Request對象，Request對象可訪問的變量Querystring、form、cookies和server variable；掌握Response對象，Response對象提供的方法write,redirect,end的使用。

(四)ASP動態網站的創建：利用ASP技術驗證表單中用戶填寫的信息。

第六章 網站制作實例

一、目的和要求

(一)鞏固Dreamweaver 8中網站設計的基本方法；(二)鞏固編制HTML和ASP代碼的方法；(三)綜合運用所學知識設計制作小型網站。

二、教學內容

(一)網站的規劃設計：確定網站的主題和名稱，確定網站的形象，確定網站的欄目，確定網站的目錄結構，確定網站的鏈接結構，網站的整體風格，首頁的設計，站點的創建。(二)

靜態網頁設計(三)

動態網頁設計

教材：李京文主編，網頁設計與制作，高等教育出版社，2012。

李京文主編，網頁設計與制作實訓與考試指導，高等教育出版社，2012。

參考書：曾鴻主編，網頁設計與制作高等教育出版社，2009。

第五篇：《網頁設計與制作》教學大綱

《網頁設計與制作》教學大綱

課程編號：14411400 課程總學時：48 周學時數：3 學分：3 課程類型：專業必修課 開課（系）院：教育學院 執筆人：朱 玲 審核人：劉 梅

一、課程簡介

《網頁設計與制作》是一門綜合性、應用性很強的課程，是教育技術學專業的一門專業必修課程。通過學習本課程，能利用Dreamweaver 8來開發出有實用價值的網站來。熟練掌握Dreamweaver 8的基本界面環境和HTML語法，了解當前常用數據庫的基礎知識，能利用數據庫來為網站服務。

本課程以《Dreamweaver 8中文版網頁制作基礎》作為教材，該教材采用項目教學法。項目教學法”是通過實施一個完整的項目而進行的教學活動，其目的是在課堂教學中把理論與實踐教學有機地結合起來，充分發掘學生的創造潛能，提高學生解決實際問題的綜合能力。這也充分體現了我校的培養應用型人才的路線。

二、教學目的與要求

1、教學目的

本課程開設的主要目的，是為了適應web技術的飛速發展，為學生今后在學習、工作中建立網站及網頁制作打下基礎。通過本課程的學習，使學生了解如何規劃并建立站點，掌握制作網頁的基礎知識，能熟練利用Dreamweaver 8提供的強大的功能制作出精美的網站。

2、教學要求

在本課程的學習中，要求學生能夠熟練使用Dreamweaver 8操作環境，掌握HTML的語法規則，并能夠利用Dreamweaver 8的強大功能制做出精美的網頁，同時能獨立創建并管理網站。

三、教學內容及學時安排

第一章Dreamweaver 8概論

[教學目的與要求]

1.認識Dreamweaver 8 2.了解Dreamweaver 8的用途及新增功能 3.熟悉Dreamweaver 8的工作界面 4.熟悉Dreamweaver 8的一些簡單的設置 [重點與難點]

1.Dreamweaver 8的工作界面 2.自定義工作環境 3.選擇視圖方式 [教學時數] 3學時

[教學方法與手段] 講授法與多媒體教學相結合 [主要內容]

一、什么是Dreamweaver

二、新增功能

三、Dreamweaver 8的工作界面

（一）選擇工作界面

（二）界面組成

四、自定義工作環境

（一）顯示/隱藏面板和工具欄

（二）更改“插入”工具欄的外觀

（三）自由組合面板

（四）調整文檔窗口大小

五、選擇視圖方式

（一）代碼視圖

（二）設計視圖

（三）代碼和設計視圖 [實驗實踐教學環節]

實驗項目：熟悉Dreamweaver8操作環境 實驗課時：2學時 [課堂訓練、作業思考題]

1.如何使一個控制面板成為一個獨立的面板？ 2.如何將文檔窗口調整為640×480像素大小？

[教學目的與要求]

1.了解網頁的設計與布局原則 2.明確網站的策劃與創建原則 3.知道網站的開發流程 [重點與難點]

1.網頁的設計與布局原則 2.網站的策劃與創建原則 3.網站的開發流程

第二章 網頁與網站的基本知識

[教學時數] 3學時

[教學方法與手段] 講授法與多媒體教學相結合 [主要內容]

一、網頁設計和布局原則

（一）網頁主題網頁主題時應該遵循以下原則：

（二）網頁命名和標志

（三）網頁的色彩

（四）網頁的文字

（五）網頁中的表格

（六）網頁版面和布局

二、策劃與創建原則

(一)什么是網站(二)網站的目標定位(三)網站的風格(四)網站的CI形象(五)網站的欄目和板塊(六)網站的目錄結構

三、網站的開發流程： [實驗實踐教學環節]

無

[課堂訓練、作業思考題]

1．簡述網站開發需要經過的幾個主要階段。2．簡述制作網頁需要注意的問題。

[教學目的與要求]

1.掌握HTML語言及其基本語法 2.如何制定及清理多余的HTML代碼 3.掌握在各種環境中編輯HTML代碼的方法 [重點與難點] 1．HTML的基本語法 2．使用代碼檢查器 3．設置HTML代碼參數

第三章 HTML語言控制

4．清理多余的HTML代碼 5．編輯HTML代碼 [教學時數] 3學時

[教學方法與手段] 講授法與多媒體教學相結合 [主要內容]

一、什么是HTML

二、HTML的基本語法

三、認識“代碼檢查器”面板

（一）“代碼檢查器”面板的功能

（二）3.3.2 設置“代碼檢查器”面板

四、設置HTML代碼參數

（一）設置代碼顏色

（二）設置代碼格式

（三）設置代碼改寫參數

五、清理HTML代碼

六、編輯HTML代碼

（一）在代碼視圖中編輯HTML

（二）在設計視圖中編輯HTML

（三）在外部代碼編輯器中編輯HTML [實驗實踐教學環節] 無

[課堂訓練、作業思考題]

1．如何清除多余的HTML代碼和多余的word代碼？

第四章 設置文本和網頁屬性

[教學目的與要求]

1.了解文檔的新建、保存和打開

2.掌握怎樣輸入文本、查找和替換、檢查拼寫、設置文本和段落 3.掌握使用水平分隔線和設置網頁屬性等 [重點與難點] 1.文檔的基本操作 2.輸入文本 3.查找與替換 4.拼寫檢查 5.格式化文本 6.使用水平分隔線 7.設置網頁屬性 [教學時數] 3學時

[教學方法與手段] 講授法與多媒體教學相結合 [主要內容]

一、文檔的基本操作

（一）啟動Dreamweaver 8主工作界面

（二）新建文檔 “新建文檔”對話框

（三）保存新文檔

（四）打開文檔

二、輸入文本

(一)文本換行(二)插入特殊字符(三)導入Word文檔(四)添加注釋

三、查找與替換 “查找和替換”對話框

四、拼寫檢查 “檢查拼寫”對話框

五、格式化文本

(一)文本屬性欄(二)設置文本格式(三)設置段落格式

六、使用水平分隔線

(一)4.6.1 添加水平分隔線(二)4.6.2 修改屬性(三)4.6.3 設置顏色

七、設置網頁屬性

(一)4.7.1 使用“頁面屬性”對話框(二)4.7.2 使用網頁配色方案 [實驗實踐教學環節]

實驗項目：插入網頁對象（第4、5、9、12章）實驗課時：3學時 [課堂訓練、作業思考題]

1．如何使啟動程序不顯示起始頁？ 2．簡述創建一個空白文檔的過程。

第五章 使用網頁圖像

[教學目的與要求]

1.了解網頁圖像的基本概念

2.掌握如何插入圖像、如何編輯圖像 3.掌握如何創建圖像映射即熱點 [重點與難點]

1．網頁圖像的格式 2．插入圖像 3．編輯圖像 4．創建圖像映射 [教學時數] 3學時

[教學方法與手段] 講授法與多媒體教學相結合 [主要內容]

一、網頁圖像簡述

(一)位圖圖像(二)矢量圖像(三)常見網頁圖像格式

二、插入圖像

(一)插入普通圖像

(二)插入鼠標經過時變化的圖像(三)插入網頁背景圖像

三、編輯圖像

(一)5.3.1 調整圖像大小(二)5.3.2 剪掉圖像的多余部分(三)5.3.3 調整圖像的亮度和對比度(四)5.3.4 銳化圖像(五)5.3.5 圖像的排列方式(六)5.3.6 設置圖像間距(七)5.3.7 用文字代替圖像(八)5.3.8 使用圖像編輯器

四、創建圖像映射

(一)5.4.1 什么是圖像映射圖(二)5.4.2 圖像映射面板(三)5.4.3 定義和編輯熱點(四)5.4.4 為熱點建立鏈接 [實驗實踐教學環節]

實驗項目：插入網頁對象（第4、5、9、12章）實驗課時：2學時 [課堂訓練、作業思考題]

1．如何在網頁中用文字代替圖像？ 2．如何為熱點建立鏈接？

[教學目的與要求]

1.掌握表格的創建和使用、表格的編輯和修改2.掌握表格的套用樣式和嵌套 3.掌握如何使用表格進行頁面布局 [重點與難點]

1．創建表格 2．編輯表格

第六章 創建和使用表格

3．套用表格 4．表格的嵌套

5．使用表格進行頁面布局 [教學時數] 3學時

[教學方法與手段] 講授法與多媒體教學相結合 [主要內容]

一、創建表格

(一)插入表格并添加內容(二)導入表格數據文件

二、編輯表格

(一)添加/刪除行列(二)調整表格大小(三)調整行高和列寬(四)合并/拆分單元格(五)設置單元格的寬度和高度(六)設置表格的邊框顏色(七)設置表格的背景

三、套用表格樣式

四、表格的嵌套

五、使用表格進行頁面布局

(一)布局模式

(二)繪制布局單元格和布局表格(三)將內容添加到布局單元格中(四)使用間隔圖像

(五)更改布局表格和布局單元格的屬性[實驗實踐教學環節]

實驗項目：網頁布局（第6、7、8章）實驗課時：2課時 [課堂訓練、作業思考題]

1．簡述合并和拆分單元格的幾種方法。2．怎樣在布局表格中使用間隔圖像？

第七章 創建和使用框架

[教學目的與要求]

1.理解框架和框架集的概念

2.掌握如何創建、選擇框架和框架集

3.掌握如何設置框架和框架集的屬性及編輯框架頁面 [重點與難點]

1.創建框架與框架集 2.選擇框架與框架集的方法 3.設置框架與框架集的屬性 4.編輯框架頁面 [教學時數] 3學時

[教學方法與手段] 講授法與多媒體教學相結合 [主要內容]

一、什么是框架與框架集

二、創建框架與框架集

(一)使用預定義創建框架集(二)自己設計框架集(三)刪除框架(四)創建嵌套框架集

三、選擇框架與框架集

(一)在文檔窗口中選擇(二)在“框架”面板中選擇

四、設置框架與框架集屬性

（一）設置框架屬性

（二）設置框架集屬性

五、編輯框架頁面

(一)7.5.1 設置框架中文檔的背景顏色(二)7.5.2 使用鏈接控制框架內容(三)7.5.3 替換框架文件

(四)7.5.4 保存框架和框架集文件(五)7.5.5 解決瀏覽器無法顯示框架的問題 [實驗實踐教學環節]

實驗項目：網頁布局（第6、7、8章）實驗課時：2課時 [課堂訓練、作業思考題]

1．如何刪除框架和框架集？ 2．怎樣替換框架文件？

[教學目的與要求]

1.了解創建層

2.掌握設計層屬性、編輯層 3.掌握層和表格的轉換 [重點與難點]

1．創建層 2．設置層屬性 3．編輯層 4．層和表格的轉換 [教學時數] 3學時

[教學方法與手段]

第八章 創建和使用層 講授法與多媒體教學相結合 [主要內容]

一、創建層

(一)創建平鋪式層(二)創建重疊式層(三)創建嵌入式層

二、設置層的屬性

(一)設置層參數(二)設置單個層屬性(三)同時設置多個層的屬性

三、編輯層

(一)使用“層”面板 通過“層”面板可以管理文檔中的層。

(二)使用“層”面板可以防止層重疊、更改層的可見性、將層嵌套或層疊，以及選擇一個或多個層。(三)在層中添加內容(四)選擇和移動層(五)防止層重疊(六)改變層的堆疊次序

(七)顯示/隱藏層(八)創建預先載入層(九)調整層的大小

層和表格的轉換層

(一)將層轉換成表格(二)將表格轉換成層 [實驗實踐教學環節]

實驗項目：網頁布局（第6、7、8章）實驗課時：2課時 [課堂訓練、作業思考題]

1．如何創建預先載入層？ 2．簡述表格與層的轉換方法。

[教學目的與要求]

1.了解表單與表單元素的基本概念

第九章 表 單

四、2.掌握表單的創建及表單元素的插入和設置方法 3.掌握檢查表單以驗證表單元素正確性 [重點與難點]

1.表單的創建

2.插入與設置文本域和文本區域

3.插入與設置復選框、單選按鈕和單選按鈕組 4.插入與設置列表框和彈出菜單 5.插入與設置跳轉菜單 6.插入與設置文件域 7.插入與設置表單按鈕 8.檢查表單 [教學時數] 3學時

[教學方法與手段] 講授法與多媒體教學相結合 [主要內容]

一、表單與表單元素(一)表單(二)表單元素

二、表單

(一)創建表單(二)設置表單屬性

三、文本域和文本區域

(一)插入文本域(二)設置文本域的屬性(三)插入文本區域

四、復選框、單選按鈕和單選按鈕組

(一)插入單選按鈕與復選框(二)設置單選按鈕與復選框的屬性

五、列表框和彈出菜單

(一)插入列表框與彈出菜單(二)設置列表/菜單屬性(三)跳轉菜單(四)文件域(五)表單按鈕(六)標準表單按鈕(七)圖片式按鈕(八)檢查表單 [實驗實踐教學環節]

實驗項目1：插入網頁對象（第4、5、9、12章）實驗課時：3學時 實驗項目2：表單對象 實驗課時：2課時 [課堂訓練、作業思考題]

1．文本域與文本區域有何區別？ 2．如何插入跳轉菜單？

第十章 添加超級鏈接和導航工具條

[教學目的與要求]

1.掌握在Dreamweaver 8中創建超級鏈接的基本方法；

2.了解超級鏈接的種類：包括內部、外部超級鏈接、為E-mail和下載文件添加超級鏈接、使用錨點和導航條工具等內容。[重點與難點]

1、內部超級鏈接的使用方法；

2、外部超級鏈接的使用方法；

3、為圖片添加超級鏈接；

4、為E-mail創建超級鏈接；

5、設置下載文件鏈接；

6、錨點的創建方法；

7、導航條的創建方法； [教學時數] 3學時

[教學方法與手段] 講授法與多媒體教學相結合 [主要內容]

一、什么是超級鏈接

(一)超級鏈接的概念(二)鏈接路徑

二、使用內部超級鏈接

(一)10.2.1 為文字添加超級鏈接(二)10.2.2 設置文字超級鏈接的屬性(三)10.2.3 為圖片添加超級鏈接

三、外部超級鏈接

四、為E-mail和下載文件添加超級鏈接

（一）為E-mail添加超級鏈.（二）為下載文件添加超級鏈接

五、使用錨點

（一）創建錨點

（二）鏈接錨點

六、使用導航工具條

（一）插入導航條

（二）修改導航條 [實驗實踐教學環節]

無

[課堂訓練、作業思考題]

1．簡述超級鏈接的分類。2．如何創建錨點？

第十一章 層疊樣式表

[教學目的與要求]

1.掌握CSS的基本語法與功能、“CSS樣式”面板與“相關CSS”面板的使用、應用類樣式的方法、插入樣式表的方式、CSS樣式的屬性設置；

2.了解樣式表的優先順序等內容。[重點與難點]

1.CSS樣式的創建、編輯與導出 2.應用類樣式 3.設置CSS樣式屬性 4.CSS樣式的優先順序 [教學時數] 3學時

[教學方法與手段] 講授法與多媒體教學相結合 [主要內容]

一、層疊樣式表概述

(一)什么是CSS(二)CSS的基本語法

二、CSS樣式的創建、編輯與導出

(一)認識“CSS樣式”面板(二)認識“相關CSS”面板(三)創建CSS樣式

(四)導出樣式以創建CSS樣式表(五)管理CSS樣式(六)鏈接和導出外部樣式表(七)編輯CSS樣式(八)編輯外部樣式表

三、應用類樣式

(一)應用自定義的CSS樣式(二)刪除自定義的CSS樣式

四、設置CSS樣式屬性(一)“類型”選項(二)“背景”選項(三)“區塊”選項(四)“方框”選項(五)“邊框”選項(六)“列表”選項(七)“定位”選項(八)“擴展”選項

五、CSS樣式的優先順序

[實驗實踐教學環節] 無

[課堂訓練、作業思考題]

1．簡述CSS樣式的作用。2．簡述創建CSS樣式的方法。

[教學目的與要求]

1.掌握插入Flash動畫、Shockwave電影第十二章 插入多媒體組件

2.掌握插入Applet程序、ActiveX控件和插件等內容 [重點與難點]

1.添加Flash動畫。2.添加Shockwave電影。3.添加Java Applet程序。4.使用ActiveX控件。5.使用插件。

6.添加聲音背景和聲音文件。7.插入日期和時間。[教學時數] 3學時

[教學方法與手段] 講授法與多媒體教學相結合 [主要內容]

一、插入多媒體文件簡介

二、添加Flash動畫

(一)插入Flash動畫(二)設置Flash動畫屬性(三)參數簡介

三、插入Shockwave電影

(一)插入Shockwave電影(二)設置Shockwave電影屬性

四、插入Java Applet程序

（一）插入Java Applet程序

（二）設置Java Applet屬性

五、設置ActiveX控件

六、設置Netscape Navigator插件

(一)插入插件(二)設置插件屬性

七、在網頁中添加聲音

(一)聲音文件格式(二)為網頁加入背景音樂(三)嵌入聲音文件

八、插入日期和時間

九、使用計數器 [實驗實踐教學環節]

實驗項目：插入網頁對象（第4、5、9、12章）實驗課時：3學時 [課堂訓練、作業思考題]

1．簡述可以插入的多媒體組件的種類。2．如何在網頁中嵌入聲音文件？

第十三章 生成動態特效

[教學目的與要求]

1.了解行為的含義

2.掌握應用Dreamweaver 8中內置的各種行為、為對象附加行為及獲取更多的行為 [重點與難點]

1.了解行為

2.了解Dreamweaver 8的內置行為 3.應用行為 [教學時數] 3學時 [教學方法與手段] 講授法與多媒體教學相結合 [主要內容]

一、什么是行為

二、Dreamweaver 8中的行為(一)認識行為面板(二)內置行為

三、應用行為(一)為對象附加行為(二)獲得更多的行為

四、動態特效實例(一)改變對象屬性(二)檢查瀏覽器(三)檢查插件(四)制作彈出窗口(五)制作動態圖片說明(六)設置狀態欄信息(七)設置播放聲音 [實驗實踐教學環節]

實驗項目：制作動態網頁 實驗課時：3課時 [課堂訓練、作業思考題]

1．簡述改變層屬性的方法。

2．簡述單擊某按鈕時發出聲音特效的制作方法。

第十四章 庫與模版

[教學目的與要求]

1.掌握如何創建和設置庫項目，為網頁添加庫項目和編輯庫項目 2.掌握如何創建、設置模板的網頁屬性 3.掌握如何導入導出XML內容 [重點與難點]

1.設置庫項目參數 2.編輯庫項目 3.利用庫項目更新網站 4.使用模板創建網頁 5.修改模板屬性 6.導入導出XML內容 [教學時數] 3學時

[教學方法與手段] 講授法與多媒體教學相結合 [主要內容]

一、庫與模版概述

二、使用庫項目(一)創建庫項目(二)將庫項目添加到網頁

三、編輯庫項目

（一）認識庫項目屬性面板

（二）刪除與重命名庫項目

（三）修改庫項目

四、利用庫項目更新網站

五、創建模版

（一）將文檔另存為模版

（二）創建可編輯區域

（三）創建重復區域

（四）定義可編輯標簽屬性

六、創建基于模版的文檔

七、修改模版屬性

八、導入導出XML內容 實驗實踐教學環節] 無

課堂訓練、作業思考題]

1．如何設置可編輯區域及可重復區域？ 2．更改了庫項目或模版后，如何更新網站？教學目的與要求]

1.掌握站點的規劃和設計知識 2.掌握本地和遠程的概念

第十五章 規劃和設計站點

[ [

[3.掌握創建本地站點的方法

4.掌握設置本地和遠程文件夾，管理站點 [重點與難點]

1．創建本地站點 2．設置本地和遠程文件夾 3．管理Web站點 [教學時數] 3學時

[教學方法與手段] 講授法與多媒體教學相結合 [主要內容]

一、關于站點規劃和設計

二、關于本地與遠程的幾個概念(一)本地計算機和Internet服務器(二)本地站點和遠程站點

三、創建本地站點

四、設置本地和遠程文件夾(一)設置本地文件夾(二)設置遠程文件夾

(三)為FTP訪問選擇主機目錄(四)設置遠程文件夾時應注意的事項

五、管理Web站點(一)導入與導出站點(二)從站點列表中刪除站點(三)獲取和上傳文件

(四)同步本地和遠程站點上的文件(五)遮蓋站點中的文件夾和文件(六)使用設計備注 [實驗實踐教學環節]

無

[課堂訓練、作業思考題]

1．簡述應用定義站點高級選項卡定義站點的過程。

第十六章 上傳站點

[教學目的與要求] 1.了解如何申請個人網站空間 2.知道到哪里去下載免費網站空間

3.了解如何將網站上傳到WWW服務器以及如何推廣網站等 [重點與難點]

1.申請網站空間 2.上傳站點 3.網站的宣傳和推廣 [教學時數] 3學時

[教學方法與手段] 講授法與多媒體教學相結合 [主要內容]

一、申請網站空間

(一)選擇網站空間(二)申請方法

二、上傳站點

（一）設置本地服務器地址

（二）傳送站點

三、宣傳和推廣

（一）用E-mail形式來宣傳

（二）在BBS或新聞組中宣傳(三)在搜索引擎網站中宣傳(四)廣告與友情鏈接

(五)在Dreamweaver 8中插入關鍵詞與描述 [實驗實踐教學環節]

無

[課堂訓練、作業思考題]

1．簡述申請個人免費網絡空間的方法。

三、教學方法與手段

本課程采用講授法、演示法、實驗法、討論法、探究式等多種教學方法進行教學，教學手段采用了傳統教具、多媒體投影以及計算機網絡等。

四、教材與教學參考書

[1] 孫印杰，薛書琴，俞露等編著.新世界Dreamweaver 8中文版應用教.電子工業出版社，2008.[2] 希望圖書創作室編著.Dreamweaver（中文版)8標準教程.兵器工業出版社，2007.[3] 楊聰，韓小祥，周國輝主編.Dreamweaver 8網頁設計案例實訓教程.中國人民大學出版社，2009.[4] 葛艷玲主編.網頁制作基礎教程（Dreamweaver 8.0）（第2版）.電子工業出版社，2009.[5] 導向科技編著.中文版Dreamweaver 8網頁設計培訓教程.人民郵電出版社，2006.五、實驗實踐教學

實驗教學是網頁設計與制作的重要實踐環節。通過實驗，使學生加深理解、驗證、鞏固課堂教學內容，對Dreamweaver 8有一較全面的認識。培養學生分析問題和解決問題的能力，為以后深入學習教育技術專業的其它課程打下堅實的基礎。

實驗教學的主要目的是培養學生的動手能力，要求學生熟練掌握Dreamweaver 8的基本操作，網頁的設計制作，網站的建立與管理等技能。

為使學生鞏固課堂所學知識，根據教學內容本課程共設5項實驗，分別是熟悉Dreamweaver 8的操作環境、插入網頁對象、網頁布局、表單對象和制作動態網頁，最終學生上機實驗完成最終作品。

六、課外訓練及自學指導

（一）課外訓練體系 1．訓練目的與要求

網頁設計與制作是一門實踐性很強的課程，要想熟練的掌握Dreamweaver 8有關操作，網頁制作和網站開發與管理的技能，就必須大力加強課外訓練。

課外訓練的主要目的：充分掌握網頁制作的有關技能操作，學會設計單個網頁，能夠開發一個小型網站。2．訓練內容與方法 訓練的內容主要是每一章的重點難點知識，訓練的方法主要有觀摩法和實踐法。

（二）自學指導體系 1．自學目的與要求

這門課程要求學生不僅僅是掌握課本上的知識，課本上的知識是遠遠不夠的，這就要求學生必須自學。自學的主要目的是擴展知識面，加深對該課程知識的認識。要求知道與網頁制作有關的知識。

2．自學內容與方法

自學的內容主要是網頁制作的有關知識，除了Dreamweaver 8軟件的有關操作以外，還要學習Flash、Fireworks等軟件的有關網頁制作知識。

自學的方法主要有資料查閱法、討論法、網上學習法、實驗練習法等。

七、考試考核

本課程的考試形式為技能考核，學生的學業成績實行結構化成績，由考試主卷成績、副卷(實驗)成績和平時成績構成，其中考試主卷成績占60％，副卷成績占20％，平時成績占20％。