第一篇：網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)課程教學(xué)大綱

網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)課程教學(xué)大綱

一、課程編號(hào) B040378

二、課程名稱(chēng)

（1）中文名：網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)

（2）英文名：Web Page Design and Website Establish

三、課程類(lèi)型：理論含實(shí)踐課

四、開(kāi)課系（部）

信息技術(shù)系專(zhuān)業(yè)教研室

五、大綱說(shuō)明

1、學(xué)時(shí)、學(xué)分?jǐn)?shù)、課程性質(zhì)、考試方式、成績(jī)?cè)u(píng)定 修業(yè)年總學(xué)時(shí)學(xué)分課程性質(zhì) 考核方式 成績(jī)?cè)u(píng)定

數(shù) 64

數(shù) 4

專(zhuān)業(yè)基礎(chǔ)上機(jī) 課

專(zhuān)業(yè)基礎(chǔ)上機(jī) 課

等級(jí)制 百分制 專(zhuān)業(yè)名稱(chēng) 限 計(jì)算機(jī)信2 息管理 計(jì)算機(jī)應(yīng)2 用技術(shù)

2、課程開(kāi)設(shè)目的

本課程是一門(mén)實(shí)用性較強(qiáng)，面向動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)與維護(hù)技術(shù)性的課程。通過(guò)本課程的學(xué)習(xí)，使學(xué)生具有制作動(dòng)態(tài)網(wǎng)頁(yè)的能力，同時(shí)了解網(wǎng)站的技術(shù)發(fā)展趨勢(shì)、最新的技術(shù)動(dòng)態(tài)及網(wǎng)頁(yè)/網(wǎng)站制作軟件平臺(tái)。本課程將結(jié)合Dreamweaver 8來(lái)進(jìn)行教學(xué)，介紹了Internet的基礎(chǔ)知識(shí)、數(shù)據(jù)庫(kù)的基礎(chǔ)知識(shí)以及Dreamweaver 8的新特點(diǎn)，進(jìn)而全面講述了網(wǎng)頁(yè)/網(wǎng)站制作的基礎(chǔ)知識(shí)和高級(jí)應(yīng)用、網(wǎng)頁(yè)/網(wǎng)站制作開(kāi)發(fā)環(huán)境的配置以及利用Dreamweaver 8進(jìn)行動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)的方法和技巧等內(nèi)容。

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

第一章 體驗(yàn)Dreamweaver8夢(mèng)幻境界 【教學(xué)目的和要求】

了解Internet與Web基礎(chǔ)、常用的網(wǎng)頁(yè)設(shè)計(jì)軟件和編程語(yǔ)言。掌握Dreamweaver8網(wǎng)頁(yè)制作工作環(huán)境，面板操作，以及制作簡(jiǎn)單網(wǎng)頁(yè)的方法。【教學(xué)重點(diǎn)與難點(diǎn)】

重點(diǎn)：網(wǎng)站開(kāi)發(fā)有關(guān)知識(shí)、Dreamweaver8制作網(wǎng)頁(yè)的基本方法 難點(diǎn)：自定義工作環(huán)境 【教學(xué)時(shí)數(shù)】 2學(xué)時(shí) 【教學(xué)方法與手段】 講授 【教學(xué)內(nèi)容】

1.Internet與Web基礎(chǔ)知識(shí) 2.網(wǎng)站開(kāi)發(fā)技術(shù)簡(jiǎn)介

3.Dreamweaver 8新增功能 4.Dreamweaver 8工作環(huán)境 5.自定義工作環(huán)境 【實(shí)踐教學(xué)時(shí)數(shù)】 2 學(xué)時(shí)

【教學(xué)方法與手段】 演示法、實(shí)驗(yàn)法 【實(shí)踐教學(xué)內(nèi)容】 ??熟悉Dreamweaver 8運(yùn)行環(huán)境

??初步認(rèn)識(shí)Dreamweaver 8工作環(huán)境及面板 ??制作簡(jiǎn)單網(wǎng)頁(yè)

第二章 編輯網(wǎng)頁(yè)元素 使用表格布局頁(yè)面 【教學(xué)目的和要求】

了解網(wǎng)頁(yè)的基本組成和基本操作，理解鏈接的概念、控制和管理，掌握同網(wǎng)頁(yè)的內(nèi)容、格式和鏈接關(guān)系，表格布局方法?！窘虒W(xué)重點(diǎn)與難點(diǎn)】

重點(diǎn)：文字和圖片的處理方法、表格的控制、表格布局 難點(diǎn)：鏈接的控制和管理方法 【教學(xué)時(shí)數(shù)】 4學(xué)時(shí) 【教學(xué)方法與手段】 講授 【教學(xué)內(nèi)容】 1.文字處理 2.圖片處理 3.創(chuàng)建表格 4.掌握超鏈接 5.表格布局

【實(shí)踐教學(xué)時(shí)數(shù)】 4 學(xué)時(shí)

【教學(xué)方法與手段】 演示法、實(shí)驗(yàn)法 【實(shí)踐教學(xué)內(nèi)容】

??制作簡(jiǎn)單網(wǎng)頁(yè) ??設(shè)置文本的錨點(diǎn)鏈接 ??鼠標(biāo)經(jīng)過(guò)圖像

??運(yùn)用布局模式設(shè)計(jì)頁(yè)面

第三章 運(yùn)用層和框架 編輯多媒體元素 【教學(xué)目的和要求】

了解網(wǎng)頁(yè)信息的立體組織結(jié)構(gòu)的觀念，并以此觀念理解網(wǎng)頁(yè)信息組織和控制方法的認(rèn)識(shí)，掌握Layer(圖層)和 Frames(框架)的創(chuàng)建和使用。掌握f(shuō)lash、視頻、音頻的插入方法?！窘虒W(xué)重點(diǎn)與難點(diǎn)】

