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

計算機(jī)系教學(xué)大綱

FrontPage2003網(wǎng)頁設(shè)計與制作

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

課程代碼：

課程名稱：FrontPage2003網(wǎng)頁設(shè)計與制作 授課對象：?？埔魳?、體育、美術(shù)、蒙文專業(yè) 課程性質(zhì)：本課程是?？埔魳?、體育、美術(shù)、蒙文專業(yè)的一門計算機(jī)基礎(chǔ)課，是為?？埔魳贰Ⅲw育、美術(shù)、蒙文專業(yè)學(xué)生開設(shè)的一門必修課。本課程先修課為《計算機(jī)應(yīng)用基礎(chǔ)》。本課程總學(xué)分?jǐn)?shù)：2 教學(xué)目的：隨著計算機(jī)軟件技術(shù)的不斷發(fā)展，制作用于傳遞信息的網(wǎng)頁已經(jīng)不再是專業(yè)制作人員的專利。如今，人們無需熟悉太多的HTML語言，使用所見即所得的方式就可以輕松自如地創(chuàng)建網(wǎng)頁。本課程教學(xué)的主要目的和任務(wù)是使學(xué)生通過本課程的學(xué)習(xí)，能夠掌握FrontPage2003網(wǎng)頁設(shè)計與制作的基礎(chǔ)知識，了解FrontPage2003網(wǎng)頁制作方法，能夠運(yùn)用FrontPage2003設(shè)計與制作網(wǎng)頁。

課程的教學(xué)原則和教學(xué)方法：

本課程是一門實踐性很強(qiáng)的課程，要求教師運(yùn)用多媒體教學(xué)手段在多媒體教室進(jìn)行教學(xué)，對軟件的使用進(jìn)行現(xiàn)場操作講解，以便使學(xué)生及時掌握所學(xué)的內(nèi)容。

教師可以針對不同的教學(xué)內(nèi)容采用課堂教學(xué)、課堂實踐等多種方式組織教學(xué)。課程總學(xué)時：總學(xué)時數(shù)為72學(xué)時（18周），其中理論講授占總學(xué)時的1/2，實踐占總學(xué)時的1/2。

課程教學(xué)內(nèi)容要點和建議學(xué)時分配：

網(wǎng)頁設(shè)計與制作概論.（講授2學(xué)時，實驗2學(xué)時）

(1)什么是網(wǎng)頁(2)WWW服務(wù)

(3)常用的網(wǎng)頁制作工具(4)小結(jié)(5)實訓(xùn) 具體教學(xué)要求：

①了解有關(guān)網(wǎng)頁的基礎(chǔ)知識；

②了解Internet的基本知識；

③了解Internet的產(chǎn)生和發(fā)展過程；

④Internet的工作原理、服務(wù)方式和Internet 常用術(shù)語； ⑤了解最常用的網(wǎng)頁制作工具和它們各自的特點； ⑥理解Web的工作原理； ⑦掌握Web瀏覽器的使用；

FrontPage 2003簡介（講授2學(xué)時，實驗2學(xué)時）

(6)FrontPage 2003的基本功能(7)啟動與退出FrontPage 2003(8)瀏覽窗口界面(9)小結(jié)(10)實訓(xùn) 具體教學(xué)要求：

①了解FrontPage 2003的系統(tǒng)運(yùn)行環(huán)境； ②熟悉FrontPage 2003的窗口界面；

③掌握FrontPage 2003的啟動和關(guān)閉方法以及自定義其工具欄和選項的方法；

-1-計算機(jī)系教學(xué)大綱

FrontPage2003網(wǎng)頁設(shè)計與制作

設(shè)計一個簡單的網(wǎng)頁（講授2學(xué)時，實驗2學(xué)時）

(11)簡單網(wǎng)頁制作示例(12)網(wǎng)頁文件操作(13)輸入網(wǎng)頁內(nèi)容(14)預(yù)覽網(wǎng)頁

(15)查看編輯HTML源代碼(16)使用模板制作網(wǎng)頁(17)小結(jié)(18)實訓(xùn) 具體教學(xué)要求：

①掌握網(wǎng)頁文件的基本操作； ②掌握網(wǎng)頁文本基本操作；

③掌握使用模板創(chuàng)建網(wǎng)頁及網(wǎng)頁的預(yù)覽； 設(shè)計網(wǎng)頁布局（講授4學(xué)時，實驗4學(xué)時）

(19)網(wǎng)頁布局示例(20)輸入標(biāo)題(21)修飾文本

(22)運(yùn)用邊框與底紋(23)使用列表(24)改變段落式樣(25)小結(jié)(26)實訓(xùn) 具體教學(xué)要求：

①掌握文本格式化的基本方法； ②掌握幾種列表的創(chuàng)建方法； ③掌握樣式的使用和自定義樣式； 網(wǎng)頁裝飾設(shè)計（講授4學(xué)時，實驗4學(xué)時）

