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

《網頁設計》教學大綱

課程名稱：《網頁設計》 英文名稱：《Web Design》 課程性質：學科教育平臺選修課 課程編號：P122006 所屬院部：美術與藝術設計學院 周 學 時：12學時 總 學 時：48學時 學 分：3學分

教學對象（本課程適合的專業和年級）：美術學類專業（本科）二年級學生 預備知識：掌握圖像處理技術，會使用Photoshop等圖像處理軟件；熟悉一定的視覺設計理念。

課程在教學計劃中的地位作用：本課程屬于美術學類專業的學科教育平臺選修課程，是一門實踐性很強的專業課程，包括16學時的理論課時和32學時的實驗課時。

教學方法：講授+練習教學目標與要求：（1）教學目標：

通過《網頁設計》的學習，能夠提高學生掌握設計過程的熟練程度，把握網頁設計的方法和思路，更好地將技術與藝術相結合。（2）教學要求：

1.熟悉商業網站的策劃過程，理清作品創作的設計思路。

2.熟練掌握Dreamweaver軟件的各項操作，能夠制作復雜的靜態頁面。3.熟練掌握運用PhotoShop軟件繪制網頁效果圖方法，并能夠合理對效果圖進行切片和數據優化。

課程教材：郭玉龍，王增.網頁設計與制作.南京：南京大學出版社，2010年8月.參考書目：

[1]譚貞軍，劉斌.中文版Dreamweaver+Flash+Photoshop網頁制作從入門到精通(CS3版).北京：清華大學出版社，2008年9月.考核形式：考查

編寫日期：2015年3月制定

課程內容及學時分配（含教學重點、難點）： 第一章 網頁基礎知識（4學時）教學重點：網頁的構成元素。

教學難點：動態網頁和靜態網頁的區別。第二章 使用記事本創建HTML頁面（4學時）教學重點：使用記事本創建HTML頁面。教學難點：無。

第三章 使用 Dreamweaver 創建HTML頁面（4學時）教學重點：Dreamweaver軟件的使用。教學難點：Dreamweaver軟件的使用。第四章 使用表格布局網頁（4學時）教學重點：表格布局方法的使用。教學難點：跨行合并、跨列合并。第五章 使用CSS樣式表（4學時）教學重點：CSS代碼。教學難點：CSS代碼。

第六章 使用層布局網頁（4學時）教學重點：DIV+CSS布局方法的使用。教學難點：DIV+CSS中float浮動用法。第七章 應用表單（4學時）教學重點：表單的應用。教學難點：表單的應用。

第八章 用Photoshop制作網頁圖片（4學時）教學重點：用Photoshop切圖。教學難點：網頁圖片的優化。第九章 網站策劃（4學時）教學重點：網站策劃的核心。教學難點：網站策劃的核心。

第十章

“達美樂比薩”網站制作（4學時）教學重點：“達美樂比薩”網站的布局。教學難點：DIV+CSS中float浮動用法。補充說明： 無。

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

網頁設計教學大綱

一、課程性質與任務

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%。

第三篇：動態網頁設計教學大綱

《動態網頁設計》課程教學大綱

一、課程性質、目的

課程性質：本課程是計算機各專業的必修課程，是Web開發的核心課程之一，著重講解ASP以及數據庫系統（Access或SQL Server）的應用，以及動態網頁的編制過程。

課程目的：通過本課程的學習，掌握Web基本搭建技術，了解動態網頁的設計規范，掌握必要的VBScript與ASP程序設計方法，重點掌握ASP與Web數據庫相結合的綜合技術。通過本課程的學習，使學生具備搭建中小網站的基本技術，同時也是Web項目設計的前導核心課程之一。

二、教學基本要求

課程的教學要求大體上分為三個層次：了解、理解和掌握。了解：是能正確判別有關概念和方法； 理解：是能正確表達有關概念和方法的含義； 掌握：是在理解的基礎上加以靈活應用。

