第一篇：動態(tài)網(wǎng)頁設(shè)計教學(xué)大綱

《動態(tài)網(wǎng)頁設(shè)計》課程教學(xué)大綱

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

課程性質(zhì)：本課程是計算機各專業(yè)的必修課程，是Web開發(fā)的核心課程之一，著重講解ASP以及數(shù)據(jù)庫系統(tǒng)（Access或SQL Server）的應(yīng)用，以及動態(tài)網(wǎng)頁的編制過程。

課程目的：通過本課程的學(xué)習(xí)，掌握Web基本搭建技術(shù)，了解動態(tài)網(wǎng)頁的設(shè)計規(guī)范，掌握必要的VBScript與ASP程序設(shè)計方法，重點掌握ASP與Web數(shù)據(jù)庫相結(jié)合的綜合技術(shù)。通過本課程的學(xué)習(xí)，使學(xué)生具備搭建中小網(wǎng)站的基本技術(shù)，同時也是Web項目設(shè)計的前導(dǎo)核心課程之一。

二、教學(xué)基本要求

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

三、教學(xué)內(nèi)容及要求

第1章 網(wǎng)絡(luò)基礎(chǔ)知識（1學(xué)時）

1.1 Internet基礎(chǔ) 1.2 Web簡介

1.3 Web程序開發(fā)環(huán)境

11第2章 ASP概述（1學(xué)時）

2.1 什么是ASP 2.2 IIS的安裝

2.3 IIS的配置

2.4 測試網(wǎng)站服務(wù)器

2.5 第一個ASP程序

第3章 Web頁面制作基礎(chǔ)（4學(xué)時）

3.1 HTML標(biāo)記語言

3.2 設(shè)置文字風(fēng)格 3.3 建立超鏈接

3.4 多媒體效果

3.5 制作表格

3.6 建立表單

3.7 構(gòu)建框架

3.8 CSS

第4章 ASP開發(fā)基礎(chǔ)（2學(xué)時）

4.1 ASP基本語法

4.2 ASP指令的使用

4.3 申請域名和空間

4.4 發(fā)布網(wǎng)站

第5章 VBScript腳本語言（4學(xué)時）

5.1 VBScript語言概述

5.2 常量與變量

5.3 運算符的應(yīng)用

5.4 函數(shù)的應(yīng)用

5.5 數(shù)組的創(chuàng)建與應(yīng)用

5.6 流程控制語句

5.7 注釋語句的使用

5.8 過程的創(chuàng)建與調(diào)用

第6章 ASP內(nèi)置對象（4學(xué)時）

6.1 ASP內(nèi)置對象概述

6.2 Request請求對象

6.3 Response響應(yīng)對象

6.4 Application應(yīng)用程序?qū)ο?/p>

6.5 Session會話對象

6.6 Server服務(wù)對象

6.7 ObjectContext事務(wù)處理對象

第7章 ASP常用組件（2學(xué)時）

7.1 Ad Rotate廣告輪顯組件

7.2 Browser Capabilities瀏覽器性能組件

7.3 Page Counter計數(shù)器組件

7.4 CDONTS郵件收發(fā)組件

第8章 文件管理（2學(xué)時）

8.1 FileSystemObject文件系統(tǒng)對象

8.2 文件的基本操作

8.3 文本文件的操作

第9章 ADO數(shù)據(jù)庫訪問（4學(xué)時）

9.1 ADO概述

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

9.4 Command對象執(zhí)行操作命令

9.5 RecordSet對象查詢和操作記錄

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

10.1 ASP操作XML文檔

10.2 在ASP中應(yīng)用Ajax 10.3 在ASP中使用類

第11章 ASP綜合開發(fā)實例——博客網(wǎng)站（8學(xué)時）

11.1 概述

11.2 網(wǎng)站總體設(shè)計

11.3 數(shù)據(jù)庫設(shè)計

11.4 文件架構(gòu)設(shè)計

11.5 公共文件的編寫

