第一篇：《網頁設計》實驗教學大綱

《網頁設計》實驗教學大綱

《網頁設計》實驗教學大綱

開課實驗室：網絡技術實驗室 課程學時：36 課程名稱：網頁設計 課程編號：12412219 實驗學時：36 面向專業：動畫

一、實驗教學目的和任務

《網頁設計》是教育技術學專業的一門實踐性課程，其基本任務是使學生通過學習本課程，掌握靜態網站運行的基本原理和開發動靜態網站的基本方法，熟悉HTML基礎知識，了解JavaScript語言程序設計的思想并能夠讀懂復雜的HTML代碼和編寫一些簡單的靜態網頁，并能運用JavaScript和Css等技術設計網頁界面，為今后從事計算機網站開發，網絡編程以及B/S軟件系統的開發打下良好的基礎。

二、配套教材和實驗教材

教材：莫治雄 李 捷 《網頁設計實訓教程》（《網頁設計》實驗教學大綱

4、按指定時間上機，不得無故缺席。

5、嚴格遵守校校規校紀和實驗室規章制度。

六、主要實驗內容

實驗一

HTML中的Hr,p,br,img等標簽的使用(1)了解HTML文檔基本結構(2)掌握HTML各種標簽的作用(3)比較jsp和HTML文件(4)HTML標記語言設計

實驗二

用DreamWeaver8創建一個簡單的站點(1)了解站點的含義及站點結構的類型(2)掌握創建站點的基本步驟和基本過程(3)熟悉如何用Dreamweaver創建站點

實驗三

用表格布局頁面元素(1)了解表格布局的含義

(2)熟悉table tr td等html標簽的作用(3)熟悉表格的相關操作

(4)建立一個簡單網頁，并用表格對網頁進行布局設計

實驗四

用框架布局頁面元素(1)了解框架的基本含義(2)熟悉frame標簽的屬性和方法(3)設計一個用框架布局的網頁

實驗五CSS樣式的應用一(1)了解Css的基礎知識(2)熟悉Css的幾種使用方式

(3)掌握用Dreamweaver進行Css的設計

《網頁設計》實驗教學大綱

(4)設計一個網頁，并用Dreamweaver設計網頁的Css以實現網頁外觀

實驗六

CSS樣式的應用二(1)了解Div+Css布局技巧(2)理解Div對象的基本工作原理(3)熟悉Div和Css對象的配合使用

(4)設計一個網頁，并用Div+Css對其布局進行設計

實驗七

表單設計一(1)了解表單設計的基礎知識(2)了解input標簽的相關屬性和方法(3)屬性常用表單設計元素(4)設計一個登陸網頁表單

實驗八

表單設計二

(1)了解Css在表單美化中的作用(2)了解表單元素的常用屬性設置

(3)設計一個表單，并用Css對其外觀進行美化

實驗九

流媒體及行為的應用一

（1）了解流媒體的基本概念

（2）了解哪些格式的視頻和flash動畫可以加入到網頁（3）設計一個網頁，并在其中加入視頻和flash動畫等內容

實驗十

流媒體及行為的應用二（1）了解行為的基本概念（2）了解行為面板的使用

（3）熟悉交換圖像和恢復交換圖像等常用行為的設置和使用

實驗十一

模板和庫

《網頁設計》實驗教學大綱

（1）了解模板和庫的基本概念（2）了解模板面板的使用

（3）熟悉模板使用，學會使用模板創建和更新網頁，使用庫項目更新網頁

實驗十二

Dreamweaver 8服務器技術一（1）了解web服務器的基本概念（2）了解web服務器的相關配置

（3）熟悉IIS的配置和使用，熟悉用IIS發布網站

實驗十三

Dreamweaver 8服務器技術二（1）了解動態網頁的基本概念（2）了解asp的使用

（3）會制作簡單的asp動態網頁

實驗十四

網站的發布與管理（1）了解網站空間的基本概念（2）學會空間的申請與網站發布（3）學會網站的管理、維護與更新

實驗十五

綜合實例(Div+Css)

綜合實例

(1)了解Div+Css布局技巧(2)理解Div對象的基本工作原理(3)熟悉Div和Css對象的配合使用

(4)設計一個主頁，并用Div+Css對其布局進行設計

實驗十六

綜合實例(設計數據庫)（1）了解數據access的基本概念（2）熟悉數據庫access的基本使用（3）設計一個簡單的用戶登錄數據庫

《網頁設計》實驗教學大綱

實驗十七

綜合實例(動態網頁設計)（1）了解動態網頁的基本概念（2）熟悉asp的使用