三、教學內容及要求

第1章 網絡基礎知識（1學時）

1.1 Internet基礎 1.2 Web簡介

1.3 Web程序開發環境

11第2章 ASP概述（1學時）

2.1 什么是ASP 2.2 IIS的安裝

2.3 IIS的配置

2.4 測試網站服務器

2.5 第一個ASP程序

第3章 Web頁面制作基礎（4學時）

3.1 HTML標記語言

3.2 設置文字風格 3.3 建立超鏈接

3.4 多媒體效果

3.5 制作表格

3.6 建立表單

3.7 構建框架

3.8 CSS

第4章 ASP開發基礎（2學時）

4.1 ASP基本語法

4.2 ASP指令的使用

4.3 申請域名和空間

4.4 發布網站

第5章 VBScript腳本語言（4學時）

5.1 VBScript語言概述

5.2 常量與變量

5.3 運算符的應用

5.4 函數的應用

5.5 數組的創建與應用

5.6 流程控制語句

5.7 注釋語句的使用

5.8 過程的創建與調用

第6章 ASP內置對象（4學時）

6.1 ASP內置對象概述

6.2 Request請求對象

6.3 Response響應對象

6.4 Application應用程序對象

6.5 Session會話對象

6.6 Server服務對象

6.7 ObjectContext事務處理對象

第7章 ASP常用組件（2學時）

7.1 Ad Rotate廣告輪顯組件

7.2 Browser Capabilities瀏覽器性能組件

7.3 Page Counter計數器組件

7.4 CDONTS郵件收發組件

第8章 文件管理（2學時）

8.1 FileSystemObject文件系統對象

8.2 文件的基本操作

8.3 文本文件的操作

第9章 ADO數據庫訪問（4學時）

9.1 ADO概述

9.2 在ODBC數據源管理器中配置DSN 9.3 Connection對象連接數據庫

9.4 Command對象執行操作命令

9.5 RecordSet對象查詢和操作記錄

9.6 Error對象返回錯誤信息 第10章 ASP高級程序設計（2學時）

10.1 ASP操作XML文檔

10.2 在ASP中應用Ajax 10.3 在ASP中使用類

第11章 ASP綜合開發實例——博客網站（8學時）

11.1 概述

11.2 網站總體設計

11.3 數據庫設計

11.4 文件架構設計

11.5 公共文件的編寫

11.6 前臺主頁面設計

11.7 文章展示模塊設計

11.8 相冊展示模塊設計

11.9 博主登錄模塊設計

11.10 文章管理模塊設計

11.11 相冊管理模塊設計

第12章 課程設計一——在線投票系統（2學時）

12.1 課程設計的目的12.2 設計思路

12.3 設計過程

第13章 課程設計二——無刷新聊天室（2學時）

13.1 課程設計的目的13.2 設計思路

13.3 設計過程

四、實踐環節

1、創建虛擬WEB服務器

2、VBScript流程控制結構的應用

3、VBScript子程序與函數

4、Response對象的應用

5、Request對象的應用

6、Server對象與服務器端文件訪問

7、數據庫的讀取、插入、刪除與更新

8、數據庫查詢

9、博客網站

10、在線投票系統

11、無刷新聊天室

五、課外習題及課程討論

通過習題課的教學及解題過程的訓練，促進學生運算技能，邏輯推理能力，運用所學知識分析、解決問題能力的進一步提高，消化和鞏固所學的理論知識，檢查學生對所學內容的掌握程度，使學生明確教學基本要求，發現自己學習中的薄弱環節，發揮教與學，導與練，學與用的橋梁作用。

六、教學方法與手段