11.6 前臺主頁面設(shè)計

11.7 文章展示模塊設(shè)計

11.8 相冊展示模塊設(shè)計

11.9 博主登錄模塊設(shè)計

11.10 文章管理模塊設(shè)計

11.11 相冊管理模塊設(shè)計

第12章 課程設(shè)計一——在線投票系統(tǒng)（2學(xué)時）

12.1 課程設(shè)計的目的12.2 設(shè)計思路

12.3 設(shè)計過程

第13章 課程設(shè)計二——無刷新聊天室（2學(xué)時）

13.1 課程設(shè)計的目的13.2 設(shè)計思路

13.3 設(shè)計過程

四、實踐環(huán)節(jié)

1、創(chuàng)建虛擬WEB服務(wù)器

2、VBScript流程控制結(jié)構(gòu)的應(yīng)用

3、VBScript子程序與函數(shù)

4、Response對象的應(yīng)用

5、Request對象的應(yīng)用

6、Server對象與服務(wù)器端文件訪問

7、數(shù)據(jù)庫的讀取、插入、刪除與更新

8、數(shù)據(jù)庫查詢

9、博客網(wǎng)站

10、在線投票系統(tǒng)

11、無刷新聊天室

五、課外習(xí)題及課程討論

通過習(xí)題課的教學(xué)及解題過程的訓(xùn)練，促進學(xué)生運算技能，邏輯推理能力，運用所學(xué)知識分析、解決問題能力的進一步提高，消化和鞏固所學(xué)的理論知識，檢查學(xué)生對所學(xué)內(nèi)容的掌握程度，使學(xué)生明確教學(xué)基本要求，發(fā)現(xiàn)自己學(xué)習(xí)中的薄弱環(huán)節(jié)，發(fā)揮教與學(xué)，導(dǎo)與練，學(xué)與用的橋梁作用。

六、教學(xué)方法與手段

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

七、考核方式

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

八、推薦教材和教學(xué)參考書

教材：ISBN 978-7-115-18810-6 吳素芹《ASP動態(tài)網(wǎng)頁制作教程》 人民郵電出版社

參考書：ISBN978-7-302-17387-8 《ASP動態(tài)網(wǎng)頁設(shè)計》清華大學(xué)出版社

九、說明

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

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

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

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

1、課程性質(zhì)

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

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

* 掌握網(wǎng)站的開發(fā)流程，如建站規(guī)劃、效果圖制作、建立站點等相關(guān)知識。

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

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

* 了解ASP開發(fā)平臺的搭建，Dreamweaver cs3在動態(tài)網(wǎng)頁制作方面的應(yīng)用。

二、課程教學(xué)目標(biāo)與要求

1、本課程的基本目標(biāo)

（1）使學(xué)生通過本課程的學(xué)習(xí)，掌握Dreamweaver cs3的使用方法，學(xué)會使用Dreamweaver cs3制作Web網(wǎng)頁的技術(shù)。

（2）本課程學(xué)習(xí)結(jié)束后，學(xué)生應(yīng)能自行設(shè)計各種網(wǎng)頁、開發(fā)一定規(guī)模的網(wǎng)站，使學(xué)生通過本課程的學(xué)習(xí)，熟練掌握其基本制作方法和技巧，并最終設(shè)計一個綜合性的網(wǎng)站并且編制簡單的腳本上傳到互聯(lián)網(wǎng)上。

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

深入了解Internet，理解WWW、HTTP、HTML等概念及作用；掌握網(wǎng)站設(shè)計和發(fā)布的1 流程。理解網(wǎng)站維護管理的意義及重要性，理解服務(wù)器、客戶端、瀏覽器的概念和作用；了解多種網(wǎng)頁制作軟件和圖像處理軟件相結(jié)合設(shè)計網(wǎng)站的好處。了解Dreamweaver cs3在動態(tài)網(wǎng)站上的應(yīng)用。（2）素質(zhì)要求