(27)裝飾設(shè)計示例(28)插入符號(29)添加圖片(30)處理圖片(31)使用水平線(32)插入注釋和時間(33)修改網(wǎng)頁背景(34)運(yùn)用特殊效果(35)小結(jié)(36)實訓(xùn) 具體教學(xué)要求：

①了解在網(wǎng)頁中添加圖片并對圖片進(jìn)行編輯的基本方法和技能； ②了解Web圖片的常用格式和使用原則；

③掌握在網(wǎng)頁中添加圖片、對圖片進(jìn)行編輯和屬性設(shè)置的方法； ④掌握網(wǎng)頁背景的設(shè)置方法；

創(chuàng)建超鏈接（講授2學(xué)時，實驗2學(xué)時）

(37)超鏈接應(yīng)用示例

-2-計算機(jī)系教學(xué)大綱

FrontPage2003網(wǎng)頁設(shè)計與制作

(38)認(rèn)識超鏈接(39)創(chuàng)建超鏈接(40)使用書簽鏈接(41)取消鏈接(42)使用導(dǎo)航欄(43)小結(jié)(44)實訓(xùn) 具體教學(xué)要求：

①掌握文本超級鏈接的設(shè)置多種方法；

②掌握圖片進(jìn)行超級鏈接和熱點設(shè)置的方法； 巧用表格（講授4學(xué)時，實驗4學(xué)時）

(45)表格設(shè)計示例(46)插入表格(47)操作單元格(48)填充單元格

(49)修改表格的行與列(50)設(shè)置表格屬性(51)小結(jié)(52)實訓(xùn) 具體教學(xué)要求：

①了解在FrontPage 2003中如何使用表格組織數(shù)據(jù)，如何使用表格進(jìn)行網(wǎng)頁布局； ②掌握創(chuàng)建、編輯表格和對表格進(jìn)行屬性設(shè)置的基本方法； ③掌握使用表格組織網(wǎng)頁數(shù)據(jù)和進(jìn)行頁面布局的方法； 表單設(shè)計（講授4學(xué)時，實驗4學(xué)時）

(53)表單設(shè)計示例(54)認(rèn)識表單(55)表單內(nèi)容編輯(56)驗證性表單字段(57)表單處理程序(58)小結(jié)(59)實訓(xùn) 具體教學(xué)要求：

①了解表單的創(chuàng)建及其屬性設(shè)置等內(nèi)容；

②理解表單的基本概念、主要作用和使用原則； ③掌握利用模板創(chuàng)建表單和手工創(chuàng)建表單； ④掌握表單屬性設(shè)置的方法； 框架網(wǎng)頁（講授4學(xué)時，實驗4學(xué)時）

(60)框架網(wǎng)頁應(yīng)用示例(61)認(rèn)識框架網(wǎng)頁(62)創(chuàng)建框架網(wǎng)頁(63)保存框架網(wǎng)頁

(64)框架網(wǎng)頁的打開與編輯(65)調(diào)整框架布局

(66)框架網(wǎng)頁的屬性設(shè)置

-3-計算機(jī)系教學(xué)大綱

FrontPage2003網(wǎng)頁設(shè)計與制作

(67)框架網(wǎng)頁的有關(guān)視圖(68)目標(biāo)框架(69)小結(jié)(70)實訓(xùn) 具體教學(xué)要求：

①了解在網(wǎng)頁中使用框架的基本方法和技能； ②理解框架網(wǎng)頁的基本概念；

③掌握框架網(wǎng)頁的創(chuàng)建、編輯和保存；

③掌握框架屬性和框架網(wǎng)頁超鏈接的設(shè)置等內(nèi)容； 插入Web組件（講授2學(xué)時，實驗2學(xué)時）

(71)組件應(yīng)用示例(72)動態(tài)HTML(73)使用字幕(74)搜索表單(75)進(jìn)行網(wǎng)站統(tǒng)計(76)插入包含網(wǎng)頁(77)插入Flash動畫(78)使用Java小程序(79)使用音頻

(80)使用ActiveX控件(81)小結(jié)(82)實訓(xùn) 具體教學(xué)要求：

①了解FrontPage 2003動態(tài)組件以及音頻、視頻和Flash動畫在網(wǎng)頁中的應(yīng)用； ②掌握FrontPage 2003動態(tài)組件的種類和使用方法； ③掌握網(wǎng)頁中常用音頻文件和視頻文件的格式；

④掌握音頻、視頻和Flash等多媒體元素在網(wǎng)頁中的應(yīng)用； ⑤掌握動態(tài)效果的設(shè)置；

連接數(shù)據(jù)庫（講授2學(xué)時，實驗2學(xué)時）

(83)數(shù)據(jù)庫應(yīng)用示例(84)設(shè)置Web服務(wù)器(85)創(chuàng)建ODBC數(shù)據(jù)源(86)獲得數(shù)據(jù)庫信息(87)編輯數(shù)據(jù)庫信息(88)小結(jié)(89)實訓(xùn) 具體教學(xué)要求：

