第一篇：《網(wǎng)頁設(shè)計與制作(HTML+CSS)》課程教學(xué)大綱（精選）

《網(wǎng)頁設(shè)計與制作(HTML+CSS)》課程教學(xué)大綱

任課教師：張志慧 編寫時間：2018-12-14

一、課程的性質(zhì)與目標(biāo)

《網(wǎng)頁設(shè)計與制作(HTML+CSS)》是面向計算機(jī)相關(guān)專業(yè)的一門專業(yè)基礎(chǔ)課，涉及計算機(jī)基礎(chǔ)、互聯(lián)網(wǎng)等內(nèi)容，通過本課程的學(xué)習(xí)，學(xué)生能夠了解網(wǎng)頁web發(fā)展歷史及其未來方向，熟悉網(wǎng)頁設(shè)計流程、掌握網(wǎng)絡(luò)中常見的網(wǎng)頁布局效果、學(xué)會制作各種企業(yè)，門戶，電商類網(wǎng)站。

二、課程的主要內(nèi)容及基本要求

第二篇：網(wǎng)頁設(shè)計與制作課程教學(xué)大綱

網(wǎng)頁設(shè)計與制作課程教學(xué)大綱

1.課程設(shè)計的指導(dǎo)思想

（一）課程性質(zhì)

1．課程類別：專業(yè)選修課 2．適應(yīng)專業(yè)：軟件工程 3．開設(shè)學(xué)期：第二學(xué)期

4．學(xué)時安排：周學(xué)時2＋2，總學(xué)時72 5．學(xué)分分配：

（二）開設(shè)目的

本課程是計算機(jī)類專業(yè)的專業(yè)選修課,它是一門操作性和實踐性很強(qiáng)的課程。本課程開設(shè)的主要目的，是為了適應(yīng)web技術(shù)的飛速發(fā)展，為學(xué)生今后在學(xué)習(xí)、工作中建立網(wǎng)站及網(wǎng)頁制作打下基礎(chǔ)。通過本課程的學(xué)習(xí)，讓學(xué)生了解一定的網(wǎng)絡(luò)應(yīng)用基礎(chǔ)知識；能夠熟練掌握網(wǎng)頁制作工具——網(wǎng)頁三劍客Dreamweaver、Fireworks、Flash的使用，能自行設(shè)計各種網(wǎng)頁、編輯一定的平面圖像、網(wǎng)絡(luò)動畫。具備網(wǎng)站的建立、規(guī)劃、管理、發(fā)布的相關(guān)技術(shù)及網(wǎng)頁制作的操作技能，能獨立設(shè)計 WEB 站點。

（三）基本要求

1、知識要求：

（1）網(wǎng)頁設(shè)計基礎(chǔ)知識（2）DREAMWEAVER 的使用（3）FIREWORKS 圖像處理（4）FLASH 的使用（5）網(wǎng)站制作實例

2、能力要求：

（1）學(xué)會熟練運(yùn)用 Dreamweaver、Flash 和 Fireworks 應(yīng)用軟件；（2）熟練掌握使用絕對和相對 URL，創(chuàng)建超鏈接，圖像鏈接；（3）熟練掌握設(shè)置顏色、文本格式和列表；（4）掌握在網(wǎng)頁中添加 CSS 的方法

（5）掌握在網(wǎng)頁中嵌入圖像、聲音、多媒體信息的方法；（6）熟練掌握表格的使用方法，學(xué)會利用表格布局網(wǎng)頁；（7）掌握框架制作網(wǎng)頁的方法，會使用框架設(shè)計網(wǎng)頁；（8）掌握用 Fireworks 處理矢量圖和位圖。（9）掌握用 Flash 制作網(wǎng)頁動畫。

3、素質(zhì)要求：

（1）具有勤奮學(xué)習(xí)的態(tài)度，嚴(yán)謹(jǐn)求實、創(chuàng)新的工作作風(fēng)；（2）具有良好的心理素質(zhì)和職業(yè)道德素質(zhì)（3）具有高度責(zé)任心和良好的團(tuán)隊合作精神