本課程將培養(yǎng)學(xué)生以下幾方面的職業(yè)素質(zhì)： 服務(wù)意識：能夠為他人提供優(yōu)質(zhì)的服務(wù)；

文明法制意識：網(wǎng)站內(nèi)容應(yīng)積極健康向上，不做違法的事；

合作精神：能夠與他人進行合作，具有協(xié)調(diào)工作能力和組織管理能力； 較強的自我知識及技術(shù)更新能力：快速跟蹤網(wǎng)頁制作的新技術(shù)及市場應(yīng)用動態(tài)。

三、教學(xué)內(nèi)容結(jié)構(gòu)

學(xué)生應(yīng)按照《網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)課程設(shè)計指導(dǎo)書》的要求認(rèn)真設(shè)計。教師應(yīng)掌握好課程設(shè)計的總體進度，并組織答疑，以保證學(xué)生按時保質(zhì)、保量地完成任務(wù)。學(xué)生最后所完成的《網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)課程設(shè)計報告》應(yīng)當(dāng)做到內(nèi)容齊全、條理清楚、文字通暢、打印或書寫規(guī)范。

（1）網(wǎng)站建設(shè)總體策劃

（2）域名注冊與建站方式選擇論證（3）網(wǎng)站總體設(shè)計（4）網(wǎng)站靜態(tài)頁面設(shè)計（5）Web數(shù)據(jù)庫設(shè)計

（6）網(wǎng)站測試、發(fā)布與維護管理

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

第一章

網(wǎng)頁設(shè)計概述：重點講授網(wǎng)站，網(wǎng)頁設(shè)計的概念；了解網(wǎng)頁設(shè)計設(shè)計的相關(guān)概念；了解網(wǎng)頁設(shè)計的語言HTML；掌握學(xué)習(xí)網(wǎng)頁設(shè)計的某一種工具；理解網(wǎng)站和網(wǎng)頁的關(guān)系。

第二章

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

第三章

網(wǎng)頁規(guī)劃與布局：了解網(wǎng)頁的組織結(jié)構(gòu)，掌握網(wǎng)頁內(nèi)容上的組織方法；熟悉網(wǎng)頁設(shè)計的流程和注意事項；了解網(wǎng)站的規(guī)劃與建設(shè)；熟悉網(wǎng)站設(shè)計，掌握網(wǎng)站與網(wǎng)頁的區(qū)別。

第四章

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

第五章

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

第六章

網(wǎng)頁制作工具：

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

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

（4）通過教學(xué)，掌握在動畫中添加聲音的操作方法以及設(shè)置動畫聲音的各種屬性。（5）通過教學(xué)，使學(xué)生掌握導(dǎo)出與發(fā)布Flash動畫的方法，能夠準(zhǔn)確設(shè)置Flash8動畫作品的發(fā)布格式。

第七章

動態(tài)網(wǎng)頁介紹：掌握靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁的概念；了解實現(xiàn)動態(tài)網(wǎng)頁的四種技術(shù)（CGI、ASP、JSP和PHP）的特點；掌握數(shù)據(jù)庫、數(shù)據(jù)庫管理系統(tǒng)、Web數(shù)據(jù)庫的概念及關(guān)系數(shù)據(jù)庫的特點；理解數(shù)據(jù)庫在開發(fā)動態(tài)網(wǎng)頁中的地位；了解ASP、JSP、PHP如何訪問Web數(shù)據(jù)庫。

第八章

設(shè)計實例：綜合運用前七章所學(xué)的知識創(chuàng)建和編輯一個站點，掌握主頁和子頁、子頁之間、以及站內(nèi)和站外的鏈接。

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

六、考核與評價方式

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

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

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

課程名稱：《網(wǎng)頁設(shè)計》 英文名稱：《Web Design》 課程性質(zhì)：學(xué)科教育平臺選修課 課程編號：P122006 所屬院部：美術(shù)與藝術(shù)設(shè)計學(xué)院 周 學(xué) 時：12學(xué)時 總 學(xué) 時：48學(xué)時 學(xué) 分：3學(xué)分

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

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

