第一篇：《網(wǎng)頁制作與設(shè)計》96課時教學(xué)大綱

《網(wǎng)頁制作與設(shè)計》96課時教學(xué)大綱

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

（適用于軟件技術(shù)專業(yè)、多媒體專業(yè)、計算機(jī)網(wǎng)絡(luò)專業(yè)）（96課時）編制人

制定日期

修訂日期

審定人

審定日期

梁潔婷

2005.5 2006．4 陳承歡 2006.5

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

1、課程性質(zhì)：

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

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

l

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

l

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

熟悉一些網(wǎng)頁設(shè)計輔助軟件的功能和使用方法。例如Flash、Fireworks、Photoshop等。

l

掌握測試和發(fā)布網(wǎng)站的方法。包括網(wǎng)站測試的內(nèi)容和方法、Cuteftp的使用方法等。l

能夠解決一些網(wǎng)頁設(shè)計中的常見問題。

二、課程目標(biāo)

本課程的基本目標(biāo)是：

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

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

深入了解Internet，理解WWW、HTTP、HTML等概念及作用；

掌握網(wǎng)站設(shè)計和發(fā)布的流程。了解FTP、GOPHER、HTTP、MAILTO、NEWS、TELNET、WAIS等協(xié)議的含義和作用； 理解網(wǎng)站維護(hù)管理的意義及重要性，理解服務(wù)器、客戶端、瀏覽器的概念和作用；

了解多種網(wǎng)頁制作軟件和圖像處理軟件相結(jié)合設(shè)計網(wǎng)站的好處。（2）素質(zhì)要求

本課程將培養(yǎng)學(xué)生以下幾方面的職業(yè)素質(zhì)： 服務(wù)意識：能夠?yàn)樗颂峁﹥?yōu)質(zhì)的服務(wù)； 文明法制意識：網(wǎng)站內(nèi)容應(yīng)積極健康向上，不做違法的事； 合作精神：能夠與他人進(jìn)行合作，具有協(xié)調(diào)工作能力和組織管理能力；

較強(qiáng)的自我知識及技術(shù)更新能力：快速跟蹤網(wǎng)頁制作的新技術(shù)及市場應(yīng)用動態(tài)。（3）能力與技能要求 網(wǎng)頁制作軟件的使用方法； 在網(wǎng)頁中編制/插入需要的腳本； 進(jìn)行網(wǎng)站的上傳/下載、更新、管理。

三、適用專業(yè)及開設(shè)學(xué)期、適用專業(yè)：

軟件技術(shù)專業(yè)、多媒體專業(yè)、計算機(jī)網(wǎng)絡(luò)專業(yè) 2、開設(shè)學(xué)期：第二學(xué)期或者第三學(xué)期

四、學(xué)時分配

總學(xué)時：96，理論：48，實(shí)驗(yàn)：48。

各知識單元的學(xué)時(理論與實(shí)驗(yàn)學(xué)時)分配如下：容

理論學(xué)時

實(shí)驗(yàn)學(xué)時

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

經(jīng)典網(wǎng)頁賞析 2

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

網(wǎng)頁提高模塊的編程單元 6 網(wǎng)頁提高模塊的技術(shù)設(shè)計單元 8

網(wǎng)頁提高模塊的拓展單元 6

綜合模塊 6

合計 48 48

五、課程各知識單元的內(nèi)容、重點(diǎn)、組織結(jié)構(gòu)及授課要求

理論部分

（一）經(jīng)典網(wǎng)頁賞析

內(nèi)容概述

1.通過對網(wǎng)頁設(shè)計基礎(chǔ)知識的介紹，了解建立網(wǎng)站的一些準(zhǔn)備工作以及與網(wǎng)站有關(guān)的一些概念；

2.建立網(wǎng)站的過程，能從網(wǎng)站得網(wǎng)站的整體進(jìn)行規(guī)劃，定位網(wǎng)站的主體和風(fēng)格；

3.構(gòu)建網(wǎng)站的目錄框架和鏈接框架，會發(fā)布網(wǎng)頁。

本章目標(biāo)

與網(wǎng)站相關(guān)的概念，網(wǎng)站的主題定位，網(wǎng)站的目錄結(jié)構(gòu)，網(wǎng)站的鏈接結(jié)構(gòu)，網(wǎng)站布局，發(fā)布站點(diǎn)。

重點(diǎn)和難點(diǎn)

網(wǎng)站的整體風(fēng)格，創(chuàng)意設(shè)計，發(fā)布網(wǎng)站。

內(nèi)容組織結(jié)構(gòu)

網(wǎng)頁與網(wǎng)站的概念

網(wǎng)頁的設(shè)計

網(wǎng)站的策劃與創(chuàng)建原則

網(wǎng)站的開發(fā)流程

（二）網(wǎng)頁構(gòu)成內(nèi)容概述

1.掌握Dreamweaver MX的使用界面中各組成元素的名稱與功能；

2.掌握打開與關(guān)閉工具窗口的方法；

3.理解站點(diǎn)、網(wǎng)站、網(wǎng)頁及網(wǎng)頁屬性的概念。

本章目標(biāo)

Dreamweaver MX的組成與使用方法

重點(diǎn)和難點(diǎn)

理解站點(diǎn)、網(wǎng)站、網(wǎng)頁及網(wǎng)頁屬性的概念。

內(nèi)容組織結(jié)構(gòu)

Dreamweaver MX 簡述

新增功能的介紹和了解

Dreamweaver MX界面簡介

個性化的工作環(huán)境的設(shè)置和了解

（三）頁面控制

內(nèi)容概述

1.了解網(wǎng)頁中文本的輸入、編輯以及打開、關(guān)閉與設(shè)置其屬性的方法。掌握系統(tǒng)屬性及網(wǎng)頁屬性的設(shè)置方法，及各設(shè)置參數(shù)的作用；

2.要求重點(diǎn)了解制作網(wǎng)頁時的不同斷行方法，增加分隔線的方法及文本列表的設(shè)置。

本章目標(biāo)

學(xué)會制作首頁頁面，了解通常網(wǎng)站首頁的結(jié)構(gòu)，學(xué)會鏈接網(wǎng)頁中的圖像和文字，能夠應(yīng)用站點(diǎn)地圖調(diào)整網(wǎng)站構(gòu)架。

重點(diǎn)和難點(diǎn)

首頁是網(wǎng)站的門戶，首頁布局是否合理、色彩應(yīng)用是否恰當(dāng)及內(nèi)容是否有吸引力，直接關(guān)系到網(wǎng)站的訪問量，學(xué)會首頁的制作是重點(diǎn)。

內(nèi)容組織結(jié)構(gòu)

制作首頁標(biāo)題

設(shè)置導(dǎo)航欄

設(shè)置首頁內(nèi)容

設(shè)置“頁面”屬性

瀏覽頁面

設(shè)置首頁及應(yīng)用站點(diǎn)地圖

設(shè)置參數(shù)

（四）文本操作

內(nèi)容概述

1.應(yīng)用文字及設(shè)置文字格式； 2.設(shè)置樣式及樣式參數(shù)； 3.對特殊格式的處理。

本章目標(biāo)

文本是網(wǎng)頁中不可缺少的元素，對網(wǎng)頁中的文字進(jìn)行格式設(shè)置，可以使網(wǎng)頁文字易于被瀏覽者接受。

重點(diǎn)和難點(diǎn)

文字表現(xiàn)形式的具體應(yīng)用。

內(nèi)容組織結(jié)構(gòu)

在文檔中鍵入文本及導(dǎo)入表格式數(shù)據(jù)文檔

設(shè)置段落格式和文檔結(jié)構(gòu)

創(chuàng)建項(xiàng)目列表和編號列表

設(shè)置文本格式

插入特殊字符、水平線、日期對象

（五）圖像操作

內(nèi)容概述

1.了解網(wǎng)頁中按使用的圖像類型； 2.對網(wǎng)頁應(yīng)用所需圖像； 3.圖像的優(yōu)化。

本章目標(biāo)

網(wǎng)頁中制作精良的圖像會使網(wǎng)頁美觀、生動，使網(wǎng)頁的內(nèi)容更加豐富，充分表達(dá)網(wǎng)頁的主題

重點(diǎn)和難點(diǎn)

合理圖像的處理及應(yīng)用

內(nèi)容組織結(jié)構(gòu)

圖像常用文件格式

在頁面中插入圖像

創(chuàng)建鼠標(biāo)經(jīng)過圖像

使用Fireworks優(yōu)化圖像

（六）表格布局

內(nèi)容概述

1.掌握表格的創(chuàng)建、結(jié)構(gòu)調(diào)整與美化方法； 2.熟悉表格與單元格的主要屬性及其設(shè)置方法； 3.掌握通過表格來進(jìn)行網(wǎng)頁頁面的布局方法。

本章目標(biāo)

掌握表格的創(chuàng)建、結(jié)構(gòu)調(diào)整與美化方法，熟悉表格與單元格的主要屬性及其設(shè)置方法，掌握通過表格來進(jìn)行網(wǎng)頁頁面的布局方法

重點(diǎn)和難點(diǎn)

表格的創(chuàng)建、調(diào)整、單元格的編輯與屬性設(shè)置等操作的方法

內(nèi)容組織結(jié)構(gòu)

表格及其屬性設(shè)置

基本表格操作

表格排序

使用表格進(jìn)行頁面布局

（七）布局表格

內(nèi)容概述

1.掌握布局表格的相關(guān)概念； 2.不同模式之間的切換； 3.添加內(nèi)容至布局單元格。

本章目標(biāo)

在布局模式中，可以在網(wǎng)面部直接畫出表格與單元格，有利用對網(wǎng)頁定位。

重點(diǎn)和難點(diǎn)

布局模式生成的表格的操作。

內(nèi)容組織結(jié)構(gòu)

布局模式的切換

繪制布局表格

繪制布局單元格

布局表格轉(zhuǎn)換為標(biāo)準(zhǔn)表格

（八）框架網(wǎng)頁

內(nèi)容概述

1.了解框架網(wǎng)頁與普通網(wǎng)頁之間的區(qū)別與聯(lián)系；

2.掌握框架網(wǎng)頁在創(chuàng)建、選擇、設(shè)置、存儲與應(yīng)用方面的特點(diǎn)；

3.掌握框架結(jié)構(gòu)網(wǎng)頁的制作方法； 4.掌握浮動框架的特點(diǎn)和制作方法。