重點(diǎn)：網(wǎng)頁(yè)信息的立體控制方法，圖層、行為、框架，難點(diǎn)：編輯多媒體 【教學(xué)時(shí)數(shù)】4學(xué)時(shí) 【教學(xué)方法與手段】講授 【教學(xué)內(nèi)容】

1.網(wǎng)頁(yè)的定位技術(shù)框架 2.Layer(圖層)3.flash、視頻、音頻的插入 【實(shí)踐教學(xué)時(shí)數(shù)】 4 學(xué)時(shí)

【教學(xué)方法與手段】 演示法、實(shí)驗(yàn)法 【實(shí)踐教學(xué)內(nèi)容】

??利用框架設(shè)計(jì)頁(yè)面 ??利用層設(shè)計(jì)頁(yè)面 ???層與表格相互轉(zhuǎn)換 ???在線音樂(lè)欣賞

第四章 安裝調(diào)試服務(wù)器與站點(diǎn)管理 HTML和CSS樣式 【教學(xué)目的和要求】

了解服務(wù)器的安裝與調(diào)試，理解站點(diǎn)的管理方法及配置IIS，掌握HTML的基本語(yǔ)法、編輯環(huán)境與基本結(jié)構(gòu)，理解CSS樣式針對(duì)格式的控制，了解樣式的總體分類(lèi)，盡量把多種控制手段、方法結(jié)合起來(lái)使用。【教學(xué)重點(diǎn)與難點(diǎn)】

重點(diǎn)：站點(diǎn)的管理方法，HTML基本語(yǔ)法 難點(diǎn)：CSS樣式針對(duì)格式的控制 【教學(xué)時(shí)數(shù)】4學(xué)時(shí) 【教學(xué)方法與手段】 講授 【教學(xué)內(nèi)容】 1.安裝調(diào)試服務(wù)器 2.站點(diǎn)管理 3.HTML標(biāo)記 4.CSS樣式

【實(shí)踐教學(xué)時(shí)數(shù)】 4 學(xué)時(shí)

【教學(xué)方法與手段】 演示法、實(shí)驗(yàn)法 【實(shí)踐教學(xué)內(nèi)容】

1.創(chuàng)建web站點(diǎn)，配置IIS，本地、測(cè)試、遠(yuǎn)程站點(diǎn) 2.利用HTML制作網(wǎng)頁(yè) 3.利用CSS制作特效網(wǎng)頁(yè)

第五章 提高工作效率 制作網(wǎng)頁(yè)特效 【教學(xué)目的和要求】

了解資源面板的作用和使用。掌握模板和庫(kù)的運(yùn)用方法（包括：制作、更新、管理），掌握對(duì)全站點(diǎn)的統(tǒng)一、高效的徹底控制的方法。理解掌握網(wǎng)頁(yè)信息的立體控制方法，Behaviors(行為)及時(shí)間軸的使用及JavaScript的簡(jiǎn)單應(yīng)用。【教學(xué)重點(diǎn)與難點(diǎn)】

重點(diǎn)：模板應(yīng)用，Behaviors(行為)及時(shí)間軸的使用。難點(diǎn)：JavaScript的應(yīng)用?！窘虒W(xué)時(shí)數(shù)】6學(xué)時(shí) 【教學(xué)方法與手段】講授 【教學(xué)內(nèi)容】 1.資源面板的使用 2.模 板 3.庫(kù)

4.Behaviors(行為)的使用 5.時(shí)間軸的使用

6.JavaScript的簡(jiǎn)單應(yīng)用 【實(shí)踐教學(xué)時(shí)數(shù)】 6 學(xué)時(shí)

【教學(xué)方法與手段】 演示法、實(shí)驗(yàn)法 【實(shí)踐教學(xué)內(nèi)容】 ???利用模板制作個(gè)人網(wǎng)站 ???設(shè)置快捷菜單

???利用行為和時(shí)間軸制作特效頁(yè)面 ???JavaScript的應(yīng)用

???構(gòu)建動(dòng)態(tài)網(wǎng)站基礎(chǔ)知識(shí)

【教學(xué)目的和要求】

了解Asp的基本概念，掌握用事件編程來(lái)控制網(wǎng)頁(yè)，理解ASP的概念及其相關(guān)的技術(shù)，掌握服務(wù)器怎樣和客戶(hù)交互，制作出完整的應(yīng)用程序。掌握表單的創(chuàng)建和使用，理解表單的可實(shí)現(xiàn)網(wǎng)頁(yè)數(shù)據(jù)傳輸功能，了解表單的不同提交方式之間的區(qū)別?！窘虒W(xué)重點(diǎn)與難點(diǎn)】

重點(diǎn)：表單格式控制、表單處理。難點(diǎn)：Asp對(duì)象 【教學(xué)時(shí)數(shù)】 4學(xué)時(shí) 【教學(xué)方法與手段】 講授 【教學(xué)內(nèi)容】

1.ASP的對(duì)象、服務(wù)器對(duì)象 2.表單概念 3.創(chuàng)建表單

4.表單發(fā)送方式的處理 【實(shí)踐教學(xué)時(shí)數(shù)】 4 學(xué)時(shí)

【教學(xué)方法與手段】 演示法、實(shí)驗(yàn)法 【實(shí)踐教學(xué)內(nèi)容】

???利用表單對(duì)象制作上傳頁(yè)面 ???制作個(gè)人簡(jiǎn)歷 第七章 動(dòng)態(tài)網(wǎng)站數(shù)據(jù)庫(kù) 【教學(xué)目的和要求】