本課程具有知識性、技能性和應用性相結合的特點，因此，要積極地處理好理論與實踐教學環節的關系。教學中以精講多練為原則，積極采用現代教育技術，多媒體教學與網絡教學并舉，支持和激勵學生開展自主學習。理論教學以多媒體輔助教學的授課方式，采用適合本課程特點的CAI課件，注重基本概念講解與實例的演示，使學生可以直觀而清晰地看到操作效果，加深對知識點的理解。重視上機實踐環節，應保證上機機時不少于本教學大綱規定的實驗學時；加強課內教學輔導。對關鍵性概念、整體實現思想方面的問題可輔以課堂討論的形式。應善于利用教學資源，特別是網絡資源，促進教學的互動，注重培養學生實際動手能力和創新學習的意識和能力。

七、考核方式

本課程采用筆試、課程設計+平時實驗和平時分相結合的方法,比例為5:(2+1):2。課程設計作品由教研室和任課教師一道組成答辯委員會評審。學生采用分組的形式完成課程設計，每組3~5人，并任命一名負責人負責整個設計的組織和實施。課程設計的最終成績由實驗課程+平時設計組成，具體比例為2：1。

八、推薦教材和教學參考書

教材：ISBN 978-7-115-18810-6 吳素芹《ASP動態網頁制作教程》 人民郵電出版社

參考書：ISBN978-7-302-17387-8 《ASP動態網頁設計》清華大學出版社

九、說明

本課程為WEB開發方向的核心課程，具有很強的實用價值。由于ASP技術是一門實踐性較強的綜合技術，故建議授課時應該注重實驗教學的作用。授課教師在設計實驗時，應該充分考慮實驗的典型性、綜合性、漸進性等，建議與課程設計結合設計實驗。課程設計作為本課程最后的實踐環節，承擔著使學生具備一定的WEB綜合設計能力的任務，要求教師認真輔導，務必起到促進學生實踐能力培養的作用。

第四篇：《網頁設計》課程教學大綱

《網頁設計》課程教學大綱

課程編號：

英文名稱：WebPages Designing 課程類型：專業選修課 學時/學分：24+24/2 授課對象：專科生

先修課程：計算機文化基礎 課程簡介：

《網頁設計》是一門重要的信息管理專業的選修課程。本課程講述了網站創建、網頁制作基本知識、Dreamweaver網頁制作集成工具使用的方法等內容。通過本課程的學習，使學生掌握構建網站的基本知識，熟悉網頁開發平臺的使用，能夠獨立的創建個人網站。

教學目的和要求：

通過學習，使學生了解網頁網站的基礎知識；掌握網頁三劍客的使用方法，以便能夠正確應用和維護網站。與此同時，通過對Web頁制作技術和制作工具的學習，使學生對于網頁設計中所涉及的相關知識有一個全面的了解。

教學內容：

第1章 網頁設計快速入門（2）

1、教學內容：

1.1 在Internet上安個家

1.2 知識要點

1.2.1 有關網頁設計的概念

1.2.2 網頁設計軟件

1.2.3 網頁制作過程

1.2.4 企業建立網站的過程

1.2.5 網頁設計與HTML 1.3 本章小結

2、教學重點：

網頁設計的概念、網頁制作過程。

3、教學難點： 網頁設計與HTML。

第2章 Dreamweaver MX快速入門（1）

1、教學內容：

2.1 制作網站電子相冊

2.2 知識要點

2.2.1 認識Dreamweaver MX中文版基本界面

2.2.2 認識窗口項目

2.2.3 面板組

2.3 本章小結

2、教學重點：

Dreamweaver MX中文版基本界面。

3、教學難點：

面板組的使用。

第3章 用Dreamweaver MX設計首頁（1）

1、教學內容：

3.1 一個簡單首頁設計的例子

3.2 知識要點

3.2.1 頁面屬性

3.2.2 文本屬性

3.2.3 表格屬性 3.2.4 單元格屬性

3.2.5 圖像屬性

3.3 本章小結

2、教學重點：

設置文本、表格和圖像的屬性。

3、教學難點： 頁面屬性的設置。