本章目標(biāo)

框架網(wǎng)頁的特點(diǎn)、框架網(wǎng)頁的創(chuàng)建、編輯、保存與應(yīng)用方法

重點(diǎn)和難點(diǎn)

利用框架制作動態(tài)網(wǎng)頁

內(nèi)容組織結(jié)構(gòu)

框架與框架集的概念

框架的用途

框架和框架集工作流程

創(chuàng)建框架和框架集

嵌套框架集

框架和框架集的編輯

控制具有鏈接的框架內(nèi)容

處理不能顯示框架的瀏覽器

（九）層的布局

內(nèi)容概述

1.掌握在網(wǎng)頁中創(chuàng)建、修改層和嵌套層的方法； 2.掌握層的屬性和編輯層屬性的方法； 3.掌握移動、刪除層的方法； 4.能夠?qū)优c行為進(jìn)行簡單結(jié)合。

本章目標(biāo)

層的概念以及層的創(chuàng)建與修改方法

重點(diǎn)和難點(diǎn)

圖層的概念與運(yùn)用

內(nèi)容組織結(jié)構(gòu)

創(chuàng)建層

修改層

設(shè)置圖層參數(shù)和圖層屬性

（十）模板和庫

內(nèi)容概述

1.要求掌握Dreamweaver MX中模板與庫元素的概念與作用；

2.了解模板的固定區(qū)域與可編輯區(qū)域的區(qū)別和用途； 3.了解更改模板或庫元素對使用選定的模板或包含選定庫元素的網(wǎng)頁的影響；

4.學(xué)會通過模板和庫元素創(chuàng)建網(wǎng)頁的方法。

本章目標(biāo)

模板與庫元素的特點(diǎn)、用途、制作與使用方法，以及如何利用模板控制面板及庫控制面板來管理模板與庫元素。

重點(diǎn)和難點(diǎn)

模板和庫的概念

內(nèi)容組織結(jié)構(gòu)

模板與庫的相關(guān)概念

模板的固定區(qū)域與可編輯的區(qū)別與用途

使用庫項(xiàng)目

模板的創(chuàng)建和設(shè)置

（十一）超級鏈接

內(nèi)容概述

1.深入理解絕對路徑、相對路徑、根相對路徑的概念、意義及用法；

2.了解建立超級鏈接各目標(biāo)參數(shù)的意義，掌握設(shè)置超級鏈接的方法；

3.掌握制作超級鏈接、E-mail鏈接、錨點(diǎn)等形式的超級鏈接； 4.掌握導(dǎo)航條與跳轉(zhuǎn)菜單的特點(diǎn)與用法。

本章目標(biāo)

掌握常用的超級鏈接設(shè)置的方法，包括：錨點(diǎn)，內(nèi)部鏈接，外部鏈接，E-mail,腳本，跳轉(zhuǎn)菜單和導(dǎo)航條的設(shè)置方法

重點(diǎn)和難點(diǎn)

理解導(dǎo)航條與跳轉(zhuǎn)菜單

內(nèi)容組織結(jié)構(gòu)

超級鏈接的概念

各種鏈接的功能和實(shí)現(xiàn)方法

（十二）表單網(wǎng)頁

內(nèi)容概述

1.學(xué)會使用Dreamweaver MX中應(yīng)用表單設(shè)計網(wǎng)頁的方法； 2.全面掌握表單的創(chuàng)建、編輯、處理方法，以及各表單對象的功能、特點(diǎn)和用途（包括：復(fù)選框、下拉列表框、按鈕）的特點(diǎn)與使用方法；

3.能夠初步理解ASP腳本，認(rèn)識客戶端腳本與服務(wù)器端腳本使用的異同。

本章目標(biāo)

表單的創(chuàng)造、編碼、處理方法，以及各種表單對象的特點(diǎn)與使用方法。能夠區(qū)分客戶端腳本與服務(wù)器端腳本的使用。

重點(diǎn)和難點(diǎn)

理解表單、表單對象的概念

內(nèi)容組織結(jié)構(gòu)

表單的概念及作用

HTML表單設(shè)計基礎(chǔ)

表單網(wǎng)頁的制作方法

表單處理

（十三）動感網(wǎng)頁

內(nèi)容概述

1.掌握時間線的創(chuàng)建與調(diào)整方法；

2.學(xué)會通過如何為時間線增加行為等方式來控制時間線的播放效果；

3.掌握利用時間線制作網(wǎng)頁動畫的方法。

本章目標(biāo)

時間線的創(chuàng)建、編輯、行為設(shè)置等內(nèi)容。

重點(diǎn)和難點(diǎn)

時間線和動態(tài)網(wǎng)頁的概念

內(nèi)容組織結(jié)構(gòu)

時間軸的相關(guān)概念

“時間軸”面板

創(chuàng)建時間軸

在時間軸上添加行為

在時間軸中改變對象屬性

編輯時間軸

（十四）HMTL語言

內(nèi)容概述

1.HTML語言的歷史； 2.使用HTML語言標(biāo)簽； 3.運(yùn)用標(biāo)簽在Web頁面中生成某種特殊效果。

本章目標(biāo)

認(rèn)識網(wǎng)頁文件的結(jié)構(gòu)以及HTML語言的基本語法

重點(diǎn)和難點(diǎn)

表單的各種域的標(biāo)記語法

內(nèi)容組織結(jié)構(gòu)

基礎(chǔ)知識

HTML超級鏈接

文本格式

圖像及多媒體的使用

表格與框架

（十五）美化網(wǎng)頁

內(nèi)容概述

1.了解網(wǎng)站中應(yīng)用CSS的意義，熟練掌握CSS樣式的定義、設(shè)置及應(yīng)用；

2.要求重點(diǎn)了解CSS濾鏡的應(yīng)用。

本章目標(biāo)

能夠根據(jù)網(wǎng)站的要求靈活地建立與使用CSS層疊樣式表，CSS濾鏡的應(yīng)用

重點(diǎn)和難點(diǎn)

CSS樣式的定義、使用及CSS濾鏡的應(yīng)用

內(nèi)容組織結(jié)構(gòu)

CSS概念

CSS的創(chuàng)建與使用

CSS的濾鏡（十六）

JavaScrip技術(shù)

內(nèi)容概述

1.JavaScrip的由來、歷史及其特點(diǎn)； 2.JavaScript語句在瀏覽器中的執(zhí)行過程； 3.JavaScript語句的開發(fā)使用。

本章目標(biāo)

了解JavaScript語言基礎(chǔ)知識

重點(diǎn)和難點(diǎn)

JavaScript的函數(shù)和事件處理

內(nèi)容組織結(jié)構(gòu)

JavaScript語言概述

JavaScript的變量、常量、數(shù)據(jù)類型和表達(dá)式

JavaScript程序語句

JavaScript函數(shù)和事件處理

JavaScript中的對象

（十七）網(wǎng)站管理

內(nèi)容概述

1.通過站點(diǎn)管理器規(guī)劃、創(chuàng)建站點(diǎn)的方法與站點(diǎn)設(shè)置參數(shù)的意義和設(shè)置方法；

2.站點(diǎn)管理器的用途，學(xué)會利用站點(diǎn)地圖查看、管理各網(wǎng)頁之間的超鏈接關(guān)系；

3.通過站點(diǎn)管理器發(fā)布站點(diǎn)的方法與上傳、下載與同步更新站點(diǎn)內(nèi)容的方法。

本章目標(biāo)

站點(diǎn)的創(chuàng)建、站點(diǎn)地圖的使用以及文件的下載、上傳與同步更新。

重點(diǎn)和難點(diǎn)

站點(diǎn)管理器的使用。

內(nèi)容組織結(jié)構(gòu)

為什么要進(jìn)行網(wǎng)站的維護(hù)與更新

做好網(wǎng)站維護(hù)需要哪些工作

網(wǎng)站如何更新維護(hù)

（十八）網(wǎng)頁設(shè)計

內(nèi)容概述

1.了解域名注冊的過程； 2．計數(shù)器及留言板的獲??； 3.增加網(wǎng)站交互性的手段。

本章目標(biāo)

掌握增強(qiáng)交互性網(wǎng)站的常用方法

重點(diǎn)和難點(diǎn)

計數(shù)器與留言板的獲取。

內(nèi)容組織結(jié)構(gòu)

企業(yè)注冊域名的方法

免費(fèi)申請站點(diǎn)計數(shù)器

申請免費(fèi)留言板

（十九）特效制作

內(nèi)容概述

1.在網(wǎng)頁中插入Fireworks HTML、Java Applet小程序； 2.Shockwave電影、Flash電影、ActiveX.控件等多媒體對象的使用方法。

本章目標(biāo)

如何在網(wǎng)頁中插入需要的媒體元素。

重點(diǎn)和難點(diǎn)

理解在網(wǎng)頁中插入多媒體對象的概念。

內(nèi)容組織結(jié)構(gòu)

添加 Flash 動畫

創(chuàng)建和插入 Flash 按鈕，插入 Shockwave 影片

添加視頻及嵌入聲音文件

插入 ActiveX 控件

Flash 文本

插入 Java applet（二十）

應(yīng)用行為

內(nèi)容概述

1.了解行為、事件與動作的概念；

2.學(xué)會利用行為面板設(shè)置控制對象的行為；

3.會利用系統(tǒng)提供的主要行為，設(shè)置網(wǎng)頁對象的行為從而實(shí)現(xiàn)交互式網(wǎng)頁的設(shè)計；

4.能夠下載、安裝并使用第三方行為。

本章目標(biāo)

行為、事件、動作的基本概念，以及如何利用行為面板為選定的對象設(shè)置行為。

重點(diǎn)和難點(diǎn)

行為的理解與應(yīng)用

內(nèi)容組織結(jié)構(gòu)

認(rèn)識行為和事件

基本行為操作

使用DreamweaverMX的內(nèi)置行為

下載并安裝第三方行為

（二十一）應(yīng)用插件

內(nèi)容概述

1.常用插件的分類方法； 2.HTML插件的使用； 3.MXP插件的運(yùn)用；

4.插件的常用使用及下載的方法。

本章目標(biāo)

掌握在常用插件的使用及下載方法

重點(diǎn)和難點(diǎn)

插件的常用使用及下載的方法

內(nèi)容組織結(jié)構(gòu)

