第一篇：網(wǎng)頁制作教學大綱[本站推薦]

《網(wǎng)頁制作》教學大綱

一、課程的性質(zhì)與任務(wù)

本課程屬于計算機技術(shù)基礎(chǔ)的多媒體系列課程。主要學習Macromedia公司制作網(wǎng)頁的軟件——Dreamweaver8。通過本課程的學習，使學生了解網(wǎng)頁設(shè)計的基礎(chǔ)知識，熟練掌握網(wǎng)頁制作的基本方法，具有制作網(wǎng)頁的能力。

二、課程教學總體目標

通過本課程的課堂教學，系統(tǒng)學習網(wǎng)站的工作原理、HTML代碼和網(wǎng)頁制作軟件Dreamweaver8的使用，使學生熟練掌握網(wǎng)站創(chuàng)建技術(shù)。

由于本課程具有很強的實踐性，所以在教學過程中應(yīng)注重典型案例的教學，通過案例使學生掌握HTML語言和Dreamweaver8的使用，并能設(shè)計和制作出功能強大的網(wǎng)站。

三、課程教學學時安排

本課程所需學時為204 學時，其中理論課為72學時，實踐教學為96學時及課程設(shè)計36學時，教學周數(shù)17周。

四、課程教學內(nèi)容及教學要求

(一)教學內(nèi)容

第1章

網(wǎng)頁設(shè)計導論（4學時）1.1 網(wǎng)頁的設(shè)計構(gòu)思和布局

1.2 站點規(guī)劃與設(shè)計流程 1.3 主頁的基本制作流程 1.4 網(wǎng)站的后期

第2章

Dreamweavre8的基本操作（4學時）

2.1 創(chuàng)建Dreamweaver站點 2.2 編輯站點 2.3 文檔管理

2.4 設(shè)置文檔屬性

2.5 在文檔窗口中選擇元素

第3章

網(wǎng)頁元素的基本操作

（6學時）3.1 文本處理 3.2 圖片處理 3.3 多媒體處理

第4章

表格與布局（10學時）4.1 表格基本應(yīng)用與高級應(yīng)用

4.2 布局應(yīng)用

第5章

超級鏈接（8學時）第6章

框架

（10學時）第7章

表單

（12學時）7.1 表單域的創(chuàng)建與修改、檢查

7.2 常用表單元素

第8章

層

（4學時）

第9章

模板和庫

（12學時）第10章

行為

（8學時）

第11章

Css樣式表

（14學時）第12章

動態(tài)網(wǎng)頁設(shè)計（24學時）12.1 Asp工作原理、ASP腳本語言 12.2 ASP應(yīng)用對象

12.3 Access數(shù)據(jù)庫基本操作 12.4 ASP操作數(shù)據(jù)庫Access 第13章

站點發(fā)布（4學時）

第14章

在Dreamweaver中編寫Html代碼（14學時）14.1 HTML語言基礎(chǔ)、常用標記

14.2 在Dreamweaver中編輯代碼、優(yōu)化代碼 14.3 制作網(wǎng)頁按鈕

14.4 手繪網(wǎng)頁插畫

第15章

綜合網(wǎng)站開發(fā)（12學時）

15.1 網(wǎng)站定位與規(guī)劃、功能模塊設(shè)計與數(shù)據(jù)庫設(shè)計

15.2 首頁、模板、網(wǎng)頁頁面、模塊整合與網(wǎng)站測試 第16章

網(wǎng)站制作實例：

（58學時）

門戶站點主頁

16.1 網(wǎng)頁的布局設(shè)計和實現(xiàn) 16.2 制作網(wǎng)頁素材 16.3 構(gòu)建網(wǎng)頁框架

16.4 制作其他特效

（二）教學要求

了解網(wǎng)頁設(shè)計與制作內(nèi)容的規(guī)劃方法、設(shè)計網(wǎng)頁布局、站點規(guī)化與設(shè)計流程，編輯站點、Logo Banner設(shè)計思路、動作腳本的用途等基本概念。