（4）具有一定的科學(xué)思維方式和判斷分析問題的能力（5）具有較強(qiáng)的網(wǎng)頁設(shè)計創(chuàng)意思維、藝術(shù)設(shè)計素質(zhì)。

（四）主要內(nèi)容 計算機(jī)網(wǎng)站基礎(chǔ)知識、網(wǎng)頁三劍客DREAMWEAVER 的使用、FIREWORKS 圖像處理、FLASH 的使用。

（五）先修課程 計算機(jī)基礎(chǔ)

（六）后繼課程 Web 程序設(shè)計

（七）考核方式 上機(jī)考試

（八）使用教材

（九）參考書目

1、《網(wǎng)頁設(shè)計與制作技術(shù)教程》 作者：王傳華、段青玲、馬欽? 清華大學(xué)出版社?第二版.2、網(wǎng)頁和網(wǎng)站制作基礎(chǔ)操作與實例教程.陜西科學(xué)技術(shù)出版社

3、Dreamweaver8PhotoshopCS2Flash8網(wǎng)頁制作教材.陳笑；李景池.清華大學(xué)出版社

4、《使用網(wǎng)站技術(shù)基礎(chǔ)》作者：德力、盧明波、王化宇.內(nèi)蒙古教育出版社 教學(xué)內(nèi)容

第一部分 網(wǎng)頁設(shè)計與制作基礎(chǔ)知識 教學(xué)目的

使學(xué)生了解什么是網(wǎng)頁，網(wǎng)站，網(wǎng)頁元素等概念 主要內(nèi)容 什么是網(wǎng)頁，網(wǎng)站;2 Html語言基礎(chǔ)； 構(gòu)建網(wǎng)站的一般過程； 教學(xué)要求

了解：網(wǎng)站設(shè)計與制作的前期準(zhǔn)備 掌握： 繪制網(wǎng)站首頁效果圖 第二部分 網(wǎng)頁制作軟件Dreamweaver 教學(xué)目的

使學(xué)生了解網(wǎng)站設(shè)計概念；掌握軟件界面及站點建立，Dreamweaver的基本功能，表單和CSS樣式表的應(yīng)用及網(wǎng)頁制作的高級技術(shù)。主要內(nèi)容

1、網(wǎng)站設(shè)計概念，要求達(dá)到“了解掌握”程度 網(wǎng)站的主題定位

網(wǎng)站的風(fēng)格和創(chuàng)意設(shè)計 準(zhǔn)備材料和結(jié)構(gòu)規(guī)劃 頁面布局

定義站點、申請域名、空間 認(rèn)識HTML語言

2、初識軟件界面及站點建立，要求達(dá)到“了解掌握”程度 Dreamweaver軟件界面 對象控制面板的使用 建立本地站點 建立遠(yuǎn)程站點 站點的更新和管理

3、Dreamweaver的基本功能，要求達(dá)到“掌握”程度，添加文本 插入圖片 插入表格

超級鏈接和導(dǎo)航條的創(chuàng)建 插入多媒體

4、表單和CSS樣式表的應(yīng)用，要求達(dá)到“了解掌握”程度 插入表單

插入表單對象

創(chuàng)建并鏈接到外部CSS樣式

5、網(wǎng)頁制作高級技術(shù)，要求達(dá)到“了解掌握”程度 創(chuàng)建層 設(shè)置層

層與表格的相互轉(zhuǎn)換 創(chuàng)建框架 行為操作 創(chuàng)建模板 模板的應(yīng)用 教學(xué)要求

了解：網(wǎng)站設(shè)計概念

掌握：軟件界面及站點建立，Dreamweaver的基本功能，表單和CSS樣式表的應(yīng)用及網(wǎng)頁制作的高級技術(shù)。

第三部分 圖形制作與處理軟件Firewoks 教學(xué)目的