①掌握設(shè)置Web服務(wù)器的方法； ②掌握創(chuàng)建ODBC數(shù)據(jù)源的方法；

③掌握獲得數(shù)據(jù)庫信息和編輯數(shù)據(jù)庫信息的方法； 網(wǎng)站管理與維護(hù)（講授4學(xué)時，實驗4學(xué)時）

(90)網(wǎng)站的基本操作(91)網(wǎng)站中的文件管理(92)網(wǎng)站設(shè)置

-4-計算機(jī)系教學(xué)大綱

FrontPage2003網(wǎng)頁設(shè)計與制作

(93)文件的簽入與簽出(94)網(wǎng)站的發(fā)布與管理(95)修改網(wǎng)站(96)維護(hù)網(wǎng)站(97)小結(jié)(98)實訓(xùn) 具體教學(xué)要求：

①了解站點發(fā)布、管理和維護(hù)的基本知識；

②掌握Web站點的發(fā)布、管理和維護(hù)的基本方法；

教材和教學(xué)參考書：

教材

呂何新 陳偉 沈淦編《FrontPage2003網(wǎng)頁設(shè)計與制作》 教學(xué)參考書

(99)徐國平主編 網(wǎng)頁設(shè)計與制作教程 高等教育出版社

(100)劉艷麗主編 網(wǎng)頁設(shè)計與制作教程 高等教育出版社 課程考核與評估方法：

本課程的考核采取提交課件的形式，包括階段性課件和最終課件，階段性課件占總成績的30％，最終課件占總成績的50％，平時成績總成績的20%。

大綱編寫修改時間：2009年11月21日 教學(xué)大綱編寫教師：馮榮 計算機(jī)系審查教師； 教務(wù)處審查人簽字： 分管教學(xué)校長簽字：

第二篇：Frontpage網(wǎng)頁制作經(jīng)驗總結(jié)

【摘要】Frontpage更以其功能強(qiáng)大、容易上手、界面親切而著稱。它采用所見即所得的方式編輯網(wǎng)頁，利用它可以輕松的組織、編輯網(wǎng)頁并將其發(fā)布到指定的站點上，而且在發(fā)布之后還能對更新情況進(jìn)行監(jiān)控以更新站點的。

【關(guān)鍵字】Frontpage創(chuàng)建站點、新建頁面、文字、超鏈接

現(xiàn)在流行的網(wǎng)頁制作軟件有很多，如Macromedia公司的Dreamweaver、微軟公司的Frontpage、還有Adobe Pagemill 3.0--制作多框架，表單和Image map 圖像的網(wǎng)頁工具、Netscape等等。其中Frontpage更以其功能強(qiáng)大、容易上手、界面親切而著稱。它采用所見即所得的方式編輯網(wǎng)頁，利用它可以輕松的組織、編輯網(wǎng)頁并將其發(fā)布到指定的站點上，而且在發(fā)布之后還能對更新情況進(jìn)行監(jiān)控以更新站點的內(nèi)容。

工具準(zhǔn)備好了，可根據(jù)你的個人喜好來選擇一些素材，如圖片、喜歡的文章等?，F(xiàn)在就讓我們從第一步的建立站點來踏上建造網(wǎng)上家園之旅。

用FRONTPAGE創(chuàng)建站點是很容易的。首先，我們來看一下創(chuàng)建一個只包含一個網(wǎng)頁的站點。選擇“文件”菜單的“新建”選項，單擊“站點”命令，這時新建站點對話框就彈出來了，在“指定新站點位置”文本框中輸入新站點的位置，單擊“只有一個網(wǎng)頁的站點” 圖標(biāo)，單擊“確定”按鈕。這就建立好站點了，我們現(xiàn)在來看一下新的站點里有什么，單擊“視圖”工具條的“文件夾”按鈕。在文件夾列表里有一個網(wǎng)頁文件，名字叫做“index.htm”。我們知道，每一個站點都要有一個主頁，這個主頁也是一個網(wǎng)頁文件。瀏覽者訪問站點時首先進(jìn)入的就是站點的主頁。主頁的名字在一般情況下就叫做“index.htm”。就是說我們新建只包含一個網(wǎng)頁的站點時，F(xiàn)RONTPAGE就自動為我們創(chuàng)建了站點的主頁了。這個新建的站點主頁時空的，我們可以向里面添加內(nèi)容。

在文件列表里除了主頁之外，還有文件夾。新建站點時，F(xiàn)RONTPAGE都會在站點所在位置下新建兩個文件夾，一個是“images”另一個是“_private”。我們在編輯站點時可以在“image”文件夾里放置站點用到的圖片?！皃rivate”文件夾比較特殊，其中的文件對瀏覽者來說是隱含的，我們可以把一些不想讓瀏覽者看到的網(wǎng)頁文件放在這個文件夾里，比如：我們可以在這個文件夾里存放注冊用戶的個人信息。

