網(wǎng)頁設(shè)計課程大綱

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

時：總學(xué)時數(shù)(90~72）

課程性質(zhì)：必修課

選課對象：計算機類專業(yè)和文秘、商務(wù)等文科類專業(yè)網(wǎng)頁設(shè)計課程大綱全文共7頁，當(dāng)前為第1頁。先修課程：計算機文化基礎(chǔ)、VisualBasic、網(wǎng)絡(luò)基礎(chǔ)、數(shù)據(jù)庫（VFP、ACCESS或SQL）等

內(nèi)容概要：《網(wǎng)頁設(shè)計》具有很強的操作性和實踐性，要求能夠熟練地使用VBScript腳本編程，是一門綜合性很強的課程。教學(xué)內(nèi)容有以下幾個部分：Web、URL、HTTP和HTML等網(wǎng)站的基本概念；HTML文檔的基本結(jié)構(gòu)和各種標(biāo)記的使用；VBScript腳本編程，構(gòu)建ASP動態(tài)頁面，實現(xiàn)頁面與數(shù)據(jù)庫的連接；利用DreamweaverMX進行頁面的設(shè)計與布局，重點掌握其中的基本表單對象的應(yīng)用。

選用教材：

主要參考書：

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

安徽大學(xué)出版社

《網(wǎng)頁編程技術(shù)與實例》

人民郵電出版社

譚浩強

《新編網(wǎng)站規(guī)劃與設(shè)計教程》西北工業(yè)大學(xué)

教學(xué)大綱說明

一、課程教學(xué)目的與任務(wù)

《網(wǎng)頁設(shè)計》是一門實用性很強、涉及的知識面廣的課程。它涉及到頁面的設(shè)計與布局、腳本語言的使用、ASP動態(tài)頁面設(shè)計等內(nèi)容。

本課程的目的是通過對HTML、VBScript編程技術(shù)、DreamweaverMX、ASP動態(tài)頁面設(shè)計的學(xué)習(xí)，掌握綜合應(yīng)用網(wǎng)頁設(shè)計的各種技能，培養(yǎng)學(xué)生的自我學(xué)習(xí)和動手能力，真正能使用所學(xué)的知識進行網(wǎng)站建設(shè)。

二、課程的基本的要求

通過本課程的學(xué)習(xí)，應(yīng)能達到知識和技能兩方面的目標(biāo)。

知識方面：

熟練掌握Web站點的基本概念。

熟練掌握HTML文檔結(jié)構(gòu)和各種標(biāo)記的使用。

掌握VBScript編程技術(shù)和ASP技術(shù)。

掌握DreamweaverMX頁面設(shè)計方法和常用的表單對象。

技能方面：

熟練掌握利用HTML標(biāo)記進行頁面設(shè)計的方法和技巧。

熟練掌握利用VBScript、ASP進行動態(tài)頁面設(shè)計的方法和技巧。

熟練掌握利用DreamweaverMX進行頁面設(shè)計與布局的方法和技巧。

三、其它課程的聯(lián)系和分工

本課程的知識和技能與各專業(yè)的計算機相關(guān)課程關(guān)系密切，是計算機相關(guān)課程內(nèi)容的綜合應(yīng)用。

本課程的學(xué)習(xí)需要的知識有圖形圖像處理、網(wǎng)頁編程、頁面的布局等，更重要的是動態(tài)頁面的設(shè)計，因此要求先修的課程有：計算機文化基礎(chǔ)、VisualBasic、數(shù)據(jù)庫（VFP、ACCESS或SQL）。

四、課程的內(nèi)容與學(xué)時分配

網(wǎng)頁設(shè)計課程大綱全文共7頁，當(dāng)前為第1頁。章次

內(nèi)

容本章參考學(xué)時數(shù)課堂講授學(xué)時數(shù)實驗學(xué)時1網(wǎng)頁設(shè)計基礎(chǔ)知識4~62~422HTML標(biāo)記語言12~166~1063DreamweaverMX20~2412~148~104VBScript12~148~1045ASP動態(tài)頁面設(shè)計18~2210~128~106網(wǎng)站制作實例6~824~6總計總學(xué)時數(shù)72~9040~5232~38網(wǎng)頁設(shè)計課程大綱全文共7頁，當(dāng)前為第2頁。

五、本課程的性質(zhì)及適用對象

計算機專業(yè)和文秘、商務(wù)等文科類專業(yè)必修課。

教學(xué)大綱內(nèi)容

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

（一）課程內(nèi)容

1.1網(wǎng)頁設(shè)計的基本概念

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

1.3常用的網(wǎng)頁編輯器

（二）教學(xué)提示網(wǎng)頁設(shè)計課程大綱全文共7頁，當(dāng)前為第2頁。通過本章的學(xué)習(xí)，要求了解網(wǎng)站的有關(guān)名詞，如：WWW服務(wù)器、Web節(jié)點、網(wǎng)頁、網(wǎng)站、主頁（Homepage）、瀏覽器(Browser)、超級鏈接、http（hypertexttransmissionprotocol）、URL(UniformResourceLocator)、html（hypertextmarkuplanguage）語言等；掌握網(wǎng)站設(shè)計的基本思路；了解常用的網(wǎng)頁設(shè)計工具。

（三）知識點

1.基本概念。

2.網(wǎng)站設(shè)計的基本思路。

3.網(wǎng)頁設(shè)計工具。

（四）重點與難點

重點是網(wǎng)站設(shè)計的基本思路。

HTML標(biāo)記語言

（一）課程內(nèi)容

HTML標(biāo)記語言簡介

HTML中常用標(biāo)記及屬性

（二）教學(xué)提示網(wǎng)頁設(shè)計課程大綱全文共7頁，當(dāng)前為第3頁。通過本章的學(xué)習(xí)，要求了解HTML語言的發(fā)展情況；掌握HTML的基本概念、文檔的基本結(jié)構(gòu)，以及HTML文檔結(jié)構(gòu)標(biāo)記、段落標(biāo)記、字符標(biāo)記、鏈接標(biāo)記、圖像標(biāo)記、列表標(biāo)記、表格標(biāo)記等HTML的常用標(biāo)記及相關(guān)屬性；熟練應(yīng)用HTML標(biāo)記語言對利用網(wǎng)頁設(shè)計工具軟件設(shè)計出的網(wǎng)頁進行修改和優(yōu)化，從而實現(xiàn)對網(wǎng)頁精確的控制。

（三）知識點

1．HTML文檔的結(jié)構(gòu)。

2．各種HTML標(biāo)記及屬性。

（四）重點與難點

重點是HTML文檔的基本結(jié)構(gòu)、HTML文檔結(jié)構(gòu)標(biāo)記、段落標(biāo)記、字符標(biāo)記、鏈接標(biāo)記、圖像標(biāo)記、列表標(biāo)記、表格標(biāo)記等HTML的常用標(biāo)記及相關(guān)屬性。

難點是應(yīng)用HTML標(biāo)記語言對利用網(wǎng)頁設(shè)計工具軟件設(shè)計出的網(wǎng)頁進行修改和優(yōu)化，從而實現(xiàn)對網(wǎng)頁精確的控制。

DreamweaverMX

（一）課程內(nèi)容

3.1Dreamweaver

MX簡介

3.2站點的建立與管理

3.3頁面布局與設(shè)計

（二）教學(xué)提示

通過本章的學(xué)習(xí)，要求了解DreamweaverMX基本概念，WWW服務(wù)器的設(shè)置，DreamweaverMX的幾種視圖方式及切換方法，會預(yù)覽網(wǎng)頁；掌握網(wǎng)頁文檔中添加文本和文本的格式化方法、插入日期和時間、插入水平線、設(shè)置網(wǎng)頁的屬性、插入圖像、為頁面背景添加圖像、圖像屬性的設(shè)置、圖像與文本的混合排版、設(shè)置圖像的位置和邊框、添加導(dǎo)航條等方法；掌握表格和單元格的屬性設(shè)置，會用表格組織網(wǎng)頁的總體布局，掌握使用布局視圖規(guī)劃頁面的總體布局；掌握超鏈接和超鏈接路徑的基本概念，掌握建立超鏈接的操作方法，學(xué)會建立文本超鏈接；掌握插入表單以及表單元素的方法；掌握CSS樣式表的基本概念，會使用CSS樣式面板；DreamweaverMX時間軸的概念、時間軸中各元素的功能及時間軸的常用操作方法等。

（三）知識點

添加頁面元素的方法。

頁面布局的方法。

超鏈接和超鏈接路徑的設(shè)置。

時間軸的使用方法。

CSS樣式面板的使用方法。

表單以及表單元素的使用方法。

（四）重點與難點

重點是表單以及表單元素的使用；頁面布局。

難點是CSS樣式與頁面布局。

VBScript語言

（一）課程內(nèi)容

VBScript語言概況

VBScript程序構(gòu)成

VBScript語法結(jié)構(gòu)

事件驅(qū)動及事件處理

文檔對象的使用

（二）教學(xué)提示

通過本章的學(xué)習(xí)，要求熟練掌握VBScript的語法規(guī)則、函數(shù)和三種基本結(jié)構(gòu)；熟練掌握使用VBScript編寫頁面的方法；熟練掌握VBScript程序的事件處理；掌握文檔對象的使用。

（三）知識點

1．VBScript的基本語法。

2．VBScript的基本數(shù)據(jù)類型。

3．VBScript的表達式和運算符。

4．VBScript的語法結(jié)構(gòu)。

腳本對象模型的使用。

網(wǎng)頁設(shè)計課程大綱全文共7頁，當(dāng)前為第4頁。（四）重點與難點

重點是VBScript程序的語法規(guī)則、函數(shù)和三種基本結(jié)構(gòu)；Window對象模型和Document對象模型。

難點是靈活應(yīng)用VBScript編寫頁面；文檔對象模型。

ASP動態(tài)頁面設(shè)計

（一）課程內(nèi)容

ASP簡介

ASP內(nèi)建對象

利用ADO實現(xiàn)頁面與數(shù)據(jù)庫的連接

常用的ASP組件

（二）教學(xué)提示

通過本章的學(xué)習(xí)，要求理解ASP運行機制，熟練掌握ASP運行環(huán)境的搭建方式，熟練掌握ASP內(nèi)建對象的應(yīng)用；熟練掌握利用ADO實現(xiàn)頁面與數(shù)據(jù)庫的連接；能夠設(shè)計ASP動態(tài)頁面。

（三）知識點

ASP內(nèi)建對象。

ASP組件。

ADO組件的應(yīng)用。

（四）重點與難點

重點是ASP內(nèi)建對象的功能；ADO組件的功能。

難點是靈活應(yīng)用ASP設(shè)計動態(tài)頁面。

《網(wǎng)頁設(shè)計》實驗大綱

課程名稱：《網(wǎng)頁設(shè)計》

英文名稱：WebPageDesignAndFacture

一、實驗的地位、作用與目的

上機操作是本課程必不可少的實踐環(huán)節(jié)。主要目的是鍛煉和培養(yǎng)學(xué)生使用HTML標(biāo)記語言、客戶端腳本和服務(wù)器端腳本語言以及Dreamweaver進行網(wǎng)頁設(shè)計和網(wǎng)站建設(shè)的能力。要求學(xué)生通過實驗學(xué)會使用網(wǎng)頁編輯軟件編輯網(wǎng)頁；使用HTML標(biāo)記語言完善頁面；使用腳本設(shè)計頁面；使用ASP設(shè)計動態(tài)頁面。通過實驗讓學(xué)生及時掌握和鞏固所學(xué)的內(nèi)容，使學(xué)生真正能夠利用所學(xué)的知識進行網(wǎng)頁設(shè)計和網(wǎng)站建設(shè)，課程結(jié)束前要求學(xué)生能夠設(shè)計一個介紹自己的個人網(wǎng)站。

二、實驗基本要求

按教材的內(nèi)容完成課內(nèi)各項實驗任務(wù)，客觀認真地填寫實驗報告，記錄頁面運行結(jié)果。每次實驗報告（表格）應(yīng)及時上交教師，以便進行考核和評分。實驗前學(xué)生要復(fù)習(xí)上課講過的內(nèi)容，按要求設(shè)計好頁面，然后在機器上編輯和運行。

網(wǎng)頁設(shè)計課程大綱全文共7頁，當(dāng)前為第5頁。三、實驗原理和課程簡介

本實驗課程是應(yīng)用HTML標(biāo)記語言、腳本和服務(wù)器端腳本以及Dreamweaver進行網(wǎng)頁設(shè)計和網(wǎng)站建設(shè)。

四、主要設(shè)備及器材配置

計算機和網(wǎng)絡(luò)設(shè)備。

五、課程的學(xué)時

建議總學(xué)時數(shù)：72~90

建議實驗學(xué)時數(shù)：32~38

六、適用對象

計算機專業(yè)和文秘、商務(wù)等文科類專業(yè)

七、實驗項目與內(nèi)容提要網(wǎng)頁設(shè)計課程大綱全文共7頁，當(dāng)前為第3頁。網(wǎng)頁設(shè)計課程大綱全文共7頁，當(dāng)前為第4頁。網(wǎng)頁設(shè)計課程大綱全文共7頁，當(dāng)前為第5頁。序號實驗內(nèi)容內(nèi)容提要實驗要求實驗時數(shù)實驗類型1網(wǎng)頁設(shè)計基礎(chǔ)知識了解網(wǎng)頁設(shè)計的基本概念、瀏覽典型網(wǎng)站，熟悉頁面元素必開2驗證與設(shè)計2利用HTML標(biāo)記在記事本中編寫頁面熟悉HTML的各種標(biāo)記及其作用6驗證與設(shè)計

3DreamweaverMX的使用熟悉DreamweaverMX的作用，WWW服務(wù)器的設(shè)置，利用DreamweaverMX設(shè)計頁面

8~10

驗證與設(shè)計

4VBScript熟悉VBScript的作用，利用腳本設(shè)計頁面4驗證與設(shè)計

5ASP動態(tài)頁面設(shè)計熟悉ASP內(nèi)建對象和組件，利用ASP進行動態(tài)頁面的設(shè)計8~10驗證與設(shè)計

6個人網(wǎng)站設(shè)計綜合應(yīng)用網(wǎng)頁開發(fā)軟件進行網(wǎng)站建設(shè)4~6綜合設(shè)計合計32~38八、教法說明網(wǎng)頁設(shè)計課程大綱全文共7頁，當(dāng)前為第6頁。教學(xué)采用理論聯(lián)系實際的方法，把課堂理論講授和實驗室實訓(xùn)結(jié)合起來。

在1、2章的教學(xué)中，講解網(wǎng)頁設(shè)計基礎(chǔ)和HTML語言。第3章全面介紹網(wǎng)頁設(shè)計工具。第4和第5章則側(cè)重于使用

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

頁面的布局和動態(tài)頁面的設(shè)計是本課程的重點，同時也是難點，要注重選取有趣味性的、實用的、易學(xué)的案例，精講多練，啟發(fā)學(xué)生獨立思考、調(diào)動學(xué)生的主觀能動性，鼓勵學(xué)生多提問題、共同探