了解數(shù)據(jù)庫(kù)與網(wǎng)頁(yè)之間的聯(lián)系，理解數(shù)據(jù)庫(kù)的概念，掌握動(dòng)態(tài)網(wǎng)站的設(shè)置和數(shù)據(jù)庫(kù)的應(yīng)用?！窘虒W(xué)重點(diǎn)與難點(diǎn)】

重點(diǎn)：數(shù)據(jù)庫(kù)的相關(guān)概念和原理，數(shù)據(jù)庫(kù)連接 難點(diǎn)：SQL語(yǔ)句，數(shù)據(jù)庫(kù)連接 【教學(xué)時(shí)數(shù)】 2學(xué)時(shí) 【教學(xué)方法與手段】講授 【教學(xué)內(nèi)容】

???動(dòng)態(tài)網(wǎng)站的設(shè)置 ???數(shù)據(jù)庫(kù)的連接 ???SQL語(yǔ)言中的常用語(yǔ)句 ???通過(guò)ADO使用數(shù)據(jù)庫(kù)

???定義記錄集，并與數(shù)據(jù)庫(kù)的綁定 ???在頁(yè)面顯示記錄 【實(shí)踐教學(xué)時(shí)數(shù)】 2 學(xué)時(shí) 【教學(xué)方法與手段】 演示法、實(shí)驗(yàn)法 【實(shí)踐教學(xué)內(nèi)容】 ???利用Access建立數(shù)據(jù)庫(kù) ???利用網(wǎng)頁(yè)對(duì)數(shù)據(jù)庫(kù)數(shù)據(jù)進(jìn)行操作 第八章 綜合實(shí)例 【教學(xué)目的和要求】

通過(guò)對(duì)具體網(wǎng)站設(shè)計(jì)實(shí)例的講解，提高學(xué)生綜合分析問(wèn)題和解決問(wèn)題的能力。使學(xué)生掌握運(yùn)用Dreamweaver8獨(dú)立地進(jìn)行網(wǎng)站相關(guān)設(shè)計(jì)的技能，初步具備實(shí)際工作能力，實(shí)現(xiàn)登陸、注冊(cè)、修改、查詢(xún)、留言板等功能?！窘虒W(xué)重點(diǎn)與難點(diǎn)】

重點(diǎn)：確定網(wǎng)站整體設(shè)計(jì)風(fēng)格，查詢(xún)、留言板功能 難點(diǎn)：網(wǎng)站整體設(shè)計(jì)的把握和確定，相關(guān)數(shù)據(jù)庫(kù)的設(shè)計(jì) 【教學(xué)時(shí)數(shù)】 6學(xué)時(shí) 【教學(xué)方法與手段】講授 【教學(xué)內(nèi)容】

???網(wǎng)站主題的確定資料和素材的收集 ???各級(jí)頁(yè)面之間的連接

???動(dòng)態(tài)網(wǎng)頁(yè)與相關(guān)數(shù)據(jù)庫(kù)的連接

???實(shí)現(xiàn)登陸、注冊(cè)、修改、查詢(xún)、留言板等功能 【實(shí)踐教學(xué)時(shí)數(shù)】 6 學(xué)時(shí) 【教學(xué)方法與手段】 演示法、實(shí)驗(yàn)法 【實(shí)踐教學(xué)內(nèi)容】 1.創(chuàng)建站點(diǎn) 2.設(shè)計(jì)數(shù)據(jù)庫(kù) 3.實(shí)現(xiàn)登陸、注冊(cè)、修改、查詢(xún)、留言板等功能

七、建議教材與教學(xué)參考書(shū) 教材：

1.《Dreamweaver 8網(wǎng)頁(yè)制作與網(wǎng)站開(kāi)發(fā)》楊志姝，吳俊海編著 清華大學(xué)出版社

2006年出版 版次1 參考書(shū)：

1.《中文版Dreamweaver MX 2004標(biāo)準(zhǔn)教程》鮑嘉，盧堅(jiān)編著，海洋出版社

2004年出版 版次1 2.《Dreamweaver MX入門(mén)與提高》周家地，肖小清編著，清華大學(xué)出版社

2002年出版 版次1 3.《ASP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)教程》丁桂芝編著，中國(guó)鐵道出版社2005年出版 版次1 制定人：（課程負(fù)責(zé)人或任課教師簽字）日期：

審核人：（系或教研室主任簽字）日期： 審定人：（教學(xué)院長(zhǎng)或教務(wù)處長(zhǎng)簽字）

日期：

香蕉街,棉先生,初棉,棉先生官方,棉先生淘寶,原創(chuàng)女裝,2013新款女裝

http://004km.cn

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

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

課程編號(hào)：

英文名稱(chēng)：WebPages Designing 課程類(lèi)型：專(zhuān)業(yè)選修課 學(xué)時(shí)/學(xué)分：24+24/2 授課對(duì)象：專(zhuān)科生

先修課程：計(jì)算機(jī)文化基礎(chǔ) 課程簡(jiǎn)介：

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

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

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

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

第1章 網(wǎng)頁(yè)設(shè)計(jì)快速入門(mén)（2）

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

1.1 在Internet上安個(gè)家

1.2 知識(shí)要點(diǎn)

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

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

1.2.3 網(wǎng)頁(yè)制作過(guò)程

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

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

2、教學(xué)重點(diǎn)：

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

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

第2章 Dreamweaver MX快速入門(mén)（1）

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

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

2.2 知識(shí)要點(diǎn)

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

2.2.2 認(rèn)識(shí)窗口項(xiàng)目

2.2.3 面板組

2.3 本章小結(jié)

2、教學(xué)重點(diǎn)：

Dreamweaver MX中文版基本界面。

3、教學(xué)難點(diǎn)：

面板組的使用。

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

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

3.1 一個(gè)簡(jiǎn)單首頁(yè)設(shè)計(jì)的例子

3.2 知識(shí)要點(diǎn)

3.2.1 頁(yè)面屬性