盡管每一個站點都要有一個主頁，不過創(chuàng)建站點時我們?nèi)匀豢梢詮囊粋€空站點開始：選擇“文件”菜單的“新建”命令，單擊“站點”選項，在“新建站點”對話框里，我們可以選擇“空站點”圖標(biāo)來創(chuàng)建一個空站點?！靶陆ㄕ军c”對話框中還有許多其他圖標(biāo)，這是FRONTPAGE提供的用來創(chuàng)建站點模板或向?qū)?。我們?chuàng)建只有一個網(wǎng)頁的站點或者創(chuàng)建空站點，都是從頭開始來創(chuàng)建一個站點，這就好像蓋房子一樣，首先畫圖紙。然而，有許多的房子都具有相似的結(jié)構(gòu)和用途，所以我們可以用一張圖紙蓋很多相似的房子，這樣就節(jié)省了許多工作。

同樣的，盡管站點的風(fēng)格千差萬別但是有許多站點的功能和結(jié)構(gòu)都是一樣的，如果我們從頭開始建立站點的話，就要做許多重復(fù)勞動，這時，我們就可以使用模板或向?qū)斫⒄军c。模板和向?qū)У淖饔镁秃孟裆w房子的圖紙一樣，我們不必每次建立站點時都從頭開始。我們單擊“個人站點”圖標(biāo)，用它可以迅速創(chuàng)建一個個人站點，輸入站點所在的位置，單擊“確定”按鈕，這樣我們剛就創(chuàng)建了個人站點。個人站點模板已經(jīng)為我們規(guī)劃好了站點的目錄和建立了相關(guān)的頁面?，F(xiàn)在我們點擊一下“文件夾”按鈕，雙擊index.htm圖標(biāo)，看，這就是我們的個人站點的主頁。哎，好象有許多文字都不對，沒關(guān)系，這些文字都是可以改變的，現(xiàn)在寫的是文字的用途，比如“主題”文字就是用來寫網(wǎng)站標(biāo)題的地方，我們只要把它改為自己喜歡的標(biāo)題就可以了。返回到“文件夾”模式，雙擊photo.htm。也可以把風(fēng)景圖片換成自己的照片，只要在新建站點的基礎(chǔ)上進(jìn)一步修改就可以做出自己的個人站點了。這不僅節(jié)省了許多力氣，同時也給了初學(xué)者一個良好的出發(fā)點。

那么模板和向?qū)в惺裁磪^(qū)別呢？我們安裝軟件時，一步步的用對話框提示我們完成安裝過程的程序就是一個向?qū)АＴ贔RONTPAGE里，向?qū)б彩且环N模板，不過它是一種特殊的模板，它會以對話框的形式輔助你完成站點的創(chuàng)建過程。

現(xiàn)在我們選擇“文件”菜單的“新建”選項，單擊“站點”命令，你看，F(xiàn)RONTPAGE提供了兩個向?qū)В汗菊故鞠驅(qū)?、討論站點向?qū)?，使用起來都很方便，你有興趣也可以利用向?qū)Ы⒁粋€站點。

創(chuàng)建頁面最簡單的就是單擊FRONTPAGE“常用”工具欄的“新建”按鈕。它的右方有一個向下的小箭頭，它是用來選擇要新建什么，可以用“新建”按鈕新建網(wǎng)頁、站點、文件夾和任務(wù)。默認(rèn)狀態(tài)下是新建網(wǎng)頁。

如果要新建網(wǎng)頁，可以不用向下箭頭鍵選擇，而直接單擊“新建”按鈕。不過使用文件菜單的“新建”命令來新建網(wǎng)頁能夠有更大的選擇。單擊文件菜單的“新建”命令，選擇“新建網(wǎng)頁”，在“新建”對話框里，可以看到FRONTPAGE提供的許多網(wǎng)頁模板，我們可以用這些模板來建立相應(yīng)的網(wǎng)頁。在右下角的預(yù)覽框里可以看到選中模板的外觀。選擇“兩欄正文”網(wǎng)頁，這樣就創(chuàng)建了一個新的分為兩欄的網(wǎng)頁了。然后點確定。使用模板可以不用總是從空白網(wǎng)頁開始編輯，這樣就省力很多。

網(wǎng)上幾乎所以的網(wǎng)頁都使用圖片加以點綴，在網(wǎng)頁中插入適當(dāng)?shù)膱D片，能夠產(chǎn)生圖文并茂的效果。

如果有一個圖形，怎么把它放到網(wǎng)頁上呢？

首先要看你的圖形是什么格式的，也就是它擴(kuò)展名是什么 只有擴(kuò)展名為GIF和JPEG的圖形文件才能成為我們的頁面的一部分。因為這兩種圖形格式不僅廣泛，而且有利于節(jié)省存貯空間。如果圖形不是這種格式，使用了其它格式的圖形文件，在保存網(wǎng)頁時FRONTPAGE會提示做格式轉(zhuǎn)換，F(xiàn)RONTPAGE可以自動進(jìn)行格式轉(zhuǎn)換。