使學(xué)生了解Fireworks軟件界面；掌握圖像的繪制和編輯，文本與顏色的使用，層與元件的使用，濾鏡和特效的使用，按鈕和動畫的制作。主要內(nèi)容

1、Fireworks簡介，要求達(dá)到“了解掌握”程度 Fireworks概述

Fireworks的系統(tǒng)需求 Fireworks的新增功能 Fireworks窗口界面 創(chuàng)建新文檔

導(dǎo)入和導(dǎo)出文檔

2、圖像的繪制和編輯，要求達(dá)到“掌握”程度 繪制圖像 編輯圖像

3、文本與顏色，要求達(dá)到“掌握”程度 文本的使用 顏色的使用 設(shè)置畫布

4、層與元件，要求達(dá)到“掌握”程度 層的使用 元件的使用

5、濾鏡和特效，要求達(dá)到“了解掌握”程度 使用濾鏡 使用特效

6、按鈕和動畫，要求達(dá)到“了解掌握”程度 按鈕 動畫

教學(xué)要求

了解：Fireworks軟件界面

掌握：圖像的繪制和編輯，文本與顏色的使用，層與元件的使用，濾鏡和特效的使用，按鈕和動畫的制作。第四部分 動畫制作與編輯軟件Flash 教學(xué)目的

使學(xué)生了解Flash基本工作環(huán)境；掌握Flash繪圖工具的使用方法，F(xiàn)lash動畫基礎(chǔ)及FIash影片制作和發(fā)布。主要內(nèi)容

1、初識Flash，要求達(dá)到“了解”程度 Flash基本工作環(huán)境 認(rèn)識舞臺與時間軸.認(rèn)識不同作用的面板

2、Flash繪圖工具，要求達(dá)到“掌握”程度 矢量圖與位圖 線型與顏色

線條的繪制與修改 填充圖形的繪制，選取工具 文本

變換工具 其他工具

3、Flash動畫基礎(chǔ)，要求達(dá)到“掌握”程度 層 幀 元件

Flash的基本操作

4、FIash影片制作和發(fā)布，要求達(dá)到“掌握”程度 動畫基礎(chǔ) 逐幀動畫 形狀漸變 動作漸變 蒙板

運(yùn)動導(dǎo)線 按鈕

軌跡追蹤 導(dǎo)入聲音 加入視頻 測試發(fā)布 教學(xué)要求

了解：Flash基本工作環(huán)境

掌握：Flash繪圖工具的使用方法，F(xiàn)lash動畫基礎(chǔ)及FIash影片制作和發(fā)布。第五章 綜合實例 教學(xué)目的

使學(xué)生能夠熟練掌握網(wǎng)頁制作工具Dreamvwaver、Fireworks、Flash的使用，能自行設(shè)計各種網(wǎng)頁、編輯一定的平面圖象、網(wǎng)絡(luò)動畫。具備網(wǎng)站的建立、規(guī)劃、管理、發(fā)布的相關(guān)技術(shù)及網(wǎng)頁制作的操作技能，能獨立設(shè)計 WEB 站點。主要內(nèi)容

綜合實例，要求達(dá)到“掌握”程度 網(wǎng)頁設(shè)計準(zhǔn)備工作

用Fireworks設(shè)計網(wǎng)頁結(jié)構(gòu) 用Dreamweaver生成網(wǎng)頁 用Flash制作網(wǎng)頁動畫 整理網(wǎng)頁

完成小型WEB站點網(wǎng)頁的規(guī)劃、設(shè)計、管理與維護(hù) 教學(xué)要求

掌握：Web網(wǎng)站建設(shè)的基本方法，掌握網(wǎng)頁制作工具的使用方法和技巧，培養(yǎng)學(xué)生設(shè)計網(wǎng)站的能力。課時分配及其它

（一）課時分配

課程總教學(xué)時數(shù)為90學(xué)時，安排在第二學(xué)期，每周3＋2學(xué)時，上課18周。具體分配如下