插件的類型的掌握

插件的安裝方法

插件的使用

插件的下載

（二十二）應(yīng)用Fireworks插件

內(nèi)容概述

1.Fireworks中文本和繪圖工具的使用； 2.Fireworks中屬性面板的使用； 3.運(yùn)用Fireworks制作特效素材；

4.Fireworks中幀面板和畫布的使用與修改；

5.運(yùn)用Fireworks制作動畫并導(dǎo)出不同格式的圖像素材。

本章目標(biāo)

掌握在網(wǎng)頁設(shè)計中合理地運(yùn)用Fireworks。

重點(diǎn)和難點(diǎn)

Fireworks中幀面板的使用及畫布的修改

內(nèi)容組織結(jié)構(gòu)

用Fireworks制作導(dǎo)航條

利用Fireworks制作網(wǎng)站徽標(biāo)

使用Fireworks制作欄目邊框素材

用Fireworks制作鼠標(biāo)經(jīng)過圖像素材

合理使用Fireworks制作欄目動畫素材

通過Fireworks設(shè)計橫幅廣告并合成相應(yīng)網(wǎng)頁（二十三）

應(yīng)用Flash

內(nèi)容概述

1.Flash工具面板和屬性面板的使用； 2.新建元件及時間軸面板的使用； 3．創(chuàng)建補(bǔ)間動畫和引導(dǎo)線動畫； 4.Photoshop素描自畫像的制作； 5.添加網(wǎng)頁特效代碼。

本章目標(biāo)

掌握Flash在網(wǎng)頁設(shè)計中的應(yīng)用

重點(diǎn)和難點(diǎn)

Flash素材的制作及頁面的合成。

內(nèi)容組織結(jié)構(gòu)

首頁中Flash動畫的制作

首頁中動態(tài)導(dǎo)航菜單的制作及首頁的合成《雪中江湖》頁面中Flash素材的制作及頁面合成《白雪少年》頁面中素描自畫像素材的制作及頁面合成（二十四）

綜合實(shí)訓(xùn)

內(nèi)容概述

1.綜合站點(diǎn)實(shí)例的練習(xí)；

2．全面設(shè)計站點(diǎn)目錄結(jié)構(gòu)的規(guī)劃和設(shè)置介紹了； 3.網(wǎng)頁的創(chuàng)建、布局以及設(shè)置方法 4.綜合功能的運(yùn)用。

本章目標(biāo)

全面掌握交互式網(wǎng)站的制作方法

重點(diǎn)和難點(diǎn)

理解站點(diǎn)、網(wǎng)站、網(wǎng)頁及網(wǎng)頁屬性的概念，會向網(wǎng)頁中插入多媒體信息。

內(nèi)容組織結(jié)構(gòu)

分析站點(diǎn)創(chuàng)建的全過程

站點(diǎn)目錄結(jié)構(gòu)的規(guī)劃和設(shè)置

制作包含表單的交互式網(wǎng)頁的制作

利用Fireworks處理圖片

制作按鈕與導(dǎo)航攔等網(wǎng)頁的創(chuàng)作技巧實(shí)訓(xùn)部分 典網(wǎng)站賞析

實(shí)驗(yàn)?zāi)繕?biāo)

通過對經(jīng)典網(wǎng)站的賞析，掌握建立網(wǎng)站的過程，構(gòu)建網(wǎng)站的目錄框架和鏈接框架，會發(fā)布網(wǎng)頁。

相關(guān)知識點(diǎn)

1.網(wǎng)頁設(shè)計基礎(chǔ)知識的介紹；

經(jīng)

（一）2.建立網(wǎng)站的過程； 3.定位網(wǎng)站的主體和風(fēng)格；

4.構(gòu)建網(wǎng)站的目錄框架和鏈接框架。

內(nèi)容安排

網(wǎng)頁與網(wǎng)站的概念

網(wǎng)頁的設(shè)計

網(wǎng)站的策劃與創(chuàng)建原則

網(wǎng)站的開發(fā)流程

重點(diǎn)和難點(diǎn)

網(wǎng)站的整體風(fēng)格，創(chuàng)意設(shè)計，發(fā)布網(wǎng)站

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

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

一、課程基本信息

課程編號：

中文名稱：網(wǎng)頁設(shè)計與制作

英文名稱：Web Design and Production 課程類別：選修課 適用專業(yè)：所有專業(yè)

開課學(xué)期：2011-2012第2學(xué)期 總學(xué)時：24學(xué)時 總學(xué)分：1 課程簡介：

本課程突出網(wǎng)頁設(shè)計與制作的現(xiàn)代特點(diǎn)，從Internet的基礎(chǔ)知識入手，重點(diǎn)介紹HTML超文本標(biāo)記語言，以及所見即所得的網(wǎng)頁設(shè)計制作工具Dreamweaver的基本操作流程。從靜態(tài)頁面到動態(tài)頁面由淺入深的介紹網(wǎng)頁設(shè)計與制作全過程。采用案例分析和親自實(shí)踐的方式突出、突破課程的重點(diǎn)和難點(diǎn)。并指導(dǎo)每一名選課的同學(xué)為自己建一個博客網(wǎng)站，以此提高同學(xué)對網(wǎng)頁設(shè)計與制作的興趣和愛好。參考書：

1、網(wǎng)頁設(shè)計與制作教程，熊前興 閔聯(lián)營，科學(xué)出版社;

2、網(wǎng)站與網(wǎng)頁設(shè)計，張貴明，清華大學(xué)出版社;

3、網(wǎng)頁美術(shù)設(shè)計原理及實(shí)戰(zhàn)策略，王曉峰 焦燕，清華大學(xué)出版社;

4、網(wǎng)站建設(shè)典型案例，張梟，清華大學(xué)出版社；

二、課程教學(xué)目標(biāo)：

網(wǎng)頁和網(wǎng)站是Internet的重要組成部分，企業(yè)、公司和機(jī)構(gòu)通過網(wǎng)站來宣傳推介自己的技術(shù)和產(chǎn)品，個人發(fā)布主頁展示自己的風(fēng)采，人們從不同類型的網(wǎng)站來獲取需要的信息。因此，設(shè)計與制作網(wǎng)頁已經(jīng)成為計算機(jī)應(yīng)用技術(shù)的一個重要方面。本課程的主要教學(xué)目的是使學(xué)生掌握網(wǎng)頁設(shè)計與制作的基礎(chǔ)知識，能運(yùn)用網(wǎng)頁工具設(shè)計和制作常用網(wǎng)頁。

三、理論教學(xué)內(nèi)容與要求

第一章、網(wǎng)頁的基礎(chǔ)知識（1學(xué)時）（1）Internet基礎(chǔ)知識

（2）www簡介

（3）網(wǎng)頁制作的技術(shù)和工具介紹

第二章、超文本編輯語言HTML（8學(xué)時）（1）HTML文件的基本結(jié)構(gòu)（2）文字和段落標(biāo)記

（3）列表標(biāo)記

（4）圖片標(biāo)記（5）表格標(biāo)記（6）超鏈接標(biāo)記（7）表單標(biāo)記（8）框架標(biāo)記

第三章、JavaScript語言（4學(xué)時）（1）JavaScript語言簡介（2）JavaScript編程基礎(chǔ)（3）基于對象的JavaScript語言（4）JavaScript程序?qū)嵗?/p>

第四章、層疊樣式表CSS（1學(xué)時）（1）CSS概述（2）CSS屬性

第五章、可視化網(wǎng)頁設(shè)計工具Dreamvawer8.0（1）網(wǎng)頁的基本操作（2）圖像、表格與超鏈接（3）表單與框架（4）添加網(wǎng)頁元素（5）發(fā)布站點(diǎn)

第六章、動態(tài)網(wǎng)頁設(shè)計語言ASP（4學(xué)時）（1）ASP簡介（2）VBScript腳本基礎(chǔ)（3）ASP的內(nèi)置對象（4）實(shí)用Global.asa文件

4學(xué)時）（第七章、利用AD0訪問數(shù)據(jù)庫（1學(xué)時）（1）數(shù)據(jù)庫的連接（2）數(shù)據(jù)庫的檢索（3）數(shù)據(jù)庫的操作

總結(jié)復(fù)習(xí)（1學(xué)時）

四、實(shí)驗(yàn)教學(xué)內(nèi)容與要求

五、作業(yè)

六、考核方式

期末考核每個同學(xué)為自己設(shè)計制作一個博客網(wǎng)站。

七、成績評定

1.自制網(wǎng)站（80%）2.平時考勤、作業(yè)(20%)平時成績分配：

平時考勤5次，每次2分，共占10% 作業(yè)5次，每次2分，共占10%

八、執(zhí)行大綱時應(yīng)注意的問題

根據(jù)學(xué)生對課程內(nèi)容的掌握和理解程度會對進(jìn)度做適當(dāng)?shù)恼{(diào)整。

執(zhí)筆人：邢雁平

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

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

課程編號：

總學(xué)時數(shù)：36學(xué)時（其中講授：20學(xué)時，實(shí)驗(yàn)：16學(xué)時）

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

本課程是我系各專業(yè)必修專業(yè)課程之一。該課程以Dreamweaver和CSS為藍(lán)本，全面介紹與網(wǎng)頁設(shè)計制作有關(guān)的知識，向?qū)W生闡明Web基本工作機(jī)制，并使學(xué)生具有解決靜態(tài)網(wǎng)頁制作和設(shè)計等方面問題的能力。通過對WWW的基本概念、網(wǎng)頁設(shè)計的基本原則、網(wǎng)頁設(shè)計編程的基本技術(shù)與技巧的學(xué)習(xí)，使學(xué)生對于網(wǎng)頁設(shè)計中所涉及的相關(guān)知識有一個全面的了解。