3.2.2 文本屬性

3.2.3 表格屬性 3.2.4 單元格屬性

3.2.5 圖像屬性

3.3 本章小結(jié)

2、教學(xué)重點(diǎn)：

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

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

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

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

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

4.1.1 Microsoft中國(guó)公司主頁(yè)的動(dòng)態(tài)鏈接效果

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

4.2 知識(shí)要點(diǎn)

4.2.1 什么是CSS樣式

4.2.2 CSS樣式與HTML樣式

4.2.3 CSS樣式控制面板

4.2.4 定義CSS樣式

4.3 本章小結(jié)

2、教學(xué)重點(diǎn)：

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

3、教學(xué)難點(diǎn)：

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

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

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

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

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

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

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

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

5.2 知識(shí)要點(diǎn)

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é)重點(diǎn)： 標(biāo)準(zhǔn)視圖模式下表格的應(yīng)用。

3、教學(xué)難點(diǎn)：

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

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

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

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

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

6.1.2 設(shè)計(jì)彈出式菜單的過(guò)程

6.2 知識(shí)要點(diǎn)

6.2.1 創(chuàng)建層

6.2.2 選擇層

6.2.3 插入層對(duì)象

6.2.4 移動(dòng)層

6.2.5 對(duì)齊層

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

6.2.7 設(shè)置層屬性

6.3 本章小結(jié)

2、教學(xué)重點(diǎn)：

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

3、教學(xué)難點(diǎn)：

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

第7章 Dreamweaver MX時(shí)間軸（2）

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

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

7.2 知識(shí)要點(diǎn)

7.2.1 時(shí)間軸控制面板

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

7.3 本章小結(jié)

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

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

第8章 表單操作（2）

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

8.1 制作一個(gè)網(wǎng)上報(bào)名表單

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

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

8.2 知識(shí)要點(diǎn)

8.2.1 插入表單

8.2.2 插入文本對(duì)象表單

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é)重點(diǎn)：

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

3、教學(xué)難點(diǎn)：

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

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

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

9.1 一個(gè)網(wǎng)站建立的實(shí)例

9.1.1 建站準(zhǔn)備

9.1.2 制作網(wǎng)站

9.2 知識(shí)要點(diǎn)

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

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

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

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

9.3 本章小結(jié)

2、教學(xué)重點(diǎn)：

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

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

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

10.1 制作一個(gè)移動(dòng)的圓

10.2 知識(shí)要點(diǎn)

10.2.1 Flash MX的界面

10.2.2 主菜單項(xiàng)目

10.2.3 常用工具欄

10.2.4 時(shí)間軸面板

10.2.5 繪圖工具欄

10.2.6 其他重要欄目

10.3 本章小結(jié)

2、教學(xué)重點(diǎn)：

Flash MX的工具欄和時(shí)間軸面板。

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

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

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

11.2 知識(shí)要點(diǎn)

11.2.1 繪圖工具 11.2.2 指針工具

11.2.3 填充工具

11.2.4 文本工具

11.2.5 顏色設(shè)置

11.2.6 圖片的使用

11.3 本章小結(jié)

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

3、教學(xué)難點(diǎn)： 圖片的使用。第12章 Flash MX動(dòng)畫(huà)制作初步（1）

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

12.1 制作動(dòng)態(tài)文字的實(shí)例

12.2 知識(shí)要點(diǎn)

12.2.1 圖層（Layer）

12.2.2 幀（Frame）

12.2.3 使用圖符、實(shí)例和庫(kù)

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

12.2.5 文件預(yù)覽

12.3 本章小結(jié)

2、教學(xué)重點(diǎn)：

使用Flash MX制作簡(jiǎn)單動(dòng)畫(huà)。

3、教學(xué)難點(diǎn)：

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

1、教學(xué)內(nèi)容： 13.1 圖像動(dòng)畫(huà)實(shí)例

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

13.1.2 制作按鈕元件

13.1.3 設(shè)計(jì)場(chǎng)景

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

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

13.1.6 后臺(tái)控制程序

13.2 知識(shí)要點(diǎn)

13.2.1 ActionScript的基本概念

13.2.2 用動(dòng)作面板編輯對(duì)象動(dòng)作

13.3 本章小結(jié)

2、教學(xué)重點(diǎn)： 動(dòng)作面板的使用。

3、教學(xué)難點(diǎn)：

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

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

14.1 制作一個(gè)網(wǎng)站的門(mén)戶(hù)廣告動(dòng)畫(huà) 14.1.1 設(shè)計(jì)構(gòu)思

14.1.2 素材準(zhǔn)備

14.1.3 制作過(guò)程

14.1.4 發(fā)布過(guò)程

14.2 知識(shí)要點(diǎn)

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

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

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

14.3 本章小結(jié)

2、教學(xué)重點(diǎn)：

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

3、教學(xué)難點(diǎn)：

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

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

15.1 Web按鈕制作實(shí)例

15.2 知識(shí)要點(diǎn)

15.2.1 Fireworks的基本概念

15.2.2 Fireworks的編輯模式

15.2.3 Fireworks的工具詳解

15.2.4 Fireworks中的對(duì)象

15.2.5 Fireworks的層

15.3 本章小結(jié)

2、教學(xué)重點(diǎn)：

Fireworks的工具詳解。

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

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

16.1 一個(gè)簡(jiǎn)單的動(dòng)畫(huà)

16.2 知識(shí)要點(diǎn)

16.2.1 Fireworks的蒙版

16.2.2 Fireworks的顏色混合模式

16.2.3 Fireworks的熱點(diǎn)和切片

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

2、教學(xué)重點(diǎn)： Fireworks實(shí)用技巧。

3、教學(xué)難點(diǎn)：

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

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