教學(xué)內(nèi)容 講授學(xué)時數(shù)

章次

第一部分 網(wǎng)頁設(shè)計與制作基礎(chǔ)知識 4 第二部分 網(wǎng)頁制作軟件Dreamweaver 12 第三部分 圖形制作與處理軟件Firewoks 8 第四部分 動畫制作與編輯軟件Flash 8 第五部分 綜合實例 4 合計

實驗學(xué)時數(shù) 10 8 2 36

（二）考核要求

平時成績（含考勤、作業(yè)與實驗）占50%，期末（上機(jī)考試）成績占50%。

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

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

一、課程基本信息

課程編號：

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

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

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

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

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

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

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

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

二、課程教學(xué)目標(biāo)：

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

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

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

（2）www簡介

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

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

（3）列表標(biāo)記

（4）圖片標(biāo)記（5）表格標(biāo)記（6）超鏈接標(biāo)記（7）表單標(biāo)記（8）框架標(biāo)記

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

第四章、層疊樣式表CSS（1學(xué)時）（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學(xué)時）（1）ASP簡介（2）VBScript腳本基礎(chǔ)（3）ASP的內(nèi)置對象（4）實用Global.asa文件

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

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

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

五、作業(yè)

六、考核方式

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

七、成績評定

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

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

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

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

執(zhí)筆人：邢雁平

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

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

課程編號：

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

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

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

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

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

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

2．Dreamweaver MX的工作界面介紹

3．窗口和面板

4．Dreamweaver MX的新特性

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

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

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

2學(xué)時

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

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

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

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

第四章 圖像

2學(xué)時

2學(xué)時

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

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

第五章 表格 1．概述

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

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

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

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

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

2學(xué)時

2學(xué)時 4．框架及框架頁綜合實例

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

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

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

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

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

第八章 鏈接

3學(xué)時

3學(xué)時

1．鏈接、路徑與錨

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

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

第九章 表單 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)用實例

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

2學(xué)時

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

第十一章 行為

1．什么是行為

2．行為面板的用法

3．行為的基本操作

4．使用Dreamweaver自帶的行為

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

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

第十二章 時間軸與動畫

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學(xué)時

2學(xué)時

2學(xué)時

2學(xué)時 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)站的運(yùn)行機(jī)制，掌握服務(wù)器行為的應(yīng)用，學(xué)生通過鍛煉，掌握創(chuàng)建網(wǎng)站的全部過程和機(jī)制，能夠獨立網(wǎng)站一個小型的全面的個人網(wǎng)站。

4學(xué)時

2學(xué)時

三、教學(xué)方法

要求：

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

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

四、成績考核方法：

要求：

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

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

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

五、教材與主要參考書目

教材：

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

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

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

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

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

(供醫(yī)學(xué)影像學(xué)、護(hù)理學(xué)本科各專業(yè)用)

前 言

《網(wǎng)頁設(shè)計與制作》是一門應(yīng)用性和理論性都很強(qiáng)的課程，是醫(yī)學(xué)影像和護(hù)理學(xué)專業(yè)的選修課程。通過學(xué)習(xí)本課程使學(xué)生初步了解網(wǎng)頁制作及建立網(wǎng)站的基礎(chǔ)知識，掌握制作網(wǎng)頁和建立網(wǎng)站的技術(shù)。

總學(xué)時：18學(xué)時，實際教學(xué)中采用理論教學(xué)中穿插上機(jī)實踐。

第一章 網(wǎng)頁設(shè)計基礎(chǔ)知識

一、目的和要求

(一)了解Internet的功能

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

二、教學(xué)內(nèi)容

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

(二)網(wǎng)頁設(shè)計的相關(guān)知識

1、設(shè)計網(wǎng)頁的原則: 了解網(wǎng)頁設(shè)計的基本原則。

2、網(wǎng)頁設(shè)計的一般步驟:了解網(wǎng)頁設(shè)計的一般步驟。