在網(wǎng)絡(luò)技術(shù)迅速發(fā)展的今天，網(wǎng)頁制作已成為當(dāng)今社會上一種比較熱門的技術(shù)，也是計算機(jī)專業(yè)學(xué)生的一門必修課，通過課程學(xué)習(xí)要求學(xué)生能夠掌握靜態(tài)網(wǎng)頁的制作工具的使用以及HTML標(biāo)記語言的運(yùn)用，并基本掌握J(rèn)avaScript腳本語言編程的常用方法與技巧。通過與前期課程的融會，運(yùn)用掌握的Flash等其他制作工具軟件，在具體的網(wǎng)頁設(shè)計過程中要很好的將幾者結(jié)合起來使用，從而能夠生成功能強(qiáng)大、豐富多彩、生動活潑的高質(zhì)量的網(wǎng)頁。通過本門課程的學(xué)習(xí)，學(xué)生能夠具備以下能力：網(wǎng)站建設(shè)、網(wǎng)絡(luò)廣告、多媒體課件、網(wǎng)絡(luò)游戲、匯報材料，MTV等。同時培養(yǎng)學(xué)生以下素質(zhì)：服務(wù)意識：能夠?yàn)樗颂峁﹥?yōu)質(zhì)的服務(wù)；文明法制意識：網(wǎng)站內(nèi)容應(yīng)積極健康向上，不做違法的事；合作精神：能夠與他人進(jìn)行合作，具有協(xié)調(diào)工作能力和組織管理能力；較強(qiáng)的自我知識及技術(shù)更新能力：快速跟蹤網(wǎng)頁制作的新技術(shù)及市場應(yīng)用動態(tài)。

二、教學(xué)內(nèi)容、要點(diǎn)和課時安排

第一章 Dreamweaver MX概述 1．Dreamweaver MX簡介

2．Dreamweaver MX的工作界面介紹

3．窗口和面板

4．Dreamweaver MX的新特性

要求：熟悉Dreamweaver MX的操作界面，DreamweaverMX版本的最新特性，掌握如何自行設(shè)置具有獨(dú)特的工作環(huán)境，對Dreamweaver MX的主界面認(rèn)識透徹，便于以下課程的深度學(xué)習(xí)。

第二章 創(chuàng)建站點(diǎn) 1．站點(diǎn)的規(guī)劃

2．創(chuàng)建本地站點(diǎn) 3．創(chuàng)建ASP站點(diǎn) 4．連接數(shù)據(jù)庫

2學(xué)時

2學(xué)時 5．站點(diǎn)的管理與維護(hù) 6．發(fā)布站點(diǎn) 要求：了解站點(diǎn)的基本概念，熟悉掌握使用DreamweaverMX定義站點(diǎn)的方法，能根據(jù)自己的實(shí)際情況定義站點(diǎn)，定義ASP站點(diǎn)，掌握通過DreamweaverMX軟件連接簡單數(shù)據(jù)庫的方法。

第三章 文本及其格式化 1．文本及其格式化概述 2．文本的輸入 3．創(chuàng)建文本列表 4．CSS樣式文件的創(chuàng)建

5．將文檔中的樣式導(dǎo)出為CSS樣式文件 6．文本格式化綜合實(shí)例

要求：學(xué)習(xí)如何插入文本、設(shè)置字體類型、大小、顏色和對齊屬性，使用層疊樣式表創(chuàng)建和應(yīng)用自定義樣式。通過學(xué)習(xí)掌握利用CSS樣式格式文本，掌握導(dǎo)出和使用CSS樣式文件的基本方法。

第四章 圖像

2學(xué)時

2學(xué)時

1．常用圖像文件格式 2．插入圖像 3．設(shè)置圖像的屬性

要求：通過學(xué)習(xí)，學(xué)生必須完全掌握如何在DreamweaverMX軟件中插入圖像、修改圖像的屬性，利用外部圖象處理軟件編輯圖像以及創(chuàng)建圖像地圖等方法。實(shí)現(xiàn)圖像與文本的完美結(jié)合。

第五章 表格 1．概述

2．表格的基本操作 3．表格及其屬性設(shè)置 4．表格排序

要求：掌握使用DreamweaverMX建立表格、設(shè)置表格以及使用表格對網(wǎng)頁進(jìn)行布局和美化。通過表格定位文本和圖像在頁面出現(xiàn)的位置。對表格的修改主要是添加內(nèi)容、修改表格或單元格行/列屬性，復(fù)制或者粘貼多個單元格等操作。

第六章 框架 1．創(chuàng)建框架

2．框架和框架頁的基本操作

3．設(shè)置框架和框架頁的屬性、大小及背景色

2學(xué)時

2學(xué)時 4．框架及框架頁綜合實(shí)例

要求：掌握框架的創(chuàng)建、保存以及框架屬性的設(shè)置，難點(diǎn)在于框架的鏈接設(shè)置，掌握框架結(jié)構(gòu)的主要功能在于導(dǎo)航。注意框架和框架集的區(qū)別。

第七章 頁面布局視圖的使用

1．布局單元格和布局表格 2．繪制布局表格和布局單元格 3．布局表格和布局單元格的基本操作

4．設(shè)置布局寬度

要求：重點(diǎn)掌握如何創(chuàng)建布局表格和布局單元格，掌握布局視圖的切換方法，掌握布局表格和布局單元格屬性的設(shè)置和意義。

第八章 鏈接

3學(xué)時

3學(xué)時

1．鏈接、路徑與錨

2．建立鏈接 3．建立特殊鏈接

要求：了解鏈接、路徑與錨的使用條件、掌握鏈接的幾種設(shè)置方法和他們的區(qū)別，學(xué)會使用特殊鏈接（書簽、電子郵箱、網(wǎng)站URL）,理解掌握鏈接目標(biāo)的指定。

第九章 表單 1．表單概述 2．創(chuàng)建表單 3．表單對象 4．客戶注冊表單 5．網(wǎng)上調(diào)查表單

要求：掌握如何創(chuàng)建表單，以及如何在表單中添加表單對象，掌握常見的表單對象的功能和使用方法，理解表單處理的原理，能夠完成基本的表單設(shè)計。

第十章 層

1．關(guān)于層

2．創(chuàng)建層

3．顯示隱藏層實(shí)例

4．下列菜單實(shí)例 5．層綜合應(yīng)用實(shí)例

要求：讓學(xué)生掌握層的概念和層的分類，掌握關(guān)于層的屬性，掌握建立層的基本方法，掌握層的各種屬

2學(xué)時

2學(xué)時 性的設(shè)置。

第十一章 行為

1．什么是行為

2．行為面板的用法

3．行為的基本操作

4．使用Dreamweaver自帶的行為

5．行為應(yīng)用實(shí)例

要求：重點(diǎn)掌握DreamweaverMX自帶的行為的使用方法，掌握這些常用行為事件的設(shè)置，了解行為的意義以及行為面板的使用方法，能根據(jù)具體的行為設(shè)置對應(yīng)的行為事件，能對所使用的行為事件進(jìn)行修改。

第十二章 時間軸與動畫

1．時間軸面板

2．使用時間軸創(chuàng)建動畫

3．修改時間軸

4．創(chuàng)建錄制路徑動畫 5．在時間軸中改變對象屬性

6．在時間軸中使用行為

7．時間軸動畫實(shí)例

要求：掌握如何使用時間軸創(chuàng)建時間線動畫，重點(diǎn)掌握如何修改時間線及其對象的屬性，添加和刪除禎、修改動畫的起始時間、修改動畫路徑的位置等。

第十三章 Dreamweaver MX程序設(shè)計

1．Dreamweaver MX程序設(shè)計基礎(chǔ) 2．建立數(shù)據(jù)庫連接 3．定義記錄集

4．動態(tài)數(shù)據(jù)綁定 5．應(yīng)用服務(wù)器行為

要求：掌握基本的術(shù)語和如何建立數(shù)據(jù)庫連接，掌握如何建立記錄集，以及記錄集中數(shù)據(jù)的綁定，了解各類服務(wù)器行為的功能，重點(diǎn)掌握如何定義記錄集和應(yīng)用服務(wù)器行為，掌握WEB應(yīng)用程序的構(gòu)建。

第十四章 模板與庫

1．什么是模板和庫

2．創(chuàng)建模板

3．定義可編輯區(qū)域

2學(xué)時

2學(xué)時

2學(xué)時

2學(xué)時 4．應(yīng)用模板建立網(wǎng)頁 5．應(yīng)用模板更新站點(diǎn) 6．庫的使用

7．模板的創(chuàng)建與設(shè)置實(shí)例

要求：掌握模版和庫的原理和優(yōu)勢，掌握掌握如何建立和使用模版，掌握庫的使用和添加到庫文件。第十五章 代碼片斷

1．使用代碼片斷 2．代碼片斷的創(chuàng)建

3．代碼片斷的使用

4．代碼片斷的創(chuàng)建與使用綜合實(shí)例

要求：理解代碼片斷的概念，掌握創(chuàng)建代碼片斷的方法，掌握如何使用代碼片斷。第十六章 經(jīng)典實(shí)例

1．個人網(wǎng)站 2．網(wǎng)站論壇

要求：了解頁面的整體設(shè)計，掌握表格的高級應(yīng)用技巧，了解交互網(wǎng)站的運(yùn)行機(jī)制，掌握服務(wù)器行為的應(yīng)用，學(xué)生通過鍛煉，掌握創(chuàng)建網(wǎng)站的全部過程和機(jī)制，能夠獨(dú)立網(wǎng)站一個小型的全面的個人網(wǎng)站。

4學(xué)時

2學(xué)時

三、教學(xué)方法

要求：

1、結(jié)合DreamweaverMX軟件使用的特點(diǎn)，以上機(jī)演示教學(xué)方法為主，輔之教學(xué)課件等方法進(jìn)行教學(xué)。

2、結(jié)合本學(xué)科特點(diǎn)在教學(xué)過程中，使學(xué)生形成多動手、積極探究、勤于思考、學(xué)會學(xué)習(xí)等良好的學(xué)習(xí)習(xí)慣，培養(yǎng)學(xué)生搜集和整理素材的能力、理解實(shí)驗(yàn)?zāi)芰?、分析和解決程序設(shè)計中的問題的能力等。

四、成績考核方法：

要求：

1、課后試驗(yàn)作業(yè)每周一次。

2、期末考試采取理論考試為主、大作業(yè)（完整的個人網(wǎng)站）為輔的形式。

3、平時成績30%、期末成績70%，期末考試（筆試70%，大作業(yè)30%）。

五、教材與主要參考書目

教材：

路甬祥：《DreamweaverMX職業(yè)技能培訓(xùn)教程》，電子科技大學(xué)出版社，2004年3月。參考書： 位元文化：《CSS/HTML網(wǎng)頁設(shè)計》，中國鐵道鐵道出版社，2002年2月。