掌握制作一個主頁的基本流程，具體頁面元素的設(shè)置方法、設(shè)置布局、單元格和表格格式的方法，調(diào)整圖像和占位符屬性的方法等。

熟練掌握網(wǎng)站的鏈接和導航，創(chuàng)建站點常見元素、網(wǎng)頁的發(fā)布和調(diào)試。

第1章

網(wǎng)頁設(shè)計導論 教學重、難點： 1.網(wǎng)頁內(nèi)容的規(guī)劃 2.設(shè)計網(wǎng)頁布局

3.站點規(guī)劃與設(shè)計流程 4.創(chuàng)建設(shè)計圖

5.主頁的基本制作流程

第2章

Dreamweavre8的基本操作 教學重、難點： 1.啟動、退出 2.站點建立

3.針對要創(chuàng)建的文檔選擇模板 4.文檔的屬性調(diào)整 5.選擇頁面元素

第3章

網(wǎng)頁元素的基本操作 教學重、難點： 1.設(shè)置文本格式 2.文本的對齊排列 3.編輯字體組合

4.插入圖像和圖像占位符

5.調(diào)整圖像和圖像占位符屬性 第4章

表格與布局 教學重、難點： 1.表格的設(shè)置

2.使用布局單元格控制頁面 3.設(shè)置布局格式

4.設(shè)置布局單元格和表格的格式 第5章

超級鏈接 教學重、難點： 1.設(shè)置文本格式 2.編輯字體組合

4.插入圖像和圖像占位符

5.調(diào)整圖像和圖像占位符屬性 6.設(shè)置超級鏈接

第6章

框架 教學重、難點：

1.預(yù)定義框架的創(chuàng)建 2.編輯框架和框架集

3.調(diào)整框架和框架集屬性 4.使用布局單元格控制頁面 5.設(shè)置布局格式 第7章

表單 教學重、難點： 1.表單的概念 2.表單的設(shè)置 第8章

層

教學重、難點： 1．層的使用

3．層的屬性調(diào)整 第9章 模板和庫 教學重、難點： 1.創(chuàng)建與編輯模板 2.創(chuàng)建與編輯庫 第10章 行為 教學重、難點： 1.行為的概念 2.行為的應(yīng)用

第11章

Css樣式表 教學重、難點： 1.創(chuàng)建Css樣式表 2.樣式表的編輯

第12章

動態(tài)網(wǎng)頁設(shè)計 教學重、難點： 1.ASP腳本語言 2.ASP的應(yīng)用對象

3.Access數(shù)據(jù)庫的基本操作 第13章

站點發(fā)布 教學重、難點： 1.站點發(fā)布的步驟 2.站點地圖的使用 3.站點的同步更新

第14章

在Dreamweaver中編寫Html代碼 教學重、難點： 1.Htm常用標記 2.代碼的優(yōu)化

第15章

綜合網(wǎng)站開發(fā) 教學重、難點： 1.創(chuàng)建IIS服務(wù)器 2.指定主目錄 3.創(chuàng)建虛擬目錄 4.指定默認文檔

5.Dreamweaver站點管理 第16章

網(wǎng)站制作實例 教學重、難點：

1.實現(xiàn)設(shè)計的網(wǎng)頁布局

2.Logo與Banner的制作步驟 3.構(gòu)建網(wǎng)頁框架

4.彈出式窗口和浮動窗口的創(chuàng)建方法

五、考試方式

1、考試突出網(wǎng)頁制作的能力，理論知識要求從考試中體現(xiàn)。

2、考核成績計算：平時成績（包括平時作業(yè)、考勤、實驗）40%、期末考試50%、課程設(shè)計（設(shè)計一套較完整的網(wǎng)站及相關(guān)頁面。包括網(wǎng)站文件、素材庫、運行發(fā)布）10%

3、考試的形式為機考。

六、教材和主要參考書

教材：《中文Dreamweavre8網(wǎng)頁制作教程與上機實訓》 魏聰?shù)染幹?機械工業(yè)出版社