教學(xué)方法：講授+練習(xí)教學(xué)目標(biāo)與要求：（1）教學(xué)目標(biāo)：

通過《網(wǎng)頁設(shè)計》的學(xué)習(xí)，能夠提高學(xué)生掌握設(shè)計過程的熟練程度，把握網(wǎng)頁設(shè)計的方法和思路，更好地將技術(shù)與藝術(shù)相結(jié)合。（2）教學(xué)要求：

1.熟悉商業(yè)網(wǎng)站的策劃過程，理清作品創(chuàng)作的設(shè)計思路。

2.熟練掌握Dreamweaver軟件的各項操作，能夠制作復(fù)雜的靜態(tài)頁面。3.熟練掌握運用PhotoShop軟件繪制網(wǎng)頁效果圖方法，并能夠合理對效果圖進行切片和數(shù)據(jù)優(yōu)化。

課程教材：郭玉龍，王增.網(wǎng)頁設(shè)計與制作.南京：南京大學(xué)出版社，2010年8月.參考書目：

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

編寫日期：2015年3月制定

課程內(nèi)容及學(xué)時分配（含教學(xué)重點、難點）： 第一章 網(wǎng)頁基礎(chǔ)知識（4學(xué)時）教學(xué)重點：網(wǎng)頁的構(gòu)成元素。

教學(xué)難點：動態(tài)網(wǎng)頁和靜態(tài)網(wǎng)頁的區(qū)別。第二章 使用記事本創(chuàng)建HTML頁面（4學(xué)時）教學(xué)重點：使用記事本創(chuàng)建HTML頁面。教學(xué)難點：無。

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

第六章 使用層布局網(wǎng)頁（4學(xué)時）教學(xué)重點：DIV+CSS布局方法的使用。教學(xué)難點：DIV+CSS中float浮動用法。第七章 應(yīng)用表單（4學(xué)時）教學(xué)重點：表單的應(yīng)用。教學(xué)難點：表單的應(yīng)用。

第八章 用Photoshop制作網(wǎng)頁圖片（4學(xué)時）教學(xué)重點：用Photoshop切圖。教學(xué)難點：網(wǎng)頁圖片的優(yōu)化。第九章 網(wǎng)站策劃（4學(xué)時）教學(xué)重點：網(wǎng)站策劃的核心。教學(xué)難點：網(wǎng)站策劃的核心。

第十章

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

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

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

課程編號：

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

先修課程：計算機文化基礎(chǔ) 課程簡介：

《網(wǎng)頁設(shè)計》是一門重要的信息管理專業(yè)的選修課程。本課程講述了網(wǎng)站創(chuàng)建、網(wǎng)頁制作基本知識、Dreamweaver網(wǎng)頁制作集成工具使用的方法等內(nèi)容。通過本課程的學(xué)習(xí)，使學(xué)生掌握構(gòu)建網(wǎng)站的基本知識，熟悉網(wǎng)頁開發(fā)平臺的使用，能夠獨立的創(chuàng)建個人網(wǎng)站。

教學(xué)目的和要求：

通過學(xué)習(xí)，使學(xué)生了解網(wǎng)頁網(wǎng)站的基礎(chǔ)知識；掌握網(wǎng)頁三劍客的使用方法，以便能夠正確應(yīng)用和維護網(wǎng)站。與此同時，通過對Web頁制作技術(shù)和制作工具的學(xué)習(xí)，使學(xué)生對于網(wǎng)頁設(shè)計中所涉及的相關(guān)知識有一個全面的了解。

教學(xué)內(nèi)容：

第1章 網(wǎng)頁設(shè)計快速入門（2）

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

1.1 在Internet上安個家

1.2 知識要點

1.2.1 有關(guān)網(wǎng)頁設(shè)計的概念

1.2.2 網(wǎng)頁設(shè)計軟件