劉洪武：《網(wǎng)頁設(shè)計與制作（高職教材）》，大連理工大學(xué)出版社，2003年7月。李卓玲：《java程序設(shè)計語言》，大連理工大學(xué)出版社，2003年8月。

執(zhí)筆人： 審訂人：

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

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

(供醫(yī)學(xué)影像學(xué)、護(hù)理學(xué)本科各專業(yè)用)

前 言

《網(wǎng)頁設(shè)計與制作》是一門應(yīng)用性和理論性都很強(qiáng)的課程，是醫(yī)學(xué)影像和護(hù)理學(xué)專業(yè)的選修課程。通過學(xué)習(xí)本課程使學(xué)生初步了解網(wǎng)頁制作及建立網(wǎng)站的基礎(chǔ)知識，掌握制作網(wǎng)頁和建立網(wǎng)站的技術(shù)。

總學(xué)時：18學(xué)時，實(shí)際教學(xué)中采用理論教學(xué)中穿插上機(jī)實(shí)踐。

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

一、目的和要求

(一)了解Internet的功能

(二)理解WWW和網(wǎng)頁、網(wǎng)站的相關(guān)概念(三)了解常用的網(wǎng)頁制作工具(四)理解建設(shè)網(wǎng)站的基本方法和思路

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

(一)網(wǎng)頁基本概念:了解網(wǎng)頁、網(wǎng)站、萬維網(wǎng)（www）、瀏覽器、統(tǒng)一資源定位符（URL）、IP地址、域名、超級鏈接、靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁的基本概念。

(二)網(wǎng)頁設(shè)計的相關(guān)知識

1、設(shè)計網(wǎng)頁的原則: 了解網(wǎng)頁設(shè)計的基本原則。

2、網(wǎng)頁設(shè)計的一般步驟:了解網(wǎng)頁設(shè)計的一般步驟。

3、Web服務(wù)器架構(gòu):了解Web服務(wù)器的概念、會建立IIS，會進(jìn)行Web站點(diǎn)的設(shè)置與管理。

4、網(wǎng)頁制作的常用工具:了解Frontpage、Macromedia Dreamweaver、記事本；了解圖像處理工具Photoshop,Firework，了解動畫制作工具：Macromedia Flash等。

5、客戶端技術(shù)：了解HTML、DHTML、XML的概念。

6、服務(wù)器端技術(shù)：了解ASP、PHP、Java的概念。

第二章 HTML語言

一、目的和要求

(一)熟悉HTML標(biāo)記語言的基礎(chǔ)知識；(二)熟悉HTML語法基礎(chǔ)；

(三)掌握文本格式標(biāo)記、列表標(biāo)記、表格標(biāo)記、表單及表單控件標(biāo)記，熟練利用標(biāo)記編寫頁面代碼；(四)掌握超鏈接、圖像、音樂及流動字幕的設(shè)置方法。

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

(一)HTML語言基本概念：了解HTML、超文本、Web頁的概念。(二)HTML文檔架構(gòu):掌握HTML文檔基本架構(gòu)。(三)

HTML常用標(biāo)記

1、掌握文本格式標(biāo)記：,,,。

2、掌握段落格式標(biāo)記：,,

5、掌握多媒體標(biāo)記：,,。

7、掌握超鏈接標(biāo)記：。

8、掌握表格標(biāo)記：

9、掌握框架標(biāo)記：。

10、掌握表單及表單域標(biāo)記：

第三章 Dreamweaver 8網(wǎng)頁設(shè)計

一、目的和要求

(一)熟悉Dreamweaver 8操作界面；(二)掌握Dreamweaver 8建立與管理站點(diǎn)；

(三)掌握如何使用Dreamweaver 8對文本、圖像、表格進(jìn)行插入與編輯；(四)掌握如何使用Dreamweaver 8創(chuàng)建超鏈接、表單、樣式表；(五)掌握如何在Dreamweaver 8中使用層與框架。

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

(一)Dreamweaver 8基礎(chǔ)知識:會啟動、關(guān)閉中文Dreamweaver 8，了解Dreamweaver 8的功能、主窗口，標(biāo)題欄、菜單欄、工具欄、網(wǎng)頁編輯窗口、狀態(tài)欄、屬性面板、浮動控制面板組。

(二)站點(diǎn)的建立：熟練掌握利用Dreamweaver 8建立站點(diǎn)、管理站點(diǎn)。

(三)Dreamweaver 8頁面設(shè)計: 熟練掌握利用Dreamweaver 8插入文字、插入圖像、插入表格、插入超鏈接、插入媒體元素、插入表單，會使用樣式表控制頁面格式。

(四)頁面布局:熟練掌握利用表格控制頁面布局，會使用框架進(jìn)行特殊的頁面布局，了解利用層實(shí)現(xiàn)頁面布局。

第四章 VBScript腳本語言

一、目的和要求

(一)了解VBScript的基本概念；(二)熟練掌握VBScript語法；

(三)熟練掌握VBScript的sub過程與function函數(shù)；(四)會使用VBScript進(jìn)行簡單編程。

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

(一)VBScript的基本概念

1、了解在網(wǎng)頁中如何嵌入VBScript。、了解VBScript語句書寫規(guī)則、數(shù)據(jù)類型、變量、常量、運(yùn)算符和內(nèi)置函數(shù)的概念。(二)

VBScript的過程與函數(shù)

1、熟練掌握VBScript中SUB過程的建立。

2、熟練掌握VBScript中FUNCTION（）函數(shù)的使用。

（三）程序設(shè)計流程:了解條件語句和循環(huán)控制語句

（四）VBScript對象的使用：掌握Window對象、History對象、Form對象的語法格式及使用方法。

并利用案例熟悉對象。

第五章 ASP動態(tài)網(wǎng)頁制作

一、目的和要求

(一)深刻理解動態(tài)網(wǎng)頁技術(shù)和靜態(tài)網(wǎng)頁技術(shù)的區(qū)別和聯(lián)系。(二)掌握ASP運(yùn)行環(huán)境的搭建方法及建立ASP動態(tài)網(wǎng)站的一般方法。(三)理解Request和Response對象的作用，熟練掌握其使用方法。(四)

能夠綜合運(yùn)用網(wǎng)頁設(shè)計方法創(chuàng)建動態(tài)網(wǎng)站。

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

(一)ASP概述：了解ASP的概念，ASP的工作過程，ASP與HTML的區(qū)別。(二)

ASP動行環(huán)境：IIS的安裝，IIS下站點(diǎn)的建立與管理。

(三)ASP的內(nèi)建對象：掌握Request對象，Request對象可訪問的變量Querystring、form、cookies和server variable；掌握Response對象，Response對象提供的方法write,redirect,end的使用。

(四)ASP動態(tài)網(wǎng)站的創(chuàng)建：利用ASP技術(shù)驗(yàn)證表單中用戶填寫的信息。

第六章 網(wǎng)站制作實(shí)例

一、目的和要求

(一)鞏固Dreamweaver 8中網(wǎng)站設(shè)計的基本方法；(二)鞏固編制HTML和ASP代碼的方法；(三)綜合運(yùn)用所學(xué)知識設(shè)計制作小型網(wǎng)站。

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

(一)網(wǎng)站的規(guī)劃設(shè)計：確定網(wǎng)站的主題和名稱，確定網(wǎng)站的形象，確定網(wǎng)站的欄目，確定網(wǎng)站的目錄結(jié)構(gòu)，確定網(wǎng)站的鏈接結(jié)構(gòu)，網(wǎng)站的整體風(fēng)格，首頁的設(shè)計，站點(diǎn)的創(chuàng)建。(二)

靜態(tài)網(wǎng)頁設(shè)計(三)

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

教材：李京文主編，網(wǎng)頁設(shè)計與制作，高等教育出版社，2012。

李京文主編，網(wǎng)頁設(shè)計與制作實(shí)訓(xùn)與考試指導(dǎo)，高等教育出版社，2012。

參考書：曾鴻主編，網(wǎng)頁設(shè)計與制作高等教育出版社，2009。

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

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

課程編號：14411400 課程總學(xué)時：48 周學(xué)時數(shù)：3 學(xué)分：3 課程類型：專業(yè)必修課 開課（系）院：教育學(xué)院 執(zhí)筆人：朱 玲 審核人：劉 梅

一、課程簡介

《網(wǎng)頁設(shè)計與制作》是一門綜合性、應(yīng)用性很強(qiáng)的課程，是教育技術(shù)學(xué)專業(yè)的一門專業(yè)必修課程。通過學(xué)習(xí)本課程，能利用Dreamweaver 8來開發(fā)出有實(shí)用價值的網(wǎng)站來。熟練掌握Dreamweaver 8的基本界面環(huán)境和HTML語法，了解當(dāng)前常用數(shù)據(jù)庫的基礎(chǔ)知識，能利用數(shù)據(jù)庫來為網(wǎng)站服務(wù)。

本課程以《Dreamweaver 8中文版網(wǎng)頁制作基礎(chǔ)》作為教材，該教材采用項(xiàng)目教學(xué)法。項(xiàng)目教學(xué)法”是通過實(shí)施一個完整的項(xiàng)目而進(jìn)行的教學(xué)活動，其目的是在課堂教學(xué)中把理論與實(shí)踐教學(xué)有機(jī)地結(jié)合起來，充分發(fā)掘?qū)W生的創(chuàng)造潛能，提高學(xué)生解決實(shí)際問題的綜合能力。這也充分體現(xiàn)了我校的培養(yǎng)應(yīng)用型人才的路線。

二、教學(xué)目的與要求

1、教學(xué)目的

本課程開設(shè)的主要目的，是為了適應(yīng)web技術(shù)的飛速發(fā)展，為學(xué)生今后在學(xué)習(xí)、工作中建立網(wǎng)站及網(wǎng)頁制作打下基礎(chǔ)。通過本課程的學(xué)習(xí)，使學(xué)生了解如何規(guī)劃并建立站點(diǎn)，掌握制作網(wǎng)頁的基礎(chǔ)知識，能熟練利用Dreamweaver 8提供的強(qiáng)大的功能制作出精美的網(wǎng)站。

2、教學(xué)要求

在本課程的學(xué)習(xí)中，要求學(xué)生能夠熟練使用Dreamweaver 8操作環(huán)境，掌握HTML的語法規(guī)則，并能夠利用Dreamweaver 8的強(qiáng)大功能制做出精美的網(wǎng)頁，同時能獨(dú)立創(chuàng)建并管理網(wǎng)站。