2008年1月

參考書：《網(wǎng)頁設(shè)計與制作》，于淼主編 中國人民大學出版社 2006版

《 Dreamweaver8網(wǎng)頁設(shè)計全方位學習》 孫良軍編著 中國青年出版社 2006 年5月

第二篇：網(wǎng)頁制作教學大綱(專業(yè)課)

《網(wǎng)頁制作》教學大綱（40學時）

課程代碼：13407334

一、課程性質(zhì)、目的及開課對象

（一）課程性質(zhì)：專業(yè)選修課

（二）目的：對學生進行網(wǎng)頁制作技能訓練，提高他們對網(wǎng)絡(luò)資源利用開發(fā)的能力，處于信息時代，還應(yīng)努力培養(yǎng)學生的信息素養(yǎng)，使他們掌握網(wǎng)頁制作的基本技能和網(wǎng)絡(luò)資源利用的基本能力，以及網(wǎng)絡(luò)道德素養(yǎng)的培養(yǎng)與提高。

（三）開課對象：教育技術(shù)學專業(yè)本科學生，時間為第七學期。

二、先修課程：無

三、教學方法和考核方法

（一）教學方法：演示法、講授法。

（二）考核方式：考查

四、學時數(shù)分配

總學時：40學時。授課20學時，實驗20學時。

五、教學內(nèi)容與學時

第一章 HTML基礎(chǔ)（2學時）【主要內(nèi)容】：

1.1 什么是HTML 1.Web頁的基本概念 2.HTML的工作原理 3.創(chuàng)建和測試Web頁 1.2 創(chuàng)建WEB頁 1.標記符基礎(chǔ)

2.Web頁的基本結(jié)構(gòu) 3.設(shè)置頁面屬性 4.添加注釋 5.顯示特殊符號 1.3 發(fā)布WEB頁 1.創(chuàng)建本地站點 2.申請網(wǎng)頁空間 3.用FTP上傳網(wǎng)頁

【重點難點】：站點的創(chuàng)建與使用

【學生掌握要點】：什么是HTML、站點的創(chuàng)建與使用 【習題】：

1.簡要說明HTML的基本工作原理。

2.編寫一個能夠顯示背景圖案并能播放背景音樂的網(wǎng)頁。

第二章 文本格式（2學時）【主要內(nèi)容】： 2.1 文本分段

1.段落標記符P和換行標記符BR 2.水平線標記符HR 3.標題標記符Hn 4.段落對齊

2.2 控制文本的顯示效果 1.字體控制標記符FONT 2.物理字符樣式 3.邏輯字符樣式 4.滾動文字效果 2.3 列表格式 1.有序列表 2.無序列表

【重點難點】：控制文本的顯示效果 【學生掌握要點】：文本格式化 【習題】：

1、自行編寫實例，嘗試本章中介紹的所有標記符和屬性。

第三章

使用圖像（4學時）【主要內(nèi)容】：

3.1 web頁圖像基礎(chǔ) 1.位圖與矢量圖形 2.Web頁圖像格式 3.使用網(wǎng)頁圖像的要點 3.2 圖像處理基本操作 1.Fireworks的界面 2.修改圖像大小

3.用適當?shù)母袷綄С鰣D像 4.制作GIF動畫 3.3 圖像標記符IMG 1.插入圖像 2.設(shè)置圖像屬性 3.4 創(chuàng)建超鏈接

1.相對地址和絕對地址 2.頁面鏈接 3.錨點鏈接 4.電子郵件鏈接 3.5 使用圖像映射 1.什么是圖像映射 2.創(chuàng)建圖像映射

【重點難點】：創(chuàng)建超級鏈接和對頁面空間結(jié)構(gòu)的理解?！緦W生掌握要點】：圖像處理基礎(chǔ)、圖像處理、超級鏈接 【習題】：

1.2.3.4.簡要說明GIF格式和JPEG格式各自的特點。說明在網(wǎng)頁中使用圖像時應(yīng)注意的基本原理。