現(xiàn)在可我們看看怎么插入圖形 選擇“插入”菜單的“圖片”命令，單擊“來自文件”按鈕。

在默認(rèn)情況下，F(xiàn)RONTPAGE認(rèn)為你要插入的圖片總是放在你建立的站點的目錄或它的子目錄下的?？梢哉f,站點就是一個目錄。我們把編輯的許多網(wǎng)頁文件放在同一個目錄下，我們稱這個目錄為站點的主目錄。這些網(wǎng)頁引用的圖形一般也放在這個目錄下。當(dāng)然，我們也可以在這個目錄下建立其他的子目錄，再把所有的圖形放在子目錄里。所以搜索下拉列表只允許在主目錄和主目錄下的子目錄進(jìn)行選擇。

如果要插入的圖片不在主目錄下, 在“選擇文件”對話框中進(jìn)行選擇。選擇好文件以后，單擊“確定”按鈕，回到“圖形”對話框。單擊“確定”按鈕，圖形就插入了。現(xiàn)在單擊“常用”工具欄的“保存”按鈕。在“另存為”對話框中輸入新的web頁文件的名字，單擊“保存”按鈕。出現(xiàn)了一個對話框, 因為我們剛才插入的文件不在站點內(nèi)，現(xiàn)在FRONTPAGE要把它復(fù)制到站點內(nèi)，可是使用什么名字，放在站點的哪個目錄下呢，就要在這設(shè)置了，單擊“改變文件夾”按鈕，另外這兒還在需要時對圖形的格式進(jìn)行轉(zhuǎn)換。單擊“位置”按鈕，在默認(rèn)情況下，圖形被保存在站點的主目錄下，現(xiàn)在我們選擇IMAGE目錄，單擊“確定”按鈕?；氐健扒度胧轿募贝翱?，再單擊“確定”。這樣，圖形就保存在站點內(nèi)了

我們還可以從INTERNET上插入一個圖形。選擇“插入”菜單的“圖片”命令，在URL欄內(nèi)輸入圖片的地址，單擊“確定”按鈕。由于是插入網(wǎng)上的圖片，因此在插入圖形以后，應(yīng)該保存一下網(wǎng)頁，使圖形存到站點內(nèi)。

您可能說,我不會畫畫，插入圖片容易，可是編輯圖片就不容易了。沒關(guān)系，F(xiàn)RONTPAGE自己帶有許多剪貼畫，你可以把它們插入到自己的網(wǎng)頁。選擇“插入”菜單的“圖片”命令，選擇“剪貼畫”。你看，各種剪貼畫都分類放好了。你可以自由地選

擇。不過，插入后別忘了保存網(wǎng)頁，把剪貼畫復(fù)制到站點目錄下。

一般我們插入的圖形總是和文本在一起的，所以調(diào)整圖形和文本的對齊方式很重要。在默認(rèn)情況下，圖形自動與文本的底部對齊。這一個網(wǎng)頁，由于默認(rèn)的對齊效果，頁面出現(xiàn)了大量的空白。這時就要調(diào)整圖形的對齊屬性。在圖形上單擊鼠標(biāo)右鍵，選擇“圖片屬性”，選擇“外觀”選項卡我們把對齊方式調(diào)整為“左對齊”。使用圖形可以使網(wǎng)頁更加豐富多彩，而且我們還可以用圖形來建立超鏈接，使網(wǎng)頁相互聯(lián)系起來。怎么用圖形來建立鏈接呢？ 其實圖形超鏈接只要在建立超鏈接時選擇圖形就可以了。首先選中超鏈接的圖形，單擊箭頭圖形，單擊“常用”工具欄“超鏈接”按鈕，選擇主頁文件“頁面

1.htm”，單擊“確定”按鈕.在普通模式中，按住CTRL鍵，單擊箭頭圖形，就跳到主頁頁面了。

如果我們要在圖片上加上文字，單擊圖形工具欄“文本”按鈕，現(xiàn)在圖形中就出現(xiàn)了一個文本框，輸入：“機(jī)軟件”按一下Esc鍵，取消文字編輯，就選中文字框了，調(diào)整文本框到合適的位置，單擊頁面其他區(qū)域，文字就添加成功了。

如果我要修改 單擊一下要修改的文字，這時文字作為一個整體被選中了，再點一下文字，這時文本框里有光標(biāo)閃爍，你可以編輯文本了，重新輸入：“計算機(jī)硬件”，在頁面其他區(qū)域單擊。文字就修改完成了。

怎樣使文字更豐富、活潑呢？一個簡單的就是使用“格式”工具欄。

字體設(shè)置：選上文字，打開格式工具欄的“字體”下拉列表框，在里面選擇相應(yīng)的字體就可以了。如果瀏覽網(wǎng)頁的人使用的計算機(jī)沒有設(shè)置的字體？瀏覽器會用系統(tǒng)默認(rèn)的字體代替你設(shè)置的字體。不過，使用常用字體是一個好習(xí)慣。