1.2.3 網(wǎng)頁制作過程

1.2.4 企業(yè)建立網(wǎng)站的過程

1.2.5 網(wǎng)頁設(shè)計與HTML 1.3 本章小結(jié)

2、教學(xué)重點：

網(wǎng)頁設(shè)計的概念、網(wǎng)頁制作過程。

3、教學(xué)難點： 網(wǎng)頁設(shè)計與HTML。

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

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

2.1 制作網(wǎng)站電子相冊

2.2 知識要點

2.2.1 認(rèn)識Dreamweaver MX中文版基本界面

2.2.2 認(rèn)識窗口項目

2.2.3 面板組

2.3 本章小結(jié)

2、教學(xué)重點：

Dreamweaver MX中文版基本界面。

3、教學(xué)難點：

面板組的使用。

第3章 用Dreamweaver MX設(shè)計首頁（1）

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

3.1 一個簡單首頁設(shè)計的例子

3.2 知識要點

3.2.1 頁面屬性

3.2.2 文本屬性

3.2.3 表格屬性 3.2.4 單元格屬性

3.2.5 圖像屬性

3.3 本章小結(jié)

2、教學(xué)重點：

設(shè)置文本、表格和圖像的屬性。

3、教學(xué)難點： 頁面屬性的設(shè)置。

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

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

4.1 制作動態(tài)鏈接效果

4.1.1 Microsoft中國公司主頁的動態(tài)鏈接效果

4.1.2 為網(wǎng)頁制作動態(tài)鏈接效果

4.2 知識要點

4.2.1 什么是CSS樣式

4.2.2 CSS樣式與HTML樣式

4.2.3 CSS樣式控制面板

4.2.4 定義CSS樣式

4.3 本章小結(jié)

2、教學(xué)重點：

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

3、教學(xué)難點：

定義CSS樣式的方法。第5章 表格應(yīng)用（2）

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

5.1 用表格實現(xiàn)一個系部主頁的設(shè)計

5.1.1 網(wǎng)頁結(jié)構(gòu)分析

5.1.2 設(shè)計頁眉區(qū)

5.1.3 設(shè)計導(dǎo)航欄區(qū)

5.1.4 設(shè)計信息區(qū)

5.1.5 設(shè)計版權(quán)區(qū)

5.2 知識要點

5.2.1 標(biāo)準(zhǔn)視圖中的表格與布局視圖中的表格

5.2.2 標(biāo)準(zhǔn)視圖模式下表格的應(yīng)用技巧

5.2.3 布局視圖模式下表格的應(yīng)用技巧

5.3 本章小結(jié)

2、教學(xué)重點： 標(biāo)準(zhǔn)視圖模式下表格的應(yīng)用。

3、教學(xué)難點：

布局視圖模式下表格的應(yīng)用。

第6章 Dreamweaver MX圖層應(yīng)用（2）

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

6.1 一個彈出式菜單設(shè)計的實例

6.1.1 設(shè)計彈出式菜單的效果圖

6.1.2 設(shè)計彈出式菜單的過程

6.2 知識要點

6.2.1 創(chuàng)建層

6.2.2 選擇層

6.2.3 插入層對象

6.2.4 移動層

6.2.5 對齊層

6.2.6 層與表格相互轉(zhuǎn)換

6.2.7 設(shè)置層屬性

6.3 本章小結(jié)

2、教學(xué)重點：

層的基本操作和層的屬性設(shè)置。

3、教學(xué)難點：

層與表格的轉(zhuǎn)換、行為和事件。

第7章 Dreamweaver MX時間軸（2）

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

7.1 制作一個動態(tài)地址導(dǎo)航圖

7.2 知識要點

7.2.1 時間軸控制面板

7.2.2 時間軸的基本應(yīng)用

7.3 本章小結(jié)

2、教學(xué)重點： 時間軸的基本應(yīng)用。

3、教學(xué)難點： 錄制層路徑。