17.2 網(wǎng)頁(yè)的測(cè)試 17.2.1 下載時(shí)間測(cè)試

17.2.2 瀏覽器兼容性測(cè)試

17.2.3 拼寫(xiě)檢查測(cè)試

17.3 站點(diǎn)宣傳與推廣的一般方法

17.4 站點(diǎn)的維護(hù)與更新

17.5 本章小結(jié)

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

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

實(shí)驗(yàn)內(nèi)容：

實(shí)驗(yàn)一

(使用HTML語(yǔ)言制作簡(jiǎn)單網(wǎng)頁(yè))（2）

1、實(shí)驗(yàn)?zāi)康模?/p>

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

2、實(shí)驗(yàn)內(nèi)容：

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

一首唐詩(shī)

夜雨寄北

李商隱

君問(wèn)歸期未有期，

巴山夜雨漲秋池。

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

卻話巴山夜雨時(shí)。

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

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

課程編號(hào)：

英文名稱(chēng)：WebPages Designing 課程類(lèi)型：專(zhuān)業(yè)選修課 學(xué)時(shí)/學(xué)分：24+24/2 授課對(duì)象：專(zhuān)科生

先修課程：計(jì)算機(jī)文化基礎(chǔ) 課程簡(jiǎn)介：

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

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

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

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

第1章 網(wǎng)頁(yè)設(shè)計(jì)快速入門(mén)（2）

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

1.1 在Internet上安個(gè)家

1.2 知識(shí)要點(diǎn)

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

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

1.2.3 網(wǎng)頁(yè)制作過(guò)程

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

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

2、教學(xué)重點(diǎn)：

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

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

第2章 Dreamweaver MX快速入門(mén)（1）

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

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

2.2 知識(shí)要點(diǎn)

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

2.2.2 認(rèn)識(shí)窗口項(xiàng)目

2.2.3 面板組

2.3 本章小結(jié)

2、教學(xué)重點(diǎn)：

Dreamweaver MX中文版基本界面。

3、教學(xué)難點(diǎn)：

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

3、教學(xué)難點(diǎn)：

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

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

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

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

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

6.1.2 設(shè)計(jì)彈出式菜單的過(guò)程

6.2 知識(shí)要點(diǎn)

6.2.1 創(chuàng)建層

6.2.2 選擇層

6.2.3 插入層對(duì)象

6.2.4 移動(dòng)層

6.2.5 對(duì)齊層

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

6.2.7 設(shè)置層屬性

6.3 本章小結(jié)

2、教學(xué)重點(diǎn)：

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

3、教學(xué)難點(diǎn)：

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

第7章 Dreamweaver MX時(shí)間軸（2）

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

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

7.2 知識(shí)要點(diǎn)

7.2.1 時(shí)間軸控制面板

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

7.3 本章小結(jié)

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

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

第8章 表單操作（2）

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

8.1 制作一個(gè)網(wǎng)上報(bào)名表單

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

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

8.2 知識(shí)要點(diǎn)

8.2.1 插入表單

8.2.2 插入文本對(duì)象表單

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é)重點(diǎn)：

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

3、教學(xué)難點(diǎn)：

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

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

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

9.1 一個(gè)網(wǎng)站建立的實(shí)例

9.1.1 建站準(zhǔn)備

9.1.2 制作網(wǎng)站

9.2 知識(shí)要點(diǎn)

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

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

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

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

9.3 本章小結(jié)

2、教學(xué)重點(diǎn)：

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

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

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

10.1 制作一個(gè)移動(dòng)的圓

10.2 知識(shí)要點(diǎn)

10.2.1 Flash MX的界面

10.2.2 主菜單項(xiàng)目

10.2.3 常用工具欄

10.2.4 時(shí)間軸面板

10.2.5 繪圖工具欄

10.2.6 其他重要欄目

10.3 本章小結(jié)

2、教學(xué)重點(diǎn)：

Flash MX的工具欄和時(shí)間軸面板。

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

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

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

11.2 知識(shí)要點(diǎn)

11.2.1 繪圖工具 11.2.2 指針工具

11.2.3 填充工具

11.2.4 文本工具

11.2.5 顏色設(shè)置

11.2.6 圖片的使用

11.3 本章小結(jié)

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

3、教學(xué)難點(diǎn)： 圖片的使用。第12章 Flash MX動(dòng)畫(huà)制作初步（1）

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

12.1 制作動(dòng)態(tài)文字的實(shí)例

12.2 知識(shí)要點(diǎn)

12.2.1 圖層（Layer）

12.2.2 幀（Frame）

12.2.3 使用圖符、實(shí)例和庫(kù)

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

12.2.5 文件預(yù)覽

12.3 本章小結(jié)

2、教學(xué)重點(diǎn)：

使用Flash MX制作簡(jiǎn)單動(dòng)畫(huà)。

3、教學(xué)難點(diǎn)：

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

1、教學(xué)內(nèi)容： 13.1 圖像動(dòng)畫(huà)實(shí)例

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

13.1.2 制作按鈕元件

13.1.3 設(shè)計(jì)場(chǎng)景

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

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

13.1.6 后臺(tái)控制程序

13.2 知識(shí)要點(diǎn)

13.2.1 ActionScript的基本概念

13.2.2 用動(dòng)作面板編輯對(duì)象動(dòng)作

13.3 本章小結(jié)

2、教學(xué)重點(diǎn)： 動(dòng)作面板的使用。

3、教學(xué)難點(diǎn)：

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

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

14.1 制作一個(gè)網(wǎng)站的門(mén)戶(hù)廣告動(dòng)畫(huà) 14.1.1 設(shè)計(jì)構(gòu)思

14.1.2 素材準(zhǔn)備

14.1.3 制作過(guò)程

14.1.4 發(fā)布過(guò)程

14.2 知識(shí)要點(diǎn)

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

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

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