三、教學(xué)內(nèi)容及學(xué)時安排

第一章Dreamweaver 8概論

[教學(xué)目的與要求]

1.認(rèn)識Dreamweaver 8 2.了解Dreamweaver 8的用途及新增功能 3.熟悉Dreamweaver 8的工作界面 4.熟悉Dreamweaver 8的一些簡單的設(shè)置 [重點(diǎn)與難點(diǎn)]

1.Dreamweaver 8的工作界面 2.自定義工作環(huán)境 3.選擇視圖方式 [教學(xué)時數(shù)] 3學(xué)時

[教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]

一、什么是Dreamweaver

二、新增功能

三、Dreamweaver 8的工作界面

（一）選擇工作界面

（二）界面組成

四、自定義工作環(huán)境

（一）顯示/隱藏面板和工具欄

（二）更改“插入”工具欄的外觀

（三）自由組合面板

（四）調(diào)整文檔窗口大小

五、選擇視圖方式

（一）代碼視圖

（二）設(shè)計視圖

（三）代碼和設(shè)計視圖 [實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)]

實(shí)驗(yàn)項(xiàng)目：熟悉Dreamweaver8操作環(huán)境 實(shí)驗(yàn)課時：2學(xué)時 [課堂訓(xùn)練、作業(yè)思考題]

1.如何使一個控制面板成為一個獨(dú)立的面板？ 2.如何將文檔窗口調(diào)整為640×480像素大小？

[教學(xué)目的與要求]

1.了解網(wǎng)頁的設(shè)計與布局原則 2.明確網(wǎng)站的策劃與創(chuàng)建原則 3.知道網(wǎng)站的開發(fā)流程 [重點(diǎn)與難點(diǎn)]

1.網(wǎng)頁的設(shè)計與布局原則 2.網(wǎng)站的策劃與創(chuàng)建原則 3.網(wǎng)站的開發(fā)流程

第二章 網(wǎng)頁與網(wǎng)站的基本知識

[教學(xué)時數(shù)] 3學(xué)時

[教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]

一、網(wǎng)頁設(shè)計和布局原則

（一）網(wǎng)頁主題網(wǎng)頁主題時應(yīng)該遵循以下原則：

（二）網(wǎng)頁命名和標(biāo)志

（三）網(wǎng)頁的色彩

（四）網(wǎng)頁的文字

（五）網(wǎng)頁中的表格

（六）網(wǎng)頁版面和布局

二、策劃與創(chuàng)建原則

(一)什么是網(wǎng)站(二)網(wǎng)站的目標(biāo)定位(三)網(wǎng)站的風(fēng)格(四)網(wǎng)站的CI形象(五)網(wǎng)站的欄目和板塊(六)網(wǎng)站的目錄結(jié)構(gòu)

三、網(wǎng)站的開發(fā)流程： [實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)]

無

[課堂訓(xùn)練、作業(yè)思考題]

1．簡述網(wǎng)站開發(fā)需要經(jīng)過的幾個主要階段。2．簡述制作網(wǎng)頁需要注意的問題。

[教學(xué)目的與要求]

1.掌握HTML語言及其基本語法 2.如何制定及清理多余的HTML代碼 3.掌握在各種環(huán)境中編輯HTML代碼的方法 [重點(diǎn)與難點(diǎn)] 1．HTML的基本語法 2．使用代碼檢查器 3．設(shè)置HTML代碼參數(shù)

第三章 HTML語言控制

4．清理多余的HTML代碼 5．編輯HTML代碼 [教學(xué)時數(shù)] 3學(xué)時

[教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]

一、什么是HTML

二、HTML的基本語法

三、認(rèn)識“代碼檢查器”面板

（一）“代碼檢查器”面板的功能

（二）3.3.2 設(shè)置“代碼檢查器”面板

四、設(shè)置HTML代碼參數(shù)

（一）設(shè)置代碼顏色

（二）設(shè)置代碼格式

（三）設(shè)置代碼改寫參數(shù)

五、清理HTML代碼

六、編輯HTML代碼

（一）在代碼視圖中編輯HTML

（二）在設(shè)計視圖中編輯HTML

（三）在外部代碼編輯器中編輯HTML [實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)] 無

[課堂訓(xùn)練、作業(yè)思考題]

1．如何清除多余的HTML代碼和多余的word代碼？

第四章 設(shè)置文本和網(wǎng)頁屬性

[教學(xué)目的與要求]

1.了解文檔的新建、保存和打開

2.掌握怎樣輸入文本、查找和替換、檢查拼寫、設(shè)置文本和段落 3.掌握使用水平分隔線和設(shè)置網(wǎng)頁屬性等 [重點(diǎn)與難點(diǎn)] 1.文檔的基本操作 2.輸入文本 3.查找與替換 4.拼寫檢查 5.格式化文本 6.使用水平分隔線 7.設(shè)置網(wǎng)頁屬性 [教學(xué)時數(shù)] 3學(xué)時

[教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]

一、文檔的基本操作

（一）啟動Dreamweaver 8主工作界面

（二）新建文檔 “新建文檔”對話框

（三）保存新文檔

（四）打開文檔

二、輸入文本

(一)文本換行(二)插入特殊字符(三)導(dǎo)入Word文檔(四)添加注釋

三、查找與替換 “查找和替換”對話框

四、拼寫檢查 “檢查拼寫”對話框

五、格式化文本

(一)文本屬性欄(二)設(shè)置文本格式(三)設(shè)置段落格式

六、使用水平分隔線

(一)4.6.1 添加水平分隔線(二)4.6.2 修改屬性(三)4.6.3 設(shè)置顏色

七、設(shè)置網(wǎng)頁屬性

(一)4.7.1 使用“頁面屬性”對話框(二)4.7.2 使用網(wǎng)頁配色方案 [實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)]

實(shí)驗(yàn)項(xiàng)目：插入網(wǎng)頁對象（第4、5、9、12章）實(shí)驗(yàn)課時：3學(xué)時 [課堂訓(xùn)練、作業(yè)思考題]

1．如何使啟動程序不顯示起始頁？ 2．簡述創(chuàng)建一個空白文檔的過程。

第五章 使用網(wǎng)頁圖像

[教學(xué)目的與要求]

1.了解網(wǎng)頁圖像的基本概念

2.掌握如何插入圖像、如何編輯圖像 3.掌握如何創(chuàng)建圖像映射即熱點(diǎn) [重點(diǎn)與難點(diǎn)]

1．網(wǎng)頁圖像的格式 2．插入圖像 3．編輯圖像 4．創(chuàng)建圖像映射 [教學(xué)時數(shù)] 3學(xué)時

[教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]

一、網(wǎng)頁圖像簡述

(一)位圖圖像(二)矢量圖像(三)常見網(wǎng)頁圖像格式

二、插入圖像

(一)插入普通圖像

(二)插入鼠標(biāo)經(jīng)過時變化的圖像(三)插入網(wǎng)頁背景圖像

三、編輯圖像

(一)5.3.1 調(diào)整圖像大小(二)5.3.2 剪掉圖像的多余部分(三)5.3.3 調(diào)整圖像的亮度和對比度(四)5.3.4 銳化圖像(五)5.3.5 圖像的排列方式(六)5.3.6 設(shè)置圖像間距(七)5.3.7 用文字代替圖像(八)5.3.8 使用圖像編輯器

四、創(chuàng)建圖像映射

(一)5.4.1 什么是圖像映射圖(二)5.4.2 圖像映射面板(三)5.4.3 定義和編輯熱點(diǎn)(四)5.4.4 為熱點(diǎn)建立鏈接 [實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)]

實(shí)驗(yàn)項(xiàng)目：插入網(wǎng)頁對象（第4、5、9、12章）實(shí)驗(yàn)課時：2學(xué)時 [課堂訓(xùn)練、作業(yè)思考題]

1．如何在網(wǎng)頁中用文字代替圖像？ 2．如何為熱點(diǎn)建立鏈接？

[教學(xué)目的與要求]

1.掌握表格的創(chuàng)建和使用、表格的編輯和修改2.掌握表格的套用樣式和嵌套 3.掌握如何使用表格進(jìn)行頁面布局 [重點(diǎn)與難點(diǎn)]

1．創(chuàng)建表格 2．編輯表格

第六章 創(chuàng)建和使用表格

3．套用表格 4．表格的嵌套

5．使用表格進(jìn)行頁面布局 [教學(xué)時數(shù)] 3學(xué)時

[教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]

一、創(chuàng)建表格

(一)插入表格并添加內(nèi)容(二)導(dǎo)入表格數(shù)據(jù)文件

二、編輯表格

(一)添加/刪除行列(二)調(diào)整表格大小(三)調(diào)整行高和列寬(四)合并/拆分單元格(五)設(shè)置單元格的寬度和高度(六)設(shè)置表格的邊框顏色(七)設(shè)置表格的背景

三、套用表格樣式

四、表格的嵌套

五、使用表格進(jìn)行頁面布局

(一)布局模式

(二)繪制布局單元格和布局表格(三)將內(nèi)容添加到布局單元格中(四)使用間隔圖像

(五)更改布局表格和布局單元格的屬性[實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)]

實(shí)驗(yàn)項(xiàng)目：網(wǎng)頁布局（第6、7、8章）實(shí)驗(yàn)課時：2課時 [課堂訓(xùn)練、作業(yè)思考題]

1．簡述合并和拆分單元格的幾種方法。2．怎樣在布局表格中使用間隔圖像？

第七章 創(chuàng)建和使用框架

[教學(xué)目的與要求]

1.理解框架和框架集的概念

2.掌握如何創(chuàng)建、選擇框架和框架集

3.掌握如何設(shè)置框架和框架集的屬性及編輯框架頁面 [重點(diǎn)與難點(diǎn)]

1.創(chuàng)建框架與框架集 2.選擇框架與框架集的方法 3.設(shè)置框架與框架集的屬性 4.編輯框架頁面 [教學(xué)時數(shù)] 3學(xué)時

[教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]

一、什么是框架與框架集

二、創(chuàng)建框架與框架集

(一)使用預(yù)定義創(chuàng)建框架集(二)自己設(shè)計框架集(三)刪除框架(四)創(chuàng)建嵌套框架集

三、選擇框架與框架集

(一)在文檔窗口中選擇(二)在“框架”面板中選擇