字號設(shè)置：在“格式”工具欄“字號”下拉列表框中選擇相應(yīng)字體就可以了

工具欄上的B、I、U圖標(biāo)的作用是：

按下B按鈕，被選中的文字就會變?yōu)榇煮w

按下I按鈕，被選中的文字就會變?yōu)樾斌w

按下u按鈕，被選中的文字就會帶下畫線

字的顏色：單擊“格式”工具欄“字體顏色”按鈕旁的向下箭頭，選擇適當(dāng)?shù)念伾?，字的顏色就改變了?/p>

還可以對字體進(jìn)行一些其他設(shè)置。選擇“格式”菜單的“字體”命令，在這里我們還可以作進(jìn)一步的設(shè)置。這里除了“格式”工具欄可以做的設(shè)置以外，還可以設(shè)置許多效果?！白址g距”選項卡：它是用來設(shè)置文字的間距的。單擊“間距”下拉列表，可以選擇字符的間距是普通、擴(kuò)充還是緊縮的。選擇擴(kuò)充，這時預(yù)覽框的文字間距就變大了。也可以調(diào)整間距大小來改變間距，輸入10，文字的間距就更大了。

“定位”下拉列表：在FRONTPAGE中每一行都有一個底線，定位就是指文字相對于底線的距離。也就是把文字上下移動，現(xiàn)在選擇“上移”，文字就向上移動了。預(yù)覽框中的黑線就是行的底線。

設(shè)計好的頁面，應(yīng)該檢查它在瀏覽器中是否顯示正常。

方法是，一般只要切換到預(yù)覽模式就可以了。單擊“預(yù)覽”選項卡，在這個預(yù)覽模式下的顯示和在瀏覽器中的顯示是一樣的。但這并不意味著我們就不必用瀏覽器來檢查編輯的網(wǎng)頁了。因為即使是同一個頁面，可能在不同的瀏覽器中顯示會不太一樣。比如在INTERNET EXPLORER中是這樣顯示的，但是在NETSCAPE中又是那樣顯示的。所以，我們要在自己的機(jī)器上多裝幾個瀏覽器，用來檢查網(wǎng)頁的兼容性。

那么為什么不用不同的瀏覽器來檢查呢？選擇“文件”菜單的“在瀏覽器中預(yù)覽”選項，在瀏覽器列表框中選擇不同的瀏覽器。（以INTERNET EXPLORER 5.0為例）單擊“確定”

按鈕。就可以看到新建頁面在瀏覽器中的效果了。

怎樣才能自己做的網(wǎng)頁相互聯(lián)系起來呢?也就是說讓別人點頁面上的圖形或文本就跳轉(zhuǎn)到其他頁面呢？

在網(wǎng)頁里，我們把這種點擊后會進(jìn)行頁面切換的網(wǎng)頁界面元素叫超鏈接。先來看一下用文字來建立鏈接。

首先創(chuàng)建一個指向站點內(nèi)其他網(wǎng)頁的超鏈接。

選擇“插入”菜單的“超鏈接”命令，在文件列表框內(nèi)選擇“頁面1.htm”文件，注意在URL文本框中顯示了該文件的地址。單擊“確定”按鈕.超鏈接就制作成功了。我們切換到預(yù)覽模式（單擊預(yù)覽按鈕），當(dāng)我們把鼠標(biāo)指向“主頁”兩字時鼠標(biāo)變成手形，單擊它，我們就切換到主頁了。

那么為什么不在普通模式下試呢？：因為普通模式主要是用來編輯網(wǎng)頁的，當(dāng)我們在普通模式把鼠標(biāo)指向“主頁”兩字時鼠標(biāo)沒有變成小手狀，因此不能進(jìn)行頁面切換。不過如果按住CTRL鍵，鼠標(biāo)就變成了小手狀。這時單擊就可以進(jìn)行切換了。也就是說在普通模式中按住CTRL鍵才能激活超鏈接。

我們也可以將超鏈接指向其他站點的網(wǎng)頁。選中作為超鏈接的文本，單擊“常用”工具欄的“超鏈接”按鈕，這和選擇插入菜單的超鏈接命令是一樣的。在“創(chuàng)建超鏈接”對話框里，在URL地址欄直接輸入要連接的網(wǎng)頁或網(wǎng)站的地址。如果不清楚要作超鏈接的地址，只要單擊URL地址框后面的放大鏡就可以用瀏覽器在INTERNET上查找要鏈接的網(wǎng)頁，F(xiàn)RONTPAGE會自動記錄你找到的地址。單擊“確定”按鈕就可以了。我們還可以改變已經(jīng)設(shè)置好的超鏈接。首先確認(rèn)是普通模式，在要改變的超鏈接下單擊鼠標(biāo)右鍵，選擇“超鏈接屬性”命令，輸入新的URL地址就可以了。要想取消超鏈接，刪除所有URL地址框里的就可以了。還有一種超鏈接，可以鏈接郵件。這樣可以使你的網(wǎng)上朋友通過Email及時與你聯(lián)系，這是一個網(wǎng)站站長和網(wǎng)友交流的重要手段。先選中要作為超鏈接的文本，一般文本就是你的郵箱地址，單擊“超鏈接”按鈕，單擊“信封”按鈕，輸入你的郵箱地址，單擊“確定”按鈕，退出對話框，選擇“確定”，這時超鏈接就建立好了。我們試一下，切換到預(yù)覽模式，單擊郵件鏈接。