14.3 本章小結(jié)

2、教學(xué)重點(diǎn)：

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

3、教學(xué)難點(diǎn)：

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

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

15.1 Web按鈕制作實(shí)例

15.2 知識(shí)要點(diǎn)

15.2.1 Fireworks的基本概念

15.2.2 Fireworks的編輯模式

15.2.3 Fireworks的工具詳解

15.2.4 Fireworks中的對(duì)象

15.2.5 Fireworks的層

15.3 本章小結(jié)

2、教學(xué)重點(diǎn)：

Fireworks的工具詳解。

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

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

16.1 一個(gè)簡(jiǎn)單的動(dòng)畫(huà)

16.2 知識(shí)要點(diǎn)

16.2.1 Fireworks的蒙版

16.2.2 Fireworks的顏色混合模式

16.2.3 Fireworks的熱點(diǎn)和切片

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

2、教學(xué)重點(diǎn)： Fireworks實(shí)用技巧。

3、教學(xué)難點(diǎn)：

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

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

17.2 網(wǎng)頁(yè)的測(cè)試 17.2.1 下載時(shí)間測(cè)試

17.2.2 瀏覽器兼容性測(cè)試

17.2.3 拼寫(xiě)檢查測(cè)試

17.3 站點(diǎn)宣傳與推廣的一般方法

17.4 站點(diǎn)的維護(hù)與更新

17.5 本章小結(jié)

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

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

實(shí)驗(yàn)內(nèi)容：

實(shí)驗(yàn)一

(使用HTML語(yǔ)言制作簡(jiǎn)單網(wǎng)頁(yè))（2）

1、實(shí)驗(yàn)?zāi)康模?/p>

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

2、實(shí)驗(yàn)內(nèi)容：

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

一首唐詩(shī)

夜雨寄北

李商隱

君問(wèn)歸期未有期，

巴山夜雨漲秋池。

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

卻話巴山夜雨時(shí)。

第四篇：網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)

《網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)》實(shí)驗(yàn)教學(xué)大綱

課程編號(hào)070105007

學(xué)時(shí)學(xué)分：總學(xué)時(shí)：64總學(xué)分：4實(shí)驗(yàn)學(xué)時(shí)：

32適用對(duì)象：計(jì)算機(jī)科學(xué)與技術(shù)及相關(guān)本科專(zhuān)業(yè)

課程屬性：專(zhuān)業(yè)方向課

實(shí)驗(yàn)屬性：非獨(dú)立設(shè)課

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

隨著Internet的普及，網(wǎng)頁(yè)已經(jīng)成為人們信息發(fā)布及獲取、思想交流和商務(wù)往來(lái)最重要的途徑，網(wǎng)頁(yè)制作已成為當(dāng)今社會(huì)上一種比較熱門(mén)的技術(shù)，本課程突出實(shí)用技術(shù)和應(yīng)用技能，是計(jì)算機(jī)專(zhuān)業(yè)學(xué)生的一門(mén)必選課，同時(shí)又可作為相關(guān)專(zhuān)業(yè)學(xué)生的選修課。

網(wǎng)頁(yè)設(shè)計(jì)課程是學(xué)生在學(xué)習(xí)了高級(jí)程序設(shè)計(jì)語(yǔ)言、數(shù)據(jù)庫(kù)原理及應(yīng)用等課程的基礎(chǔ)上開(kāi)設(shè)的一門(mén)實(shí)用性較強(qiáng)的課程，實(shí)驗(yàn)課的任務(wù)是通過(guò)實(shí)驗(yàn)加深對(duì)理論知識(shí)的理解，基本掌握WEB應(yīng)用的規(guī)劃、設(shè)計(jì)和動(dòng)態(tài)網(wǎng)頁(yè)制作中對(duì)于內(nèi)容的動(dòng)態(tài)顯示與更新技術(shù)，培養(yǎng)學(xué)生的動(dòng)手能力和設(shè)計(jì)能力。

二、實(shí)驗(yàn)的目的與基本要求

實(shí)驗(yàn)?zāi)康模和ㄟ^(guò)實(shí)驗(yàn)讓學(xué)生掌握網(wǎng)站的配置方式和網(wǎng)頁(yè)設(shè)計(jì)的基本方法。

基本要求：

（1）掌握頁(yè)面的設(shè)計(jì)與布局的基本方法；

（2）掌握J(rèn)S腳本語(yǔ)言的使用方法；

（3）掌握asp.net控件（包括HTML控件與服務(wù)器端控件）的使用方法。

三、實(shí)驗(yàn)考核方式及辦法

實(shí)驗(yàn)成績(jī)根據(jù)學(xué)生的實(shí)驗(yàn)完成情況、實(shí)驗(yàn)紀(jì)律、實(shí)驗(yàn)報(bào)告進(jìn)行綜合評(píng)定，給出優(yōu)（90-100）、良（70-89）、及格（60-69）、不及格（60以下）。實(shí)驗(yàn)成績(jī)占本課程總成績(jī)的20%，對(duì)缺實(shí)驗(yàn)成績(jī)或不及格者，《網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)》課程不予通過(guò)。

四、實(shí)驗(yàn)項(xiàng)目一覽表

網(wǎng)頁(yè)制作實(shí)驗(yàn)項(xiàng)目一覽表

序 號(hào)2 3 4

5實(shí)驗(yàn)項(xiàng)目 名稱(chēng)

div布局 css層疊樣式單

JS腳本 asp.net控件 ado.net數(shù)據(jù)庫(kù)連接

實(shí)驗(yàn) 類(lèi)型

驗(yàn)證性 設(shè)計(jì)性 設(shè)計(jì)性 設(shè)計(jì)性 設(shè)計(jì)性

實(shí)驗(yàn) 要求

必做 必做 必做 必做 必做