使用FRIEWORKS制作一個GIF動畫，并將動畫插入到網(wǎng)頁中。制作一個簡單的圖像映射網(wǎng)頁。

第四章

表格與框架（2學時）【主要內(nèi)容】：

4.1 創(chuàng)建表格

1.表格的基本結(jié)構(gòu) 2.合并單元格

3.構(gòu)造表格的步驟 4.2 表格的屬性設(shè)置 1.邊框與分隔線 2.控制單元格空白 3.表格的對齊

4.3 使用表格設(shè)計網(wǎng)頁布局 1.控制表格和單元格大小 2.控制表格和單元格的背景 3.使用嵌套表格

4.表格布局綜合應(yīng)用 4.4 創(chuàng)建框架 1.什么是框架 2.指定框架結(jié)構(gòu) 3.框架的嵌套 4.框架的初始化

4.5 控制框架的顯示效果 1.邊框效果 2.設(shè)置框架空白

4.6 使用框架設(shè)計網(wǎng)頁布局 1.指定超鏈接的目標框架 2.使用頁面框架

【重點難點】：使用表格與框架設(shè)計網(wǎng)頁布局

【學生掌握要點】：實現(xiàn)表格的各種作用、使用框架設(shè)計網(wǎng)頁布局 【習題】：

1、按照講解實例自行制作。

2、制作一個簡單的個人網(wǎng)站，要求使用表格排版，并用到框架導航結(jié)構(gòu)。請注意不同頁面到框架頁面的跳轉(zhuǎn)，以及如何從框架頁面跳出。第五章

CSS技術(shù)（4學時）【主要內(nèi)容】：

6.1 CSS入門 1.什么是CSS 2.CSS的屬性單位 6.2 在網(wǎng)頁中使用CSS 1.在標記符中直接嵌套樣式信息 2.在STYLE標記符中定義樣式信息 3.鏈接外部樣式表中的樣式信息 4.樣式的優(yōu)先級 6.3 CSS樣式定義

1.HTML標記符selector 2.具有上下文關(guān)系的HTML標記符selector 3.用戶定義的類selector 4.用戶定義的ID selector 5.虛類selector 6.4 CSS屬性

1.字體與文本屬性 2.顏色與背景屬性 3.布局屬性

4.定位和顯示屬性 5.列表屬性 6.鼠標屬性

6.5 CSS過濾器效果 1.過濾器屬性列表 2.過濾器效果示例

【重點難點】：CSS樣式定義

【學生掌握要點】：在網(wǎng)頁中使用CSS 【習題】：

1.2.3.4.簡要說明在網(wǎng)頁中使用CSS的三種方式，并說明各自的特點。說明如何確定網(wǎng)頁中特定CSS樣式的優(yōu)先級。試驗各節(jié)介紹的各種CSS屬性效果和過濾器效果。

制作一個個人網(wǎng)站，要求合理使用CSS技術(shù)和其他網(wǎng)頁技術(shù)。

第六章

用DreamweaverMX制作網(wǎng)頁（6學時）【主要內(nèi)容】：

7.1 DreamweaverMX的界面 1.DreamweaverMX的界面元素 2.設(shè)置文檔窗口 7.2 創(chuàng)建和管理站點 1.網(wǎng)站開發(fā)流程 2.創(chuàng)建本地站點 3.管理本地站點

4.創(chuàng)建與管理遠程站點 7.3 文本修飾與超鏈接 1.制作網(wǎng)頁的一般過程 2.設(shè)置字符格式 3.設(shè)置段落格式 4.設(shè)置列表格式 5.使用超鏈接 7.4 使用圖像 1.插入圖像 2.設(shè)置圖像屬性 3.制作圖像映射 4.動態(tài)圖像效果 7.5 使用多媒體對象 1.使用聲音與視頻 2.使用Flash對象 7.6 設(shè)置頁面版式 1.使用表格排版 2.使用層排版 3.使用框架排版 7.7 表單與行為 1.創(chuàng)建表單 2.創(chuàng)建表單控件