四、設(shè)置框架與框架集屬性

（一）設(shè)置框架屬性

（二）設(shè)置框架集屬性

五、編輯框架頁面

(一)7.5.1 設(shè)置框架中文檔的背景顏色(二)7.5.2 使用鏈接控制框架內(nèi)容(三)7.5.3 替換框架文件

(四)7.5.4 保存框架和框架集文件(五)7.5.5 解決瀏覽器無法顯示框架的問題 [實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)]

實(shí)驗(yàn)項(xiàng)目：網(wǎng)頁布局（第6、7、8章）實(shí)驗(yàn)課時：2課時 [課堂訓(xùn)練、作業(yè)思考題]

1．如何刪除框架和框架集？ 2．怎樣替換框架文件？

[教學(xué)目的與要求]

1.了解創(chuàng)建層

2.掌握設(shè)計層屬性、編輯層 3.掌握層和表格的轉(zhuǎn)換 [重點(diǎn)與難點(diǎn)]

1．創(chuàng)建層 2．設(shè)置層屬性 3．編輯層 4．層和表格的轉(zhuǎn)換 [教學(xué)時數(shù)] 3學(xué)時

[教學(xué)方法與手段]

第八章 創(chuàng)建和使用層 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]

一、創(chuàng)建層

(一)創(chuàng)建平鋪式層(二)創(chuàng)建重疊式層(三)創(chuàng)建嵌入式層

二、設(shè)置層的屬性

(一)設(shè)置層參數(shù)(二)設(shè)置單個層屬性(三)同時設(shè)置多個層的屬性

三、編輯層

(一)使用“層”面板 通過“層”面板可以管理文檔中的層。

(二)使用“層”面板可以防止層重疊、更改層的可見性、將層嵌套或?qū)盈B，以及選擇一個或多個層。(三)在層中添加內(nèi)容(四)選擇和移動層(五)防止層重疊(六)改變層的堆疊次序

(七)顯示/隱藏層(八)創(chuàng)建預(yù)先載入層(九)調(diào)整層的大小

層和表格的轉(zhuǎn)換層

(一)將層轉(zhuǎn)換成表格(二)將表格轉(zhuǎn)換成層 [實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)]

實(shí)驗(yàn)項(xiàng)目：網(wǎng)頁布局（第6、7、8章）實(shí)驗(yàn)課時：2課時 [課堂訓(xùn)練、作業(yè)思考題]

1．如何創(chuàng)建預(yù)先載入層？ 2．簡述表格與層的轉(zhuǎn)換方法。

[教學(xué)目的與要求]

1.了解表單與表單元素的基本概念

第九章 表 單

四、2.掌握表單的創(chuàng)建及表單元素的插入和設(shè)置方法 3.掌握檢查表單以驗(yàn)證表單元素正確性 [重點(diǎn)與難點(diǎn)]

1.表單的創(chuàng)建

2.插入與設(shè)置文本域和文本區(qū)域

3.插入與設(shè)置復(fù)選框、單選按鈕和單選按鈕組 4.插入與設(shè)置列表框和彈出菜單 5.插入與設(shè)置跳轉(zhuǎn)菜單 6.插入與設(shè)置文件域 7.插入與設(shè)置表單按鈕 8.檢查表單 [教學(xué)時數(shù)] 3學(xué)時

[教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]

一、表單與表單元素(一)表單(二)表單元素

二、表單

(一)創(chuàng)建表單(二)設(shè)置表單屬性

三、文本域和文本區(qū)域

(一)插入文本域(二)設(shè)置文本域的屬性(三)插入文本區(qū)域

四、復(fù)選框、單選按鈕和單選按鈕組

(一)插入單選按鈕與復(fù)選框(二)設(shè)置單選按鈕與復(fù)選框的屬性

五、列表框和彈出菜單

(一)插入列表框與彈出菜單(二)設(shè)置列表/菜單屬性(三)跳轉(zhuǎn)菜單(四)文件域(五)表單按鈕(六)標(biāo)準(zhǔn)表單按鈕(七)圖片式按鈕(八)檢查表單 [實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)]

實(shí)驗(yàn)項(xiàng)目1：插入網(wǎng)頁對象（第4、5、9、12章）實(shí)驗(yàn)課時：3學(xué)時 實(shí)驗(yàn)項(xiàng)目2：表單對象 實(shí)驗(yàn)課時：2課時 [課堂訓(xùn)練、作業(yè)思考題]

1．文本域與文本區(qū)域有何區(qū)別？ 2．如何插入跳轉(zhuǎn)菜單？

第十章 添加超級鏈接和導(dǎo)航工具條

[教學(xué)目的與要求]

1.掌握在Dreamweaver 8中創(chuàng)建超級鏈接的基本方法；

2.了解超級鏈接的種類：包括內(nèi)部、外部超級鏈接、為E-mail和下載文件添加超級鏈接、使用錨點(diǎn)和導(dǎo)航條工具等內(nèi)容。[重點(diǎn)與難點(diǎn)]

1、內(nèi)部超級鏈接的使用方法；

2、外部超級鏈接的使用方法；

3、為圖片添加超級鏈接；

4、為E-mail創(chuàng)建超級鏈接；

5、設(shè)置下載文件鏈接；

6、錨點(diǎn)的創(chuàng)建方法；

7、導(dǎo)航條的創(chuàng)建方法； [教學(xué)時數(shù)] 3學(xué)時

[教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]

一、什么是超級鏈接

(一)超級鏈接的概念(二)鏈接路徑

二、使用內(nèi)部超級鏈接

(一)10.2.1 為文字添加超級鏈接(二)10.2.2 設(shè)置文字超級鏈接的屬性(三)10.2.3 為圖片添加超級鏈接

三、外部超級鏈接

四、為E-mail和下載文件添加超級鏈接

（一）為E-mail添加超級鏈.（二）為下載文件添加超級鏈接

五、使用錨點(diǎn)

（一）創(chuàng)建錨點(diǎn)

（二）鏈接錨點(diǎn)

六、使用導(dǎo)航工具條

（一）插入導(dǎo)航條

（二）修改導(dǎo)航條 [實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)]

無

[課堂訓(xùn)練、作業(yè)思考題]

1．簡述超級鏈接的分類。2．如何創(chuàng)建錨點(diǎn)？

第十一章 層疊樣式表

[教學(xué)目的與要求]

1.掌握CSS的基本語法與功能、“CSS樣式”面板與“相關(guān)CSS”面板的使用、應(yīng)用類樣式的方法、插入樣式表的方式、CSS樣式的屬性設(shè)置；

2.了解樣式表的優(yōu)先順序等內(nèi)容。[重點(diǎn)與難點(diǎn)]

1.CSS樣式的創(chuàng)建、編輯與導(dǎo)出 2.應(yīng)用類樣式 3.設(shè)置CSS樣式屬性 4.CSS樣式的優(yōu)先順序 [教學(xué)時數(shù)] 3學(xué)時

[教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]

一、層疊樣式表概述

(一)什么是CSS(二)CSS的基本語法

二、CSS樣式的創(chuàng)建、編輯與導(dǎo)出

(一)認(rèn)識“CSS樣式”面板(二)認(rèn)識“相關(guān)CSS”面板(三)創(chuàng)建CSS樣式

(四)導(dǎo)出樣式以創(chuàng)建CSS樣式表(五)管理CSS樣式(六)鏈接和導(dǎo)出外部樣式表(七)編輯CSS樣式(八)編輯外部樣式表

三、應(yīng)用類樣式

(一)應(yīng)用自定義的CSS樣式(二)刪除自定義的CSS樣式

四、設(shè)置CSS樣式屬性(一)“類型”選項(xiàng)(二)“背景”選項(xiàng)(三)“區(qū)塊”選項(xiàng)(四)“方框”選項(xiàng)(五)“邊框”選項(xiàng)(六)“列表”選項(xiàng)(七)“定位”選項(xiàng)(八)“擴(kuò)展”選項(xiàng)

五、CSS樣式的優(yōu)先順序

[實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)] 無

[課堂訓(xùn)練、作業(yè)思考題]

1．簡述CSS樣式的作用。2．簡述創(chuàng)建CSS樣式的方法。

[教學(xué)目的與要求]

1.掌握插入Flash動畫、Shockwave電影第十二章 插入多媒體組件

2.掌握插入Applet程序、ActiveX控件和插件等內(nèi)容 [重點(diǎn)與難點(diǎn)]

1.添加Flash動畫。2.添加Shockwave電影。3.添加Java Applet程序。4.使用ActiveX控件。5.使用插件。

6.添加聲音背景和聲音文件。7.插入日期和時間。[教學(xué)時數(shù)] 3學(xué)時

[教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]

一、插入多媒體文件簡介

二、添加Flash動畫

(一)插入Flash動畫(二)設(shè)置Flash動畫屬性(三)參數(shù)簡介

三、插入Shockwave電影

(一)插入Shockwave電影(二)設(shè)置Shockwave電影屬性

四、插入Java Applet程序

（一）插入Java Applet程序

（二）設(shè)置Java Applet屬性

五、設(shè)置ActiveX控件

六、設(shè)置Netscape Navigator插件

(一)插入插件(二)設(shè)置插件屬性

七、在網(wǎng)頁中添加聲音

(一)聲音文件格式(二)為網(wǎng)頁加入背景音樂(三)嵌入聲音文件

八、插入日期和時間

九、使用計數(shù)器 [實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)]

實(shí)驗(yàn)項(xiàng)目：插入網(wǎng)頁對象（第4、5、9、12章）實(shí)驗(yàn)課時：3學(xué)時 [課堂訓(xùn)練、作業(yè)思考題]

1．簡述可以插入的多媒體組件的種類。2．如何在網(wǎng)頁中嵌入聲音文件？

第十三章 生成動態(tài)特效

[教學(xué)目的與要求]

1.了解行為的含義

2.掌握應(yīng)用Dreamweaver 8中內(nèi)置的各種行為、為對象附加行為及獲取更多的行為 [重點(diǎn)與難點(diǎn)]

1.了解行為

2.了解Dreamweaver 8的內(nèi)置行為 3.應(yīng)用行為 [教學(xué)時數(shù)] 3學(xué)時 [教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]

一、什么是行為

二、Dreamweaver 8中的行為(一)認(rèn)識行為面板(二)內(nèi)置行為