適用 專(zhuān)業(yè)

理工類(lèi) 理工類(lèi) 理工類(lèi) 理工類(lèi) 理工類(lèi)

學(xué) 時(shí)6 6 6 8

五、實(shí)驗(yàn)項(xiàng)目的具體內(nèi)容：

實(shí)驗(yàn)一div布局

1．本次實(shí)驗(yàn)的目的和要求

掌握網(wǎng)頁(yè)設(shè)計(jì)的DIV布局方式，能夠使用DIV進(jìn)行層布局，認(rèn)真撰寫(xiě)實(shí)驗(yàn)報(bào)告，嚴(yán)格遵守實(shí)驗(yàn)室規(guī)章制度。

2．實(shí)驗(yàn)內(nèi)容或原理

掌握dream weaver軟件的基本功能，熟悉dream weaver的工具箱,使用DIV做層布局。

3．需用的儀器或試劑等

多媒體計(jì)算機(jī)，操作系統(tǒng)Windows 2000/XP以上，并安裝有dream weaver軟件，搭建好asp.net的開(kāi)發(fā)環(huán)境。

4．實(shí)驗(yàn)步驟

（1）打開(kāi)dream weaver軟件；（2）使用div布局設(shè)計(jì)網(wǎng)頁(yè)；（3）div的布局設(shè)計(jì)與修改。

5．教學(xué)方式

學(xué)生主要通過(guò)上機(jī)實(shí)驗(yàn)，在相應(yīng)的軟件環(huán)境下學(xué)習(xí)處理，教師實(shí)時(shí)指導(dǎo)。

6．考核要求

實(shí)驗(yàn)過(guò)程中能認(rèn)真獨(dú)立完成實(shí)驗(yàn)，實(shí)驗(yàn)完成后及時(shí)上交實(shí)驗(yàn)報(bào)告，實(shí)驗(yàn)過(guò)程的表現(xiàn)和實(shí)驗(yàn)報(bào)告成績(jī)記入平時(shí)成績(jī)。

7．實(shí)驗(yàn)報(bào)告要求

實(shí)驗(yàn)報(bào)告格式正確，書(shū)寫(xiě)工整，字跡清楚，步驟敘述清楚，實(shí)驗(yàn)結(jié)果符合邏輯。

實(shí)驗(yàn)二css層疊樣式單

1．本次實(shí)驗(yàn)的目的和要求

通過(guò)dream weaver軟件的使用，掌握使用css層疊樣式單做布局樣式控制的方法，要求認(rèn)真撰寫(xiě)實(shí)驗(yàn)報(bào)告，嚴(yán)格遵守實(shí)驗(yàn)室規(guī)章制度。2．實(shí)驗(yàn)內(nèi)容或原理

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

多媒體計(jì)算機(jī)，操作系統(tǒng)Windows 2000/XP以上，并安裝有dream weaver軟件，建好asp.net的開(kāi)發(fā)環(huán)境。4．實(shí)驗(yàn)步驟

（1）打開(kāi)dream weave軟件。

（2）用css層層疊樣式單做布局樣式控制。（3）css層疊樣式單編寫(xiě)與調(diào)用。5．教學(xué)方式

學(xué)生主要通過(guò)上機(jī)實(shí)驗(yàn)，在相應(yīng)的軟件環(huán)境下學(xué)習(xí)處理，教師實(shí)時(shí)指導(dǎo)。6．考核要求

實(shí)驗(yàn)過(guò)程中能認(rèn)真獨(dú)立完成實(shí)驗(yàn)，實(shí)驗(yàn)完成后及時(shí)上交實(shí)驗(yàn)報(bào)告，實(shí)驗(yàn)過(guò)程的表現(xiàn)和實(shí)驗(yàn)報(bào)告成績(jī)記入平時(shí)成績(jī)。7．實(shí)驗(yàn)報(bào)告要求

實(shí)驗(yàn)報(bào)告格式正確，書(shū)寫(xiě)工整，字跡清楚，步驟敘述清楚，實(shí)驗(yàn)結(jié)果符合邏輯。

實(shí)驗(yàn)三JS腳本

1．本次實(shí)驗(yàn)的目的和要求

掌握J(rèn)S腳本的基本用法、變量、函數(shù)、DOM文檔對(duì)象的操作。要求認(rèn)真撰寫(xiě)實(shí)驗(yàn)報(bào)告，嚴(yán)格遵守實(shí)驗(yàn)室規(guī)章制度。2．實(shí)驗(yàn)內(nèi)容或原理

JS腳本的基本用法、變量、函數(shù)、DOM文檔對(duì)象的操作。3．需用的儀器或試劑等

多媒體計(jì)算機(jī)，操作系統(tǒng)Windows 2000/XP以上，并安裝有dream weave軟件。4．實(shí)驗(yàn)步驟

（1）打開(kāi)dream weave軟件。

（2）新建JS文件，編寫(xiě)腳本程序?qū)崿F(xiàn)對(duì)JS腳本的變量、函數(shù)、DOM文檔對(duì)象的操作。

（3）外部調(diào)用JS文件。5．教學(xué)方式

學(xué)生主要通過(guò)上機(jī)實(shí)驗(yàn)，在相應(yīng)的軟件環(huán)境下學(xué)習(xí)處理，教師實(shí)時(shí)指導(dǎo)。6．考核要求

實(shí)驗(yàn)過(guò)程中能認(rèn)真獨(dú)立完成實(shí)驗(yàn)，實(shí)驗(yàn)完成后及時(shí)上交實(shí)驗(yàn)報(bào)告，實(shí)驗(yàn)過(guò)程的表現(xiàn)和實(shí)驗(yàn)報(bào)告成績(jī)記入平時(shí)成績(jī)。7．實(shí)驗(yàn)報(bào)告要求