第4章 Dreamweaver MX的CSS樣式（2）

1、教學內容：

4.1 制作動態鏈接效果

4.1.1 Microsoft中國公司主頁的動態鏈接效果

4.1.2 為網頁制作動態鏈接效果

4.2 知識要點

4.2.1 什么是CSS樣式

4.2.2 CSS樣式與HTML樣式

4.2.3 CSS樣式控制面板

4.2.4 定義CSS樣式

4.3 本章小結

2、教學重點：

CSS樣式控制面板的使用、定義CSS樣式的方法。

3、教學難點：

定義CSS樣式的方法。第5章 表格應用（2）

1、教學內容：

5.1 用表格實現一個系部主頁的設計

5.1.1 網頁結構分析

5.1.2 設計頁眉區

5.1.3 設計導航欄區

5.1.4 設計信息區

5.1.5 設計版權區

5.2 知識要點

5.2.1 標準視圖中的表格與布局視圖中的表格

5.2.2 標準視圖模式下表格的應用技巧

5.2.3 布局視圖模式下表格的應用技巧

5.3 本章小結

2、教學重點： 標準視圖模式下表格的應用。

3、教學難點：

布局視圖模式下表格的應用。

第6章 Dreamweaver MX圖層應用（2）

1、教學內容：

6.1 一個彈出式菜單設計的實例

6.1.1 設計彈出式菜單的效果圖

6.1.2 設計彈出式菜單的過程

6.2 知識要點

6.2.1 創建層

6.2.2 選擇層

6.2.3 插入層對象

6.2.4 移動層

6.2.5 對齊層

6.2.6 層與表格相互轉換

6.2.7 設置層屬性

6.3 本章小結

2、教學重點：

層的基本操作和層的屬性設置。

3、教學難點：

層與表格的轉換、行為和事件。

第7章 Dreamweaver MX時間軸（2）

1、教學內容：

7.1 制作一個動態地址導航圖

7.2 知識要點

7.2.1 時間軸控制面板

7.2.2 時間軸的基本應用

7.3 本章小結

2、教學重點： 時間軸的基本應用。

3、教學難點： 錄制層路徑。

第8章 表單操作（2）

1、教學內容：

8.1 制作一個網上報名表單

8.1.1 制作網上在線報名表單

8.1.2 預覽網上在線報名表單

8.2 知識要點

8.2.1 插入表單

8.2.2 插入文本對象表單

8.2.3 插入按鈕

8.2.4 插入復選框

8.2.5 插入單選按鈕

8.2.6 插入列表/菜單域 8.2.7 插入文件字段

8.2.8 插入圖像域

8.2.9 插入隱藏域

8.2.10 插入跳轉菜單

8.3 本章小結

2、教學重點：

表單和常用表單域的用途和使用方法。

3、教學難點：

插入隱藏域和跳轉菜單。

第9章 Dreamweaver MX綜合應用（2）

1、教學內容：

9.1 一個網站建立的實例

9.1.1 建站準備

9.1.2 制作網站

9.2 知識要點

9.2.1 網站的設計構思

9.2.2 資源面板的應用

9.2.3 行為面板的應用

9.2.4 站點管理器的應用

9.3 本章小結

2、教學重點：

網站的設計構思、資源面板的應用。

3、教學難點： 行為面板的應用。第10章 Flash MX快速入門（0.5）

1、教學內容：

10.1 制作一個移動的圓

10.2 知識要點

10.2.1 Flash MX的界面

10.2.2 主菜單項目

10.2.3 常用工具欄

10.2.4 時間軸面板

10.2.5 繪圖工具欄

10.2.6 其他重要欄目

10.3 本章小結

2、教學重點：

Flash MX的工具欄和時間軸面板。

3、教學難點： 時間軸面板的使用。第11章 Flash MX的繪圖功能（0.5）

1、教學內容：

11.1 制作一個網頁廣告