三、應(yīng)用行為(一)為對象附加行為(二)獲得更多的行為

四、動態(tài)特效實(shí)例(一)改變對象屬性(二)檢查瀏覽器(三)檢查插件(四)制作彈出窗口(五)制作動態(tài)圖片說明(六)設(shè)置狀態(tài)欄信息(七)設(shè)置播放聲音 [實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)]

實(shí)驗(yàn)項(xiàng)目：制作動態(tài)網(wǎng)頁 實(shí)驗(yàn)課時：3課時 [課堂訓(xùn)練、作業(yè)思考題]

1．簡述改變層屬性的方法。

2．簡述單擊某按鈕時發(fā)出聲音特效的制作方法。

第十四章 庫與模版

[教學(xué)目的與要求]

1.掌握如何創(chuàng)建和設(shè)置庫項(xiàng)目，為網(wǎng)頁添加庫項(xiàng)目和編輯庫項(xiàng)目 2.掌握如何創(chuàng)建、設(shè)置模板的網(wǎng)頁屬性 3.掌握如何導(dǎo)入導(dǎo)出XML內(nèi)容 [重點(diǎn)與難點(diǎn)]

1.設(shè)置庫項(xiàng)目參數(shù) 2.編輯庫項(xiàng)目 3.利用庫項(xiàng)目更新網(wǎng)站 4.使用模板創(chuàng)建網(wǎng)頁 5.修改模板屬性 6.導(dǎo)入導(dǎo)出XML內(nèi)容 [教學(xué)時數(shù)] 3學(xué)時

[教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]

一、庫與模版概述

二、使用庫項(xiàng)目(一)創(chuàng)建庫項(xiàng)目(二)將庫項(xiàng)目添加到網(wǎng)頁

三、編輯庫項(xiàng)目

（一）認(rèn)識庫項(xiàng)目屬性面板

（二）刪除與重命名庫項(xiàng)目

（三）修改庫項(xiàng)目

四、利用庫項(xiàng)目更新網(wǎng)站

五、創(chuàng)建模版

（一）將文檔另存為模版

（二）創(chuàng)建可編輯區(qū)域

（三）創(chuàng)建重復(fù)區(qū)域

（四）定義可編輯標(biāo)簽屬性

六、創(chuàng)建基于模版的文檔

七、修改模版屬性

八、導(dǎo)入導(dǎo)出XML內(nèi)容 實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)] 無

課堂訓(xùn)練、作業(yè)思考題]

1．如何設(shè)置可編輯區(qū)域及可重復(fù)區(qū)域？ 2．更改了庫項(xiàng)目或模版后，如何更新網(wǎng)站？教學(xué)目的與要求]

1.掌握站點(diǎn)的規(guī)劃和設(shè)計知識 2.掌握本地和遠(yuǎn)程的概念

第十五章 規(guī)劃和設(shè)計站點(diǎn)

[ [

[3.掌握創(chuàng)建本地站點(diǎn)的方法

4.掌握設(shè)置本地和遠(yuǎn)程文件夾，管理站點(diǎn) [重點(diǎn)與難點(diǎn)]

1．創(chuàng)建本地站點(diǎn) 2．設(shè)置本地和遠(yuǎn)程文件夾 3．管理Web站點(diǎn) [教學(xué)時數(shù)] 3學(xué)時

[教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]

一、關(guān)于站點(diǎn)規(guī)劃和設(shè)計

二、關(guān)于本地與遠(yuǎn)程的幾個概念(一)本地計算機(jī)和Internet服務(wù)器(二)本地站點(diǎn)和遠(yuǎn)程站點(diǎn)

三、創(chuàng)建本地站點(diǎn)

四、設(shè)置本地和遠(yuǎn)程文件夾(一)設(shè)置本地文件夾(二)設(shè)置遠(yuǎn)程文件夾

(三)為FTP訪問選擇主機(jī)目錄(四)設(shè)置遠(yuǎn)程文件夾時應(yīng)注意的事項(xiàng)

五、管理Web站點(diǎn)(一)導(dǎo)入與導(dǎo)出站點(diǎn)(二)從站點(diǎn)列表中刪除站點(diǎn)(三)獲取和上傳文件

(四)同步本地和遠(yuǎn)程站點(diǎn)上的文件(五)遮蓋站點(diǎn)中的文件夾和文件(六)使用設(shè)計備注 [實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)]

無

[課堂訓(xùn)練、作業(yè)思考題]

1．簡述應(yīng)用定義站點(diǎn)高級選項(xiàng)卡定義站點(diǎn)的過程。

第十六章 上傳站點(diǎn)

[教學(xué)目的與要求] 1.了解如何申請個人網(wǎng)站空間 2.知道到哪里去下載免費(fèi)網(wǎng)站空間

3.了解如何將網(wǎng)站上傳到WWW服務(wù)器以及如何推廣網(wǎng)站等 [重點(diǎn)與難點(diǎn)]

1.申請網(wǎng)站空間 2.上傳站點(diǎn) 3.網(wǎng)站的宣傳和推廣 [教學(xué)時數(shù)] 3學(xué)時

[教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]

一、申請網(wǎng)站空間

(一)選擇網(wǎng)站空間(二)申請方法

二、上傳站點(diǎn)

（一）設(shè)置本地服務(wù)器地址

（二）傳送站點(diǎn)

三、宣傳和推廣

（一）用E-mail形式來宣傳

（二）在BBS或新聞組中宣傳(三)在搜索引擎網(wǎng)站中宣傳(四)廣告與友情鏈接

(五)在Dreamweaver 8中插入關(guān)鍵詞與描述 [實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)]

無

[課堂訓(xùn)練、作業(yè)思考題]

1．簡述申請個人免費(fèi)網(wǎng)絡(luò)空間的方法。

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

本課程采用講授法、演示法、實(shí)驗(yàn)法、討論法、探究式等多種教學(xué)方法進(jìn)行教學(xué)，教學(xué)手段采用了傳統(tǒng)教具、多媒體投影以及計算機(jī)網(wǎng)絡(luò)等。

四、教材與教學(xué)參考書

[1] 孫印杰，薛書琴，俞露等編著.新世界Dreamweaver 8中文版應(yīng)用教.電子工業(yè)出版社，2008.[2] 希望圖書創(chuàng)作室編著.Dreamweaver（中文版)8標(biāo)準(zhǔn)教程.兵器工業(yè)出版社，2007.[3] 楊聰，韓小祥，周國輝主編.Dreamweaver 8網(wǎng)頁設(shè)計案例實(shí)訓(xùn)教程.中國人民大學(xué)出版社，2009.[4] 葛艷玲主編.網(wǎng)頁制作基礎(chǔ)教程（Dreamweaver 8.0）（第2版）.電子工業(yè)出版社，2009.[5] 導(dǎo)向科技編著.中文版Dreamweaver 8網(wǎng)頁設(shè)計培訓(xùn)教程.人民郵電出版社，2006.五、實(shí)驗(yàn)實(shí)踐教學(xué)

實(shí)驗(yàn)教學(xué)是網(wǎng)頁設(shè)計與制作的重要實(shí)踐環(huán)節(jié)。通過實(shí)驗(yàn)，使學(xué)生加深理解、驗(yàn)證、鞏固課堂教學(xué)內(nèi)容，對Dreamweaver 8有一較全面的認(rèn)識。培養(yǎng)學(xué)生分析問題和解決問題的能力，為以后深入學(xué)習(xí)教育技術(shù)專業(yè)的其它課程打下堅實(shí)的基礎(chǔ)。

實(shí)驗(yàn)教學(xué)的主要目的是培養(yǎng)學(xué)生的動手能力，要求學(xué)生熟練掌握Dreamweaver 8的基本操作，網(wǎng)頁的設(shè)計制作，網(wǎng)站的建立與管理等技能。

為使學(xué)生鞏固課堂所學(xué)知識，根據(jù)教學(xué)內(nèi)容本課程共設(shè)5項(xiàng)實(shí)驗(yàn)，分別是熟悉Dreamweaver 8的操作環(huán)境、插入網(wǎng)頁對象、網(wǎng)頁布局、表單對象和制作動態(tài)網(wǎng)頁，最終學(xué)生上機(jī)實(shí)驗(yàn)完成最終作品。

六、課外訓(xùn)練及自學(xué)指導(dǎo)

（一）課外訓(xùn)練體系 1．訓(xùn)練目的與要求

網(wǎng)頁設(shè)計與制作是一門實(shí)踐性很強(qiáng)的課程，要想熟練的掌握Dreamweaver 8有關(guān)操作，網(wǎng)頁制作和網(wǎng)站開發(fā)與管理的技能，就必須大力加強(qiáng)課外訓(xùn)練。

課外訓(xùn)練的主要目的：充分掌握網(wǎng)頁制作的有關(guān)技能操作，學(xué)會設(shè)計單個網(wǎng)頁，能夠開發(fā)一個小型網(wǎng)站。2．訓(xùn)練內(nèi)容與方法 訓(xùn)練的內(nèi)容主要是每一章的重點(diǎn)難點(diǎn)知識，訓(xùn)練的方法主要有觀摩法和實(shí)踐法。

（二）自學(xué)指導(dǎo)體系 1．自學(xué)目的與要求

這門課程要求學(xué)生不僅僅是掌握課本上的知識，課本上的知識是遠(yuǎn)遠(yuǎn)不夠的，這就要求學(xué)生必須自學(xué)。自學(xué)的主要目的是擴(kuò)展知識面，加深對該課程知識的認(rèn)識。要求知道與網(wǎng)頁制作有關(guān)的知識。

2．自學(xué)內(nèi)容與方法

自學(xué)的內(nèi)容主要是網(wǎng)頁制作的有關(guān)知識，除了Dreamweaver 8軟件的有關(guān)操作以外，還要學(xué)習(xí)Flash、Fireworks等軟件的有關(guān)網(wǎng)頁制作知識。

自學(xué)的方法主要有資料查閱法、討論法、網(wǎng)上學(xué)習(xí)法、實(shí)驗(yàn)練習(xí)法等。

七、考試考核

本課程的考試形式為技能考核，學(xué)生的學(xué)業(yè)成績實(shí)行結(jié)構(gòu)化成績，由考試主卷成績、副卷(實(shí)驗(yàn))成績和平時成績構(gòu)成，其中考試主卷成績占60％，副卷成績占20％，平時成績占20％。