3、Web服務(wù)器架構(gòu):了解Web服務(wù)器的概念、會建立IIS，會進(jìn)行Web站點的設(shè)置與管理。

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

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

6、服務(wù)器端技術(shù)：了解ASP、PHP、Java的概念。

第二章 HTML語言

一、目的和要求

(一)熟悉HTML標(biāo)記語言的基礎(chǔ)知識；(二)熟悉HTML語法基礎(chǔ)；

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

二、教學(xué)內(nèi)容

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

HTML常用標(biāo)記

1、掌握文本格式標(biāo)記：,,,。

2、掌握段落格式標(biāo)記：,,

5、掌握多媒體標(biāo)記：,,。

7、掌握超鏈接標(biāo)記：。

8、掌握表格標(biāo)記：

9、掌握框架標(biāo)記：。

10、掌握表單及表單域標(biāo)記：

第三章 Dreamweaver 8網(wǎng)頁設(shè)計

一、目的和要求

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

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

二、教學(xué)內(nèi)容

(一)Dreamweaver 8基礎(chǔ)知識:會啟動、關(guān)閉中文Dreamweaver 8，了解Dreamweaver 8的功能、主窗口，標(biāo)題欄、菜單欄、工具欄、網(wǎng)頁編輯窗口、狀態(tài)欄、屬性面板、浮動控制面板組。

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

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

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

第四章 VBScript腳本語言

一、目的和要求

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

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

二、教學(xué)內(nèi)容

(一)VBScript的基本概念

1、了解在網(wǎng)頁中如何嵌入VBScript。、了解VBScript語句書寫規(guī)則、數(shù)據(jù)類型、變量、常量、運(yùn)算符和內(nèi)置函數(shù)的概念。(二)

VBScript的過程與函數(shù)

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

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

（三）程序設(shè)計流程:了解條件語句和循環(huán)控制語句

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

并利用案例熟悉對象。

第五章 ASP動態(tài)網(wǎng)頁制作

一、目的和要求

(一)深刻理解動態(tài)網(wǎng)頁技術(shù)和靜態(tài)網(wǎng)頁技術(shù)的區(qū)別和聯(lián)系。(二)掌握ASP運(yùn)行環(huán)境的搭建方法及建立ASP動態(tài)網(wǎng)站的一般方法。(三)理解Request和Response對象的作用，熟練掌握其使用方法。(四)

能夠綜合運(yùn)用網(wǎng)頁設(shè)計方法創(chuàng)建動態(tài)網(wǎng)站。

二、教學(xué)內(nèi)容

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

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

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

(四)ASP動態(tài)網(wǎng)站的創(chuàng)建：利用ASP技術(shù)驗證表單中用戶填寫的信息。

第六章 網(wǎng)站制作實例

一、目的和要求

(一)鞏固Dreamweaver 8中網(wǎng)站設(shè)計的基本方法；(二)鞏固編制HTML和ASP代碼的方法；(三)綜合運(yùn)用所學(xué)知識設(shè)計制作小型網(wǎng)站。

二、教學(xué)內(nèi)容

(一)網(wǎng)站的規(guī)劃設(shè)計：確定網(wǎng)站的主題和名稱，確定網(wǎng)站的形象，確定網(wǎng)站的欄目，確定網(wǎng)站的目錄結(jié)構(gòu)，確定網(wǎng)站的鏈接結(jié)構(gòu)，網(wǎng)站的整體風(fēng)格，首頁的設(shè)計，站點的創(chuàng)建。(二)

靜態(tài)網(wǎng)頁設(shè)計(三)

動態(tài)網(wǎng)頁設(shè)計

教材：李京文主編，網(wǎng)頁設(shè)計與制作，高等教育出版社，2012。

李京文主編，網(wǎng)頁設(shè)計與制作實訓(xùn)與考試指導(dǎo)，高等教育出版社，2012。

參考書：曾鴻主編，網(wǎng)頁設(shè)計與制作高等教育出版社，2009。