（3）用asp設計一個簡單的動態網站，實現用戶的登錄功能

第二篇：網頁設計與開發實驗教學大綱

實驗

一、優秀網站賞析 1.實驗目的要求

通過對不同類型、不同風格、不同特色的優秀網站的欣賞，使學生對網站制作課程有一個初步了解，誘發學生的學習興趣。同時指導學生分析各類網站的總體布局、色彩搭配、內容規劃等，為后面的學習打基礎。2.實驗主要內容

各種不同類型和風格的網站地址如下： 綜合門戶網站：新浪網 http://>

歡迎來到我的個人主頁

---

這是我開發的第一個網頁

第三篇：《網頁設計》實驗教學大綱(專科制

《網頁設計》實驗教學大綱（專科制定）

一、本大綱編寫的依據是《網頁設計》教學大綱。

實驗總學時：28學時 學分：1

二、適用專業：全校非計算機專業（專科）

三、考核方式及評定標準：

實驗操作能力50%，實驗報告50%

四、配套的實驗教材或自編指導書：

《網頁設計與制作》

五、實驗項目概述與學時分配： 實驗一：Dreamweaver操作 12學時

（一）實驗類型：驗證性

（二）實驗類別：學科基礎

（三）每組人數：1人

（四）實驗目的和實驗能力要求：

掌握定義站點的方法；掌握創建文件夾和文件的基本方法。掌握創建和保存文檔的方法；掌握添加文檔內容的方法；掌握設置文檔格式的方法。掌握設置網頁背景的方法；掌握插入圖像的方法；掌握設置圖像屬性的方法。

（五）實驗內容：

創建站點、設置文檔、編輯網頁、表格、層和框架。

（六）主要儀器設備：

計算機（軟件：Dreamweaver CS3）

（七）所在實驗室：計算機實驗室 實驗二 ：flash操作 8學時

（一）實驗類型：驗證性

（二）實驗類別：學科基礎

（三）每組人數：1人

（四）實驗目的和實驗能力要求：：

學會制作影片剪輯元件；熟悉腳本實現滾動動畫的操作；學生通過實驗了解flash基礎知識以及簡單的制作技巧，鼠標控制動畫的操作，初步掌握Flash中用腳本實現滾動動畫的制作。

（五）實驗內容： 制作交互式滾動廣告。

（六）主要儀器設備：

計算機（軟件：flash CS3）

（七）所在實驗室：計算機實驗室 實驗三：Photoshop操作 8學時

（一）實驗類型：驗證性

（二）實驗類別：學科基礎

（三）每組人數：1人

（四）實驗目的和實驗能力要求：

使學生掌握Photoshop必須掌握的一些基本概念。使學生熟練的運用Photoshop的繪圖和圖象處理工具進行創作、繪畫，選區工具的建立與修改。

（五）實驗內容：

1、制作多彩的楓葉背景；

2、用仿制圖章美化圖片；

3、定制一個小圖案，并用小圖案填充畫面。

（六）主要儀器設備：

計算機（軟件：Photoshop CS3）

（七）所在實驗室：計算機實驗室

第四篇：網頁設計實驗教學大綱(唐林海)

《網頁設計》實驗教學大綱

課程編號 0810141

學時學分：總學時：64 總學分：4 實驗學時：32 適用對象：計算機科學與技術及相關專業 課程屬性：限選

實驗屬性：非獨立設課

一、課程的性質與任務（黑體四號字、下同）

隨著Internet的普及和它所帶來的種種便利，網頁已經成為人們信息發布及獲取、思想交流和商務往來最重要的途徑，網頁制作已成為當今社會上一種比較熱門的技術，本書突出實用技術和應用技能，是計算機專業學生的一門必修課，同時又可作為相關專業學生的選修課。

隨著因特網的應用和以頁面為載體的網絡信息的廣泛傳播，網絡程序設計技術已成為信息技術人員必須掌握的職業技能之一。WEB服務、WEB應用、B/S結構的應用將成為主流。

WEB程序設計技術課程的任務是學生在學習了計算機網絡技術、多媒體技術（靜態網頁設計和圖形圖像處理技術）、數據庫原理及應用等課程的基礎上開設的職業技能訓練課，通過學習和上機練習使學生基本掌握WEB應用的規劃、設計和動態網面制作中對于內容的動態顯示與更新技術。

二、實驗的目的與基本要求（100字左右）

通過本課程的實驗教學，此課程與計算機基礎、計算機圖像處理、動畫制作等課程互相聯系，互相補充，分別給學生提供計算機基礎知識、網頁制作技術的技能，圖形和動畫的設計與制作，美觀的頁面設計技巧等知識的學習。

三、實驗考核方式及辦法

實驗成績根據學生的實驗完成情況、實驗紀律、實驗報告進行綜合評定，給出優（90-100）、良（70-89）、及格（60-69）、不及格（60以下）。實驗成績占本課程總成績的20％，對缺實驗成績或不及格者，《網頁設計》課程不予通過。

四、實驗項目一覽表

序

實驗項目

實驗

實驗

適用

學 號

名稱

類型

要求

專業

時 div布局 驗證性 必做 理工類 6 2 css層疊樣式單 設計性 必做 理工類 6 序

實驗項目

實驗

實驗

適用

學 號

名稱

類型

要求

專業

時 JS腳本 設計性 必做 理工類 6 4 asp.net控件 設計性 必做 理工類 6 5 ado.net數據庫連接 設計性 必做 理工類

五、實驗項目的具體內容：

實驗一 div布局

1．本次實驗的目的和要求

掌握網頁設計的DIV布局方式，能夠使用DIV，認真撰寫實驗報告，嚴格遵守實驗室規章制度。

2．實驗內容或原理

掌握dremweave軟件的基本功能，熟悉dremweave的工具箱,使用DIV做層布局。3．需用的儀器或試劑等

多媒體計算機，操作系統Windows 2000/xp以上，并安裝有dremweave軟件，搭建好asp.net的開發環境。4．實驗步驟 1）、dremweave軟件； 2）、學會div布局設計網頁； 3）、div的布局設計與修改。5．教學方式

學生主要通過上機實驗，在相應的軟件環境下學習處理，教師實時指導。6．考核要求

實驗過程中能認真獨立完成實驗，實驗完成后及時上交實驗報告，實驗過程的表現和實驗報告成績記入平時成績。

7．實驗報告要求

實驗報告格式正確，書寫工整，字跡清楚，步驟敘述清楚，實驗結果符合邏輯。

實驗二 css層疊樣式單

1．本次實驗的目的和要求

通過dremweave軟件的使用，使用css層疊樣式單做布局樣式控制，要求認真撰寫實驗報告，嚴格遵守實驗室規章制度。2．實驗內容或原理

通過dremweave軟件的使用，使用css層疊樣式單做布局樣式控制。3．需用的儀器或試劑等

多媒體計算機，操作系統Windows 2000/xp以上，并安裝有dremweave軟件，搭建好asp.net的開發環境。4．實驗步驟

1）打開Matlab軟件。

2）掌握變量、常量的聲明與用法。

3）學會函數的調用、M文件的編寫與調用。5．教學方式

學生主要通過上機實驗，在相應的軟件環境下學習處理，教師實時指導。6．考核要求

實驗過程中能認真獨立完成實驗，實驗完成后及時上交實驗報告，實驗過程的表現和實驗報告成績記入平時成績。

7．實驗報告要求

實驗報告格式正確，書寫工整，字跡清楚，步驟敘述清楚，實驗結果符合邏輯。

實驗三 JS腳本

1．本次實驗的目的和要求

掌握JS腳本的基本用法、變量、函數、DOM文檔對象的操作。要求認真撰寫實驗報告，嚴格遵守實驗室規章制度。2．實驗內容或原理

掌握JS腳本的基本用法、變量、函數、DOM文檔對象的操作。3．需用的儀器或試劑等

多媒體計算機，操作系統Windows 2000/xp以上，并安裝有dreamerve軟件。4．實驗步驟

1）打開dreamerve軟件。

2）新建JS文件，學會JS腳本的變量、函數、DOM文檔對象的操作。3）外部調用JS文件。5．教學方式

學生主要通過上機實驗，在相應的軟件環境下學習處理，教師實時指導。6．考核要求

實驗過程中能認真獨立完成實驗，實驗完成后及時上交實驗報告，實驗過程的表現和實驗報告成績記入平時成績。

7．實驗報告要求

實驗報告格式正確，書寫工整，字跡清楚，步驟敘述清楚，實驗結果符合邏輯。6．考核要求

實驗過程中能認真獨立完成實驗，實驗完成后及時上交實驗作業或實驗報告，實驗過程的表現和實驗作業或實驗報告成績記入平時成績。7．實驗報告要求

實驗報告格式正確，書寫工整，字跡清楚，步驟敘述清楚，實驗結果符合邏輯。

實驗四 asp.net控件

1．本次實驗的目的和要求

掌握asp.net控件（包括HTML控件與服務器端控件）。要求認真撰寫實驗報告，嚴格遵守實驗室規章制度。2．實驗內容或原理

運用所學知識，會使用HTML控件與服務器端控件進行編程，實現簡單功能。3．需用的儀器或試劑等

多媒體計算機，操作系統Windows 2000/xp以上，并安裝有asp.net開發平臺。4．實驗步驟

1）打開asp.net開發平臺。2）新建空白頁面或者空站點。

3）使用asp.net控件（包括HTML控件與服務器端控件），并掌握使用方法。5．教學方式

學生主要通過上機實驗，在相應的軟件環境下學習處理，教師實時指導。6．考核要求

實驗過程中能認真獨立完成實驗，實驗完成后及時上交實驗報告，實驗過程的表現和實驗報告成績記入平時成績。

7．實驗報告要求

實驗報告格式正確，書寫工整，字跡清楚，步驟敘述清楚，實驗結果符合邏輯。6．考核要求

實驗過程中能認真獨立完成實驗，實驗完成后及時上交實驗作業或實驗報告，實驗過程的表現和實驗作業或實驗報告成績記入平時成績。7．實驗報告要求

實驗報告格式正確，書寫工整，字跡清楚，步驟敘述清楚，實驗結果符合邏輯。

實驗五ado.net數據庫連接

1．本次實驗的目的和要求

掌握ado.net數據庫連接的基本概念、ADO.NET對象模型、SqlConnection對象。要求認真撰寫實驗報告，嚴格遵守實驗室規章制度。2．實驗內容或原理

掌握ado.net數據庫連接的基本概念、ADO.NET對象模型、SqlConnection對象。3．需用的儀器或試劑等

多媒體計算機，操作系統Windows 2000/xp以上，并安裝有asp.net開發平臺。4．實驗步驟

1）打開asp.net開發平臺。2）建立ado.net數據庫連接。

3）實現ADO.NET對象模型、SqlConnection對象等知識。5．教學方式

學生主要通過上機實驗，在相應的軟件環境下學習處理，教師實時指導。6．考核要求

實驗過程中能認真獨立完成實驗，實驗完成后及時上交實驗報告，實驗過程的表現和實驗報告成績記入平時成績。

7．實驗報告要求

實驗報告格式正確，書寫工整，字跡清楚，步驟敘述清楚，實驗結果符合邏輯。6．考核要求

實驗過程中能認真獨立完成實驗，實驗完成后及時上交實驗作業或實驗報告，實驗過程的表現和實驗作業或實驗報告成績記入平時成績。7．實驗報告要求

實驗報告格式正確，書寫工整，字跡清楚，步驟敘述清楚，實驗結果符合邏輯。

第五篇：網頁設計教學大綱

網頁設計教學大綱

一、課程性質與任務

1、課程性質

《網頁設計與制作》是中計算機專業開設的一門專業必修課，是計算機類專業的一門實踐環節課程，也可以作為其他相關專業的實踐課程或選修課，它是一門操作性和實踐性很強的職業技術課程。本課程的主要內容為系統介紹網頁編輯與制作軟件Dreamweaver cs3，通過這種有代表性的網頁制作軟件的使用，掌握網站設計的全過程，并能熟練地制作出有專業水準的網站。2、課程任務

本門課程在專業教學計劃中起著十分重要的作用，通過這門課程，學生可以掌握以下技能和知識：

* 掌握網站的開發流程，如建站規劃、效果圖制作、建立站點等相關知識。

* 掌握各種網頁元素在Dreamweaver cs3中的使用。例如表格、文本、圖像、超級鏈接、層和表單等。

* 熟悉一些網頁設計輔助軟件的功能和使用方法。例如Flash、Fireworks、Photoshop等。* 掌握測試和發布網站的方法。包括網站測試的內容和方法。* 能夠解決一些網頁設計中的常見問題。

* 了解ASP開發平臺的搭建，Dreamweaver cs3在動態網頁制作方面的應用。

二、課程教學目標與要求

1、本課程的基本目標

（1）使學生通過本課程的學習，掌握Dreamweaver cs3的使用方法，學會使用Dreamweaver cs3制作Web網頁的技術。

（2）本課程學習結束后，學生應能自行設計各種網頁、開發一定規模的網站，使學生通過本課程的學習，熟練掌握其基本制作方法和技巧，并最終設計一個綜合性的網站并且編制簡單的腳本上傳到互聯網上。

2、課程在知識、素質方面的基本要求（1）知識要求

深入了解Internet，理解WWW、HTTP、HTML等概念及作用；掌握網站設計和發布的1 流程。理解網站維護管理的意義及重要性，理解服務器、客戶端、瀏覽器的概念和作用；了解多種網頁制作軟件和圖像處理軟件相結合設計網站的好處。了解Dreamweaver cs3在動態網站上的應用。（2）素質要求

本課程將培養學生以下幾方面的職業素質： 服務意識：能夠為他人提供優質的服務；

文明法制意識：網站內容應積極健康向上，不做違法的事；

合作精神：能夠與他人進行合作，具有協調工作能力和組織管理能力； 較強的自我知識及技術更新能力：快速跟蹤網頁制作的新技術及市場應用動態。

三、教學內容結構

學生應按照《網頁設計與網站建設課程設計指導書》的要求認真設計。教師應掌握好課程設計的總體進度，并組織答疑，以保證學生按時保質、保量地完成任務。學生最后所完成的《網頁設計與網站建設課程設計報告》應當做到內容齊全、條理清楚、文字通暢、打印或書寫規范。

（1）網站建設總體策劃

（2）域名注冊與建站方式選擇論證（3）網站總體設計（4）網站靜態頁面設計（5）Web數據庫設計

（6）網站測試、發布與維護管理

四、教學內容與要求

第一章

網頁設計概述：重點講授網站，網頁設計的概念；了解網頁設計設計的相關概念；了解網頁設計的語言HTML；掌握學習網頁設計的某一種工具；理解網站和網頁的關系。

第二章

網頁賞析：初步了解網頁賞析要求；理解網頁賞析的理論要求；掌握網頁突破性設計的要素；分清各類網站的設計要求和框架；理解實例分析過程。

第三章

網頁規劃與布局：了解網頁的組織結構，掌握網頁內容上的組織方法；熟悉網頁設計的流程和注意事項；了解網站的規劃與建設；熟悉網站設計，掌握網站與網頁的區別。

第四章

網頁設計創意：通過對創意思維及創意手法的講解，輔以對優秀網頁作品的分析，啟發學生全面的創新思維，進而從多角度的思維中獨樹一幟，培養學生的個性化意識。讓學生對優秀設計的創意進行解讀和闡釋，并分析其創新之處，鼓勵學生敢于發覺新意，提2 出自己獨到的見解。

第五章

網頁編程語言：了解HTML、CSS的定義、概念和作用；理解HTML語言中的各種文本格式、字符格式、段落設置、列表標記的作用；會用HTML語言總的標記設置顏色、文本格式和列表；掌握HTML的語法結構，掌握HTML語言中標記的使用方法；理解表格、框架、表單的作用。理解CSS樣式表的作用和意義；掌握CSS樣式表的結構；掌握在網頁中添加CSS的方法。掌握三種添加樣式信息的方法，會使用CSS設置網頁格式和列表的格式。

第六章

網頁制作工具：

（1）通過教學，使學生能夠用基本法和高級法新建站點、編輯站點，掌握如何在站點中新建文件和文件夾，會預覽網頁。

（2）掌握表格的組成和基本操作方法；熟練掌握穿件表格、表格操作、表格編輯的方法；（3）掌握表單的基本概念和表單的各個組成元素；掌握插入表單以及表單元素的方法；會制作具有表單的網頁。

（4）通過教學，掌握在動畫中添加聲音的操作方法以及設置動畫聲音的各種屬性。（5）通過教學，使學生掌握導出與發布Flash動畫的方法，能夠準確設置Flash8動畫作品的發布格式。

第七章

動態網頁介紹：掌握靜態網頁和動態網頁的概念；了解實現動態網頁的四種技術（CGI、ASP、JSP和PHP）的特點；掌握數據庫、數據庫管理系統、Web數據庫的概念及關系數據庫的特點；理解數據庫在開發動態網頁中的地位；了解ASP、JSP、PHP如何訪問Web數據庫。

第八章

設計實例：綜合運用前七章所學的知識創建和編輯一個站點，掌握主頁和子頁、子頁之間、以及站內和站外的鏈接。

五、教學實施、教學方法：本課程是一門應用型課程，涉及到以前所學知識點較多，因此在教學中應注意啟發式教學并加強項目教學的直觀性。、教學場所與設備要求：安裝有 Windows XP 或 Windows 2000 的機房均可以進行實驗，教學要求在多媒體教室進行。

六、考核與評價方式

有筆試和機試兩種考試形式，主要由選擇題、實驗操作題組成。在總成績中，筆試成績和上機考試成績各占50%。