第8章 表單操作（2）

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

8.1 制作一個網(wǎng)上報名表單

8.1.1 制作網(wǎng)上在線報名表單

8.1.2 預(yù)覽網(wǎng)上在線報名表單

8.2 知識要點

8.2.1 插入表單

8.2.2 插入文本對象表單

8.2.3 插入按鈕

8.2.4 插入復(fù)選框

8.2.5 插入單選按鈕

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

8.2.8 插入圖像域

8.2.9 插入隱藏域

8.2.10 插入跳轉(zhuǎn)菜單

8.3 本章小結(jié)

2、教學(xué)重點：

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

3、教學(xué)難點：

插入隱藏域和跳轉(zhuǎn)菜單。

第9章 Dreamweaver MX綜合應(yīng)用（2）

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

9.1 一個網(wǎng)站建立的實例

9.1.1 建站準(zhǔn)備

9.1.2 制作網(wǎng)站

9.2 知識要點

9.2.1 網(wǎng)站的設(shè)計構(gòu)思

9.2.2 資源面板的應(yīng)用

9.2.3 行為面板的應(yīng)用

9.2.4 站點管理器的應(yīng)用

9.3 本章小結(jié)

2、教學(xué)重點：

網(wǎng)站的設(shè)計構(gòu)思、資源面板的應(yīng)用。

3、教學(xué)難點： 行為面板的應(yīng)用。第10章 Flash MX快速入門（0.5）

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

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 本章小結(jié)

2、教學(xué)重點：

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

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

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

11.1 制作一個網(wǎng)頁廣告

11.2 知識要點

11.2.1 繪圖工具 11.2.2 指針工具

11.2.3 填充工具

11.2.4 文本工具

11.2.5 顏色設(shè)置

11.2.6 圖片的使用

11.3 本章小結(jié)

2、教學(xué)重點： 繪圖工具的使用。

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

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

12.1 制作動態(tài)文字的實例

12.2 知識要點

12.2.1 圖層（Layer）

12.2.2 幀（Frame）

12.2.3 使用圖符、實例和庫

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

12.2.5 文件預(yù)覽

12.3 本章小結(jié)

2、教學(xué)重點：

使用Flash MX制作簡單動畫。

3、教學(xué)難點：

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

1、教學(xué)內(nèi)容： 13.1 圖像動畫實例

13.1.1 制作可供控制播放的循環(huán)動畫

13.1.2 制作按鈕元件

13.1.3 設(shè)計場景

13.1.4 舞臺播放區(qū)背景的制作

13.1.5 在場景上創(chuàng)建Daughter影片剪輯的實例

13.1.6 后臺控制程序

13.2 知識要點

13.2.1 ActionScript的基本概念

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

13.3 本章小結(jié)

2、教學(xué)重點： 動作面板的使用。

3、教學(xué)難點：

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

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

14.1 制作一個網(wǎng)站的門戶廣告動畫 14.1.1 設(shè)計構(gòu)思

14.1.2 素材準(zhǔn)備

14.1.3 制作過程

14.1.4 發(fā)布過程

14.2 知識要點

14.2.1 文件的導(dǎo)入與導(dǎo)出

14.2.2 文件的發(fā)布及發(fā)布設(shè)置

14.2.3 發(fā)布預(yù)覽

14.3 本章小結(jié)

2、教學(xué)重點：

文件的導(dǎo)入和導(dǎo)出、文件的發(fā)布。

3、教學(xué)難點：

Flash MX動作的應(yīng)用。第15章 Fireworks MX應(yīng)用基礎(chǔ)（1）

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

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 本章小結(jié)

2、教學(xué)重點：

Fireworks的工具詳解。

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

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

16.1 一個簡單的動畫

16.2 知識要點

16.2.1 Fireworks的蒙版

16.2.2 Fireworks的顏色混合模式

16.2.3 Fireworks的熱點和切片

16.2.4 Fireworks實用技巧 16.3 本章小結(jié)