3.添加表單控件標簽 4.行為的概念與基本操作

5.使用DreamweaverMX自帶的行為動作 7.8 使用樣式

1.使用HTML樣式 2.創(chuàng)建和應(yīng)用CSS樣式

3.創(chuàng)建和鏈接外部CSS樣式表

【重點難點】：站點的建立與管理；網(wǎng)頁設(shè)計與制作 【學生掌握要點】：用DreamweaverMX制作網(wǎng)頁 【習題】：

1.簡要說明Dreamweaver的界面組成元素及其相應(yīng)功能。

2.簡要說明網(wǎng)站建設(shè)的工作流程，規(guī)劃站點時要考慮哪些問題？設(shè)計站點時要考慮哪些問題？

3.總結(jié)在Dreamweaver中制作網(wǎng)頁的一般過程。4.如何在網(wǎng)頁中使用聲音和視頻？

5.在Dreamweaver中分別用表格和層兩種方法制作同一個頁面效果。具體頁面要求見授課內(nèi)容。

6.在Dreamweaver中實現(xiàn)一個簡單的網(wǎng)站（5－10頁），要求使用框架導航結(jié)構(gòu)。7.什么是行為？Dreamweaver提供哪些常用的行為動作？它們的作用是什么？

8.什么是HTML樣式？它和CSS樣式有何不同？在Dreamweaver中能夠?qū)崿F(xiàn)哪些類型的CSS樣式？

9.簡述在Dreamweaver中使用CSS樣式表的步驟。

六、教材與教參

（一）教材：

無

（二）教參：

1、《網(wǎng)頁制作教程》

2、《網(wǎng)頁制作三劍客實例精粹》

3、《跟我學Dreamweaver MX》

趙豐年等 姜谷鵬等 甘登岱等6

人民郵電出版社航空工業(yè)出版社人民郵電出版社 2005年 2003年 2002年

第三篇：《網(wǎng)頁設(shè)計與制作》教學大綱

《網(wǎng)頁設(shè)計與制作》教學大綱

一、課程基本信息

課程編號：

中文名稱：網(wǎng)頁設(shè)計與制作

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

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

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

1、網(wǎng)頁設(shè)計與制作教程，熊前興 閔聯(lián)營，科學出版社;

2、網(wǎng)站與網(wǎng)頁設(shè)計，張貴明，清華大學出版社;

3、網(wǎng)頁美術(shù)設(shè)計原理及實戰(zhàn)策略，王曉峰 焦燕，清華大學出版社;

4、網(wǎng)站建設(shè)典型案例，張梟，清華大學出版社；

二、課程教學目標：

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

三、理論教學內(nèi)容與要求

第一章、網(wǎng)頁的基礎(chǔ)知識（1學時）（1）Internet基礎(chǔ)知識

（2）www簡介

（3）網(wǎng)頁制作的技術(shù)和工具介紹

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

（3）列表標記

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

第三章、JavaScript語言（4學時）（1）JavaScript語言簡介（2）JavaScript編程基礎(chǔ)（3）基于對象的JavaScript語言（4）JavaScript程序?qū)嵗?/p>

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

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

第六章、動態(tài)網(wǎng)頁設(shè)計語言ASP（4學時）（1）ASP簡介（2）VBScript腳本基礎(chǔ)（3）ASP的內(nèi)置對象（4）實用Global.asa文件

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

總結(jié)復(fù)習（1學時）

四、實驗教學內(nèi)容與要求

五、作業(yè)

六、考核方式

期末考核每個同學為自己設(shè)計制作一個博客網(wǎng)站。

七、成績評定

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

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

八、執(zhí)行大綱時應(yīng)注意的問題