實(shí)驗(yàn)報(bào)告格式正確，書(shū)寫(xiě)工整，字跡清楚，步驟敘述清楚，實(shí)驗(yàn)結(jié)果符合邏輯。

實(shí)驗(yàn)四 asp.net控件

1．本次實(shí)驗(yàn)的目的和要求

掌握asp.net控件（包括HTML控件與服務(wù)器端控件）的使用方法。實(shí)驗(yàn)后要求認(rèn)真撰寫(xiě)實(shí)驗(yàn)報(bào)告，實(shí)驗(yàn)過(guò)程中嚴(yán)格遵守實(shí)驗(yàn)室規(guī)章制度。2．實(shí)驗(yàn)內(nèi)容或原理

運(yùn)用所學(xué)知識(shí)，用HTML控件與服務(wù)器端控件進(jìn)行編程，實(shí)現(xiàn)簡(jiǎn)單功能。3．需用的儀器或試劑等

多媒體計(jì)算機(jī)，操作系統(tǒng)Windows 2000/XP以上，并安裝有asp.net開(kāi)發(fā)平臺(tái)。4．實(shí)驗(yàn)步驟

（1）打開(kāi)asp.net開(kāi)發(fā)平臺(tái)。（2）新建空白頁(yè)面或者空站點(diǎn)。

（3）用HTML控件與服務(wù)器端控件進(jìn)行編程并調(diào)試。5．教學(xué)方式

學(xué)生主要通過(guò)上機(jī)實(shí)驗(yàn)，在相應(yīng)的軟件環(huán)境下學(xué)習(xí)處理，教師實(shí)時(shí)指導(dǎo)。6．考核要求

實(shí)驗(yàn)過(guò)程中能認(rèn)真獨(dú)立完成實(shí)驗(yàn)，實(shí)驗(yàn)完成后及時(shí)上交實(shí)驗(yàn)報(bào)告，實(shí)驗(yàn)過(guò)程的表現(xiàn)和實(shí)驗(yàn)報(bào)告成績(jī)記入平時(shí)成績(jī)。7．實(shí)驗(yàn)報(bào)告要求

實(shí)驗(yàn)報(bào)告格式正確，書(shū)寫(xiě)工整，字跡清楚，步驟敘述清楚，實(shí)驗(yàn)結(jié)果符合邏輯。

實(shí)驗(yàn)五ado.net數(shù)據(jù)庫(kù)連接

1．本次實(shí)驗(yàn)的目的和要求

掌握ado.net數(shù)據(jù)庫(kù)連接的基本概念、ADO.NET對(duì)象模型、SqlConnection對(duì)象。

2．實(shí)驗(yàn)內(nèi)容或原理

建立ado.net數(shù)據(jù)庫(kù)連接，ADO.NET對(duì)象模型、SqlConnection對(duì)象。3．需用的儀器或試劑等

多媒體計(jì)算機(jī)，操作系統(tǒng)Windows 2000/XP以上，并安裝有asp.net開(kāi)發(fā)平臺(tái)。4．實(shí)驗(yàn)步驟

（1）打開(kāi)asp.net開(kāi)發(fā)平臺(tái)。（2）建立ado.net數(shù)據(jù)庫(kù)連接。

（3）通過(guò)SqlCommand對(duì)象提供的方法傳遞對(duì)數(shù)據(jù)庫(kù)操作的命令，并返回命令執(zhí)行的結(jié)果。5．教學(xué)方式

學(xué)生主要通過(guò)上機(jī)實(shí)驗(yàn)，在相應(yīng)的軟件環(huán)境下學(xué)習(xí)處理，教師實(shí)時(shí)指導(dǎo)。6．考核要求

實(shí)驗(yàn)過(guò)程中能認(rèn)真獨(dú)立完成實(shí)驗(yàn)，實(shí)驗(yàn)完成后及時(shí)上交實(shí)驗(yàn)報(bào)告，實(shí)驗(yàn)過(guò)程的表現(xiàn)和實(shí)驗(yàn)報(bào)告成績(jī)記入平時(shí)成績(jī)。7．實(shí)驗(yàn)報(bào)告要求

實(shí)驗(yàn)報(bào)告格式正確，書(shū)寫(xiě)工整，字跡清楚，步驟敘述清楚，實(shí)驗(yàn)結(jié)果符合邏輯。

六、實(shí)驗(yàn)教材及主要參考資料

翁健紅編著，基于C#的ASP.NET程序設(shè)計(jì)(第2版)，機(jī)械工業(yè)出版社

七、教改說(shuō)明及其他

在實(shí)驗(yàn)教學(xué)過(guò)程中可以結(jié)合優(yōu)秀網(wǎng)站分析、優(yōu)秀作業(yè)點(diǎn)評(píng)、作業(yè)中普遍存在的主要問(wèn)題及改正方法的分析等方法相互穿插結(jié)合進(jìn)行教學(xué)。

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

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

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

（一）課程性質(zhì)

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

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

（二）開(kāi)設(shè)目的

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

（三）基本要求

1、知識(shí)要求：

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

2、能力要求：

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

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

3、素質(zhì)要求：

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

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

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

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

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

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

（八）使用教材

（九）參考書(shū)目

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

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

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

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

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

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

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

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

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

定義站點(diǎn)、申請(qǐng)域名、空間 認(rèn)識(shí)HTML語(yǔ)言

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

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

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

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

插入表單對(duì)象

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

教學(xué)要求

了解：Fireworks軟件界面

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

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

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

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

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

變換工具 其他工具

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

Flash的基本操作

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

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

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

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

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

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

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

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

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

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

（一）課時(shí)分配

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

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

章次

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

實(shí)驗(yàn)學(xué)時(shí)數(shù) 10 8 2 36

（二）考核要求

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