2、教學(xué)重點： Fireworks實用技巧。

3、教學(xué)難點：

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

1、教學(xué)內(nèi)容： 17.1 站點的發(fā)布

17.2 網(wǎng)頁的測試 17.2.1 下載時間測試

17.2.2 瀏覽器兼容性測試

17.2.3 拼寫檢查測試

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

17.4 站點的維護與更新

17.5 本章小結(jié)

2、教學(xué)重點： 站點的發(fā)布。

3、教學(xué)難點： CuteFTP的使用方法。

實驗內(nèi)容：

實驗一

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

1、實驗?zāi)康模?/p>

熟悉HTML語言的常用標(biāo)記，學(xué)會在記事本環(huán)境下用HTML語言編輯簡單的網(wǎng)頁。

2、實驗內(nèi)容：

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

一首唐詩

夜雨寄北

李商隱

君問歸期未有期，

巴山夜雨漲秋池。

何當(dāng)共剪西窗燭，

卻話巴山夜雨時。

第五篇：《網(wǎng)頁設(shè)計》實驗教學(xué)大綱

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

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

開課實驗室：網(wǎng)絡(luò)技術(shù)實驗室 課程學(xué)時：36 課程名稱：網(wǎng)頁設(shè)計 課程編號：12412219 實驗學(xué)時：36 面向?qū)I(yè)：動畫

一、實驗教學(xué)目的和任務(wù)

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

二、配套教材和實驗教材

教材：莫治雄 李 捷 《網(wǎng)頁設(shè)計實訓(xùn)教程》（《網(wǎng)頁設(shè)計》實驗教學(xué)大綱

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

5、嚴(yán)格遵守校校規(guī)校紀(jì)和實驗室規(guī)章制度。

六、主要實驗內(nèi)容

實驗一

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

實驗二

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

實驗三

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

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

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

實驗四

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

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

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

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

(4)設(shè)計一個網(wǎng)頁，并用Dreamweaver設(shè)計網(wǎng)頁的Css以實現(xiàn)網(wǎng)頁外觀

實驗六

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

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

實驗七

表單設(shè)計一(1)了解表單設(shè)計的基礎(chǔ)知識(2)了解input標(biāo)簽的相關(guān)屬性和方法(3)屬性常用表單設(shè)計元素(4)設(shè)計一個登陸網(wǎng)頁表單

實驗八

表單設(shè)計二

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

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

實驗九

流媒體及行為的應(yīng)用一

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

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

實驗十

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

（3）熟悉交換圖像和恢復(fù)交換圖像等常用行為的設(shè)置和使用

實驗十一

模板和庫

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

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

（3）熟悉模板使用，學(xué)會使用模板創(chuàng)建和更新網(wǎng)頁，使用庫項目更新網(wǎng)頁

實驗十二

Dreamweaver 8服務(wù)器技術(shù)一（1）了解web服務(wù)器的基本概念（2）了解web服務(wù)器的相關(guān)配置

（3）熟悉IIS的配置和使用，熟悉用IIS發(fā)布網(wǎng)站

實驗十三

Dreamweaver 8服務(wù)器技術(shù)二（1）了解動態(tài)網(wǎng)頁的基本概念（2）了解asp的使用

（3）會制作簡單的asp動態(tài)網(wǎng)頁

實驗十四

網(wǎng)站的發(fā)布與管理（1）了解網(wǎng)站空間的基本概念（2）學(xué)會空間的申請與網(wǎng)站發(fā)布（3）學(xué)會網(wǎng)站的管理、維護與更新

實驗十五

綜合實例(Div+Css)

綜合實例

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

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

實驗十六

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

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

實驗十七

綜合實例(動態(tài)網(wǎng)頁設(shè)計)（1）了解動態(tài)網(wǎng)頁的基本概念（2）熟悉asp的使用

（3）用asp設(shè)計一個簡單的動態(tài)網(wǎng)站，實現(xiàn)用戶的登錄功能