這樣我們就差不多完成了網(wǎng)頁的制作步驟，最后可將它發(fā)布到Web服務(wù)器上。站點發(fā)布前還要對它進(jìn)行檢查工作，包括超鏈接，頁面等。

【】

〈1〉喬春源，樊天岳等。信息技術(shù)。江蘇技術(shù)出版社，2001年7月。

〈2〉李振格。Office入門與提高。清華大學(xué)出版社，2001年2月。

〈3〉王超鋒。網(wǎng)頁制作。人民郵電出版社，2001年10月。

第三篇：frontpage網(wǎng)頁制作教案

Frontpage網(wǎng)頁制作導(dǎo)學(xué)案

青州一中

劉志韓

文件——新建——網(wǎng)頁 【學(xué)習(xí)目標(biāo)】

1、包括網(wǎng)頁制作基礎(chǔ)知識

2、站點的規(guī)劃和創(chuàng)建

3、網(wǎng)頁文本和圖片的處理、表格和框架的應(yīng)用 【學(xué)習(xí)重難點】

1、建立一個主題網(wǎng)站

2、建設(shè)一個網(wǎng)站的步驟

3、網(wǎng)頁的美化與特效的制作 【課前預(yù)習(xí)】

思考一下多媒體信息集成的方式有哪些？

【自主學(xué)習(xí)】

1、在www中，________是信息的主要組織和表現(xiàn)形式。

2、用________語言編寫的網(wǎng)頁實際上是一種文本文件，以.HTML或者.HTM為擴(kuò)展名，可以使用任何文本處理軟件（如記事本、word等）創(chuàng)作或修改。

3、制作網(wǎng)頁常用的軟件有_________________和_________________。

4、網(wǎng)頁文件的擴(kuò)展名有哪些？

5、網(wǎng)站開發(fā)的基本過程：

網(wǎng)站的規(guī)劃——（）——（）——網(wǎng)站的發(fā)布與管理——網(wǎng)站的評價 【合作探究與指導(dǎo)】

三、網(wǎng)站的制作

1、創(chuàng)建站點

文件——新建——站點（選擇或創(chuàng)建存儲站點的文件夾）

2、網(wǎng)頁的創(chuàng)建與編輯

3、插入對象 水平線 圖片 字幕 懸停按鈕

4、創(chuàng)建超級鏈接

在對象上右擊選擇超級鏈接——選擇鏈接的目標(biāo)。

5、使用表格

表格——插入（在制作網(wǎng)頁的過程中用表格來布局網(wǎng)頁）

6、在站點中查看網(wǎng)頁的編輯及網(wǎng)頁之間的鏈接情況。

分步驟操作練習(xí)題：

1、新建一個站點，只有一個空白網(wǎng)頁的站點。

2、在首頁上插入“我最喜愛的明星”，然后進(jìn)行修飾。

3、再新建一個空白網(wǎng)頁。重新命名為“周杰倫”。

4、插入圖片“周杰倫”，文本“周杰倫”，排版設(shè)置后保存網(wǎng)頁。

5、再建立一張空白的網(wǎng)頁，重新命名為“劉亦菲”。

6、插入圖片“劉亦菲”，文本“劉亦菲”，排版設(shè)置后保存網(wǎng)頁。

7、分別在首頁和“周杰倫”“劉亦菲”網(wǎng)頁建立超級鏈接。操作練習(xí)： 【拓展任務(wù)】

以環(huán)保為主題，利用文件夾“環(huán)保”中的素材，制作一個5頁的網(wǎng)站。

【當(dāng)堂檢測】

1.在網(wǎng)頁制作中，我們經(jīng)常用下列（）辦法進(jìn)行頁面布局。

A.文字

B.表格

C.表單

D.圖片 2.使用瀏覽器訪問網(wǎng)站時，第一個被訪問的網(wǎng)頁稱為（）。

A.網(wǎng)頁

B.網(wǎng)站

C.HTML語言

D.主頁 3.網(wǎng)頁中可使我們進(jìn)行選擇性瀏覽的稱為（）。

A.文字

B.圖片

C.聲音

D.超鏈接

4.在FrontPage2000中，要建立同一個網(wǎng)頁內(nèi)的鏈接點，讓你點選某一鏈接后，迅速跳到同一網(wǎng)頁內(nèi)的另一個特定位置，應(yīng)采用（）鏈接。

A.單元格

B.表單

C.書簽

D.表格 5.FrontPage 2000中，下述關(guān)于圖片與鏈接的關(guān)系表述正確的是（）。