11.2 知識要點

11.2.1 繪圖工具 11.2.2 指針工具

11.2.3 填充工具

11.2.4 文本工具

11.2.5 顏色設置

11.2.6 圖片的使用

11.3 本章小結

2、教學重點： 繪圖工具的使用。

3、教學難點： 圖片的使用。第12章 Flash MX動畫制作初步（1）

1、教學內容：

12.1 制作動態文字的實例

12.2 知識要點

12.2.1 圖層（Layer）

12.2.2 幀（Frame）

12.2.3 使用圖符、實例和庫

12.2.4 用Sound面板引入和編輯聲音

12.2.5 文件預覽

12.3 本章小結

2、教學重點：

使用Flash MX制作簡單動畫。

3、教學難點：

幀的基本操作、在動畫中添加聲音。第13章 Flash MX動作的應用（1）

1、教學內容： 13.1 圖像動畫實例

13.1.1 制作可供控制播放的循環動畫

13.1.2 制作按鈕元件

13.1.3 設計場景

13.1.4 舞臺播放區背景的制作

13.1.5 在場景上創建Daughter影片剪輯的實例

13.1.6 后臺控制程序

13.2 知識要點

13.2.1 ActionScript的基本概念

13.2.2 用動作面板編輯對象動作

13.3 本章小結

2、教學重點： 動作面板的使用。

3、教學難點：

用動作面板編輯對象動作。第14章 Flash MX的綜合應用（1）

1、教學內容：

14.1 制作一個網站的門戶廣告動畫 14.1.1 設計構思

14.1.2 素材準備

14.1.3 制作過程

14.1.4 發布過程

14.2 知識要點

14.2.1 文件的導入與導出

14.2.2 文件的發布及發布設置

14.2.3 發布預覽

14.3 本章小結

2、教學重點：

文件的導入和導出、文件的發布。

3、教學難點：

Flash MX動作的應用。第15章 Fireworks MX應用基礎（1）

1、教學內容：

15.1 Web按鈕制作實例

15.2 知識要點

15.2.1 Fireworks的基本概念

15.2.2 Fireworks的編輯模式

15.2.3 Fireworks的工具詳解

15.2.4 Fireworks中的對象

15.2.5 Fireworks的層

15.3 本章小結

2、教學重點：

Fireworks的工具詳解。

3、教學難點： Fireworks的層。第16章 Fireworks MX進階操作（1）

1、教學內容：

16.1 一個簡單的動畫

16.2 知識要點

16.2.1 Fireworks的蒙版

16.2.2 Fireworks的顏色混合模式

16.2.3 Fireworks的熱點和切片

16.2.4 Fireworks實用技巧 16.3 本章小結

2、教學重點： Fireworks實用技巧。

3、教學難點：

Fireworks的蒙版、熱點和切片。第17章 站點的發布、宣傳推廣與維護（2）

1、教學內容： 17.1 站點的發布

17.2 網頁的測試 17.2.1 下載時間測試

17.2.2 瀏覽器兼容性測試

17.2.3 拼寫檢查測試

17.3 站點宣傳與推廣的一般方法

17.4 站點的維護與更新

17.5 本章小結

2、教學重點： 站點的發布。

3、教學難點： CuteFTP的使用方法。

實驗內容：

實驗一

(使用HTML語言制作簡單網頁)（2）

1、實驗目的：

熟悉HTML語言的常用標記，學會在記事本環境下用HTML語言編輯簡單的網頁。

2、實驗內容：

用記事本輸入下面語句，另存為網頁文件，并在瀏覽器中瀏覽。

一首唐詩

夜雨寄北

李商隱

君問歸期未有期，

巴山夜雨漲秋池。

何當共剪西窗燭，

卻話巴山夜雨時。

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

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

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

開課實驗室：網絡技術實驗室 課程學時：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設計一個簡單的動態網站，實現用戶的登錄功能