根據(jù)學生對課程內(nèi)容的掌握和理解程度會對進度做適當?shù)恼{(diào)整。

執(zhí)筆人：邢雁平

第四篇：《網(wǎng)頁制作》教學大綱簡易教案

《網(wǎng)頁制作》教學大綱簡易教案

網(wǎng)站開發(fā)流程

?規(guī)劃 確定建設(shè)網(wǎng)站的目標； 分析目標用戶及潛在用戶對站點的需求； 3 確定網(wǎng)站風格； 4 考慮網(wǎng)絡(luò)的技術(shù)問題。

?設(shè)計 頁面布局； 2 網(wǎng)頁中的顏色； 文字、圖像、動畫以及多媒體的使用。

?制作 測試與發(fā)布 維護 ??

第一章 站點管理

站點：一系列文件的組合，通過各種鏈接關(guān)聯(lián)起來，實現(xiàn)對整個站點的瀏覽。

設(shè)置站點信息

一，基本思路：

1，對站點進行規(guī)劃 2，創(chuàng)建站點的基本結(jié)構(gòu)

站點結(jié)構(gòu)的顯示方式：目錄結(jié)構(gòu)和站點地圖 3，組織文件和資料開始制作 二，定義站點：

步驟：站點－新建站點－對站點進行定義

三，新建網(wǎng)頁（站點中所包含的所有網(wǎng)頁文件）和文件夾（用來存放網(wǎng)頁中的圖片、聲音、Flash等）

四，設(shè)置站點地圖布局

第二章 文字、圖片和超鏈接

網(wǎng)頁中最多的就是文字，并伴有精美的圖片來美化網(wǎng)頁，本章主要闡述如何使用菜單、插入面板在文檔中插入這些對象以及使用屬性面板編輯這些對象的屬性。

一，設(shè)置頁面屬性（Ctrl+J，也可在屬性面板中找到）：

在頁面屬性中分別對外觀、鏈接和標題進行設(shè)置 二，文字

可在屬性面板中對文字的樣式、大小等進行設(shè)置。三，插入圖像

方法1，插入－圖像； 方法2，常用－圖像； 方法3，Ctrl+Alt+I。四，設(shè)置超鏈接

1，頁面鏈接

2，郵件鏈接（mailto:）

3，書簽鏈接（對同一網(wǎng)頁的不同部分進行鏈接）4，空鏈接（＃）

第三章 表格和層的應(yīng)用

一，設(shè)置網(wǎng)頁布局和處理表格

網(wǎng)頁布局：給將要出現(xiàn)在網(wǎng)頁中的所有元素進行定位。繪制布局表格和布局單元格：

方法：布局－切換到布局視圖－點擊布局表格or布局單元格按鈕－拖動創(chuàng)建－在屬性面板設(shè)置屬性。

注意：布局表格和布局單元格之間不能相互重疊。

表格：表格是在網(wǎng)頁中放置行列數(shù)據(jù)和圖像的最佳工具。插入表格：常用－表格－設(shè)置行，列數(shù)－插入

拆分，合并單元格：選中要拆分或要合并單元格－屬性面板中進行操作 設(shè)置表格和單元格的屬性：屬性面板中進行操作。

二，添加層

層是一種頁面元素定位技術(shù)，它能夠?qū)又械膬?nèi)容在瀏覽器窗口中任意定位。層是一個載體，在層中可以添加文本，圖像和表格等元素。方法：布局－點擊層按鈕－拖動創(chuàng)建－在屬性面板設(shè)置層屬性。

第四章 模板

所謂“模板”是指具有一定共性的文檔樣板。

模板用于創(chuàng)建多個具有一致風格的網(wǎng)頁，用戶可根據(jù)模板生成大量相同的頁面。新建網(wǎng)頁模板（.dwt）

1,將已有文檔另存為模板： 步驟：打開已有文檔；

文件－另存為模板；

在出現(xiàn)的對話框中選擇站點，給模板命名； 保存。

2，新建空白模板

步驟：窗口－資源（F11）；

模板－新建模板； 輸入模板名－編輯。

定義模板的可編輯區(qū)域

模板包括：1，可編輯區(qū)域（具有可變內(nèi)容）