A.圖片不能建立鏈接

B.一張圖片只能建立一個鏈接

C.圖片要建立鏈接需經(jīng)過處理

D.通過設(shè)置熱區(qū)，一張圖片可建立多個鏈接 6.在FrontPage 2000“網(wǎng)頁”視圖模式下，單擊“普通”標(biāo)簽后，在出現(xiàn)的“普通”窗口中，可直接進(jìn)行（）。

A.網(wǎng)頁編排

B.觀察網(wǎng)頁在瀏覽器中的效果

C.編輯HTML代碼

D.下載圖片 7.網(wǎng)頁制作的超文本標(biāo)記語言稱為（）。

A.VB語言

B.HTML語言

C.BASIC語言

D.ASCII 8.在Frontpage2000網(wǎng)頁視圖方式下，單擊（）標(biāo)簽可直接編輯HTML代碼？

A.普通

B.HTML

C.預(yù)覽

D.編輯 9.在FrontPage 2000中，我們想要文字左右交替移動的效果，是下列（）效果。

A.字體

B.DHTML效果

C.字幕

D.懸停按鈕 10.在FrontPage 2000表格單元格中，（）項目不能輸入。

A.表格

B.圖形

C.背景

D.聲音

作業(yè)：以我們寒假生活為主題，從互聯(lián)網(wǎng)上搜索的素材制作一個網(wǎng)站。

【閱讀材料】

網(wǎng)站設(shè)計

建立一個網(wǎng)站就像蓋一幢大樓一樣，它是一個系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設(shè)計出一個滿意的網(wǎng)站。

一、確定網(wǎng)站主題

網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個網(wǎng)站必須要有一個明確的主題。特別是對于個人網(wǎng)站，必須要找準(zhǔn)一個自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。

二、搜集材料

明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。

三、規(guī)劃網(wǎng)站

網(wǎng)站設(shè)計得成功與否，很大程度上決定于設(shè)計者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計師設(shè)計大樓一樣，圖紙設(shè)計好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。

四、選擇合適的制作工具

網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，目前大多數(shù)網(wǎng)民選用的都是所見即所得的編輯工具，這其中的優(yōu)秀者當(dāng)然是Dreamweaver和Frontpage了，如果是初學(xué)者，F(xiàn)rontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫制作工具，如Flash、Cool 3d、Gif Animator等；還有網(wǎng)頁特效工具，如有聲有色等，五、制作網(wǎng)頁

材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了，這是一個復(fù)雜而細(xì)致的過程，一定要按照先大后小、先簡單后復(fù)雜來進(jìn)行制作。

六、上傳測試

網(wǎng)頁制作完畢，最后要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，利用這些FTP工具，你可以很方便地把網(wǎng)站發(fā)布到自己申請的主頁存放服務(wù)器上。網(wǎng)站上傳以后，你要在瀏覽器中打開自己的網(wǎng)站，逐頁逐個鏈接的進(jìn)行測試，發(fā)現(xiàn)問題，及時修改，然后再上傳測試。

七、推廣宣傳

網(wǎng)頁做好之后，還要不斷地進(jìn)行宣傳，這樣才能讓更多的朋友認(rèn)識它，提高網(wǎng)站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網(wǎng)站交換鏈接、加入廣告鏈等。

八、維護(hù)更新

第四篇：《網(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)代特點，從Internet的基礎(chǔ)知識入手，重點介紹HTML超文本標(biāo)記語言，以及所見即所得的網(wǎng)頁設(shè)計制作工具Dreamweaver的基本操作流程。從靜態(tài)頁面到動態(tài)頁面由淺入深的介紹網(wǎng)頁設(shè)計與制作全過程。采用案例分析和親自實踐的方式突出、突破課程的重點和難點。并指導(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è)計原理及實戰(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ā)布站點

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

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

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

四、實驗教學(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é)時，實驗：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ō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)容、要點和課時安排

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

2．Dreamweaver MX的工作界面介紹

3．窗口和面板

4．Dreamweaver MX的新特性

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

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

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

2學(xué)時

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

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

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

要求：學(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)建圖像地圖等方法。實現(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．框架及框架頁綜合實例

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

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

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

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

要求：重點掌握如何創(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．顯示隱藏層實例

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

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

2學(xué)時

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

第十一章 行為

1．什么是行為

2．行為面板的用法

3．行為的基本操作

4．使用Dreamweaver自帶的行為

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

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

第十二章 時間軸與動畫

1．時間軸面板

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

3．修改時間軸

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

6．在時間軸中使用行為

7．時間軸動畫實例

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

第十三章 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ù)器行為的功能，重點掌握如何定義記錄集和應(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)用模板更新站點 6．庫的使用

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

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

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

3．代碼片斷的使用

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

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

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

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

4學(xué)時

2學(xué)時

三、教學(xué)方法

要求：

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

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

四、成績考核方法：

要求：

1、課后試驗作業(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í)筆人： 審訂人：