2，鎖定區(qū)域（具有靜態(tài)不變內(nèi)容）默認 1，將已有內(nèi)容定義為可編輯區(qū)域：

步驟：選擇要定義為可編輯區(qū)域的文本或內(nèi)容；

插入－模板對象－可編輯區(qū)域； 輸入?yún)^(qū)域名； 確定。

2，定義新的可編輯區(qū)域： 步驟：定位光標；

同上。

取消區(qū)域標記：

步驟：打開已有模板；

選中已有可編輯區(qū)域，修改－模板－刪除模板標記。

注意：刪除模板標記之后的區(qū)域?qū)⒈绘i定。

基于模板生成新網(wǎng)頁

方法1：文件－新建，選擇模板標簽，選一個模板－創(chuàng)建。方法2：新建一個文檔，修改－模板－應(yīng)用模板到頁。

方法3：新建一個文檔，窗口－資源－模板，將所需模板直接拖動到新文檔中。

第五篇：網(wǎng)頁制作與設(shè)計教學大綱

《網(wǎng)頁制作與設(shè)計》教學大綱

課程編號：

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

一、課程性質(zhì)、目的和要求

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

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

二、教學內(nèi)容、要點和課時安排

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

2．Dreamweaver MX的工作界面介紹

3．窗口和面板

4．Dreamweaver MX的新特性

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

第二章 創(chuàng)建站點 1．站點的規(guī)劃

2．創(chuàng)建本地站點 3．創(chuàng)建ASP站點 4．連接數(shù)據(jù)庫

2學時

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

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

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

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

第四章 圖像

2學時

2學時

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

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

第五章 表格 1．概述

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

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

第六章 框架 1．創(chuàng)建框架

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

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

2學時

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

要求：掌握框架的創(chuàng)建、保存以及框架屬性的設(shè)置，難點在于框架的鏈接設(shè)置，掌握框架結(jié)構(gòu)的主要功能在于導航。注意框架和框架集的區(qū)別。

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

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

4．設(shè)置布局寬度

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

第八章 鏈接

3學時

3學時

1．鏈接、路徑與錨

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

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

第九章 表單 1．表單概述 2．創(chuàng)建表單 3．表單對象 4．客戶注冊表單 5．網(wǎng)上調(diào)查表單

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

第十章 層

1．關(guān)于層

2．創(chuàng)建層

3．顯示隱藏層實例

4．下列菜單實例 5．層綜合應(yīng)用實例

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

2學時

2學時 性的設(shè)置。

第十一章 行為

1．什么是行為

2．行為面板的用法

3．行為的基本操作

4．使用Dreamweaver自帶的行為

5．行為應(yīng)用實例

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

第十二章 時間軸與動畫

1．時間軸面板

2．使用時間軸創(chuàng)建動畫

3．修改時間軸

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

6．在時間軸中使用行為

7．時間軸動畫實例

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

第十三章 Dreamweaver MX程序設(shè)計

1．Dreamweaver MX程序設(shè)計基礎(chǔ) 2．建立數(shù)據(jù)庫連接 3．定義記錄集

4．動態(tài)數(shù)據(jù)綁定 5．應(yīng)用服務(wù)器行為

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

第十四章 模板與庫

1．什么是模板和庫

2．創(chuàng)建模板

3．定義可編輯區(qū)域

2學時

2學時

2學時

2學時 4．應(yīng)用模板建立網(wǎng)頁 5．應(yīng)用模板更新站點 6．庫的使用

7．模板的創(chuàng)建與設(shè)置實例

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

1．使用代碼片斷 2．代碼片斷的創(chuàng)建

3．代碼片斷的使用

4．代碼片斷的創(chuàng)建與使用綜合實例

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

1．個人網(wǎng)站 2．網(wǎng)站論壇

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

4學時

2學時

三、教學方法

要求：

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

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

四、成績考核方法：

要求：

1、課后試驗作業(yè)每周一次。

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

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

五、教材與主要參考書目

教材：

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

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

執(zhí)筆人： 審訂人：