FrontPage2003網(wǎng)頁(yè)制作

1、任務(wù)一任務(wù)一 制作簡(jiǎn)單網(wǎng)頁(yè)制作簡(jiǎn)單網(wǎng)頁(yè)任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建單的創(chuàng)建我們很多人都喜歡上網(wǎng)沖浪，甚至于夢(mèng)想著我們很多人都喜歡上網(wǎng)沖浪，甚至于夢(mèng)想著有一天自己也能擁有一個(gè)個(gè)人網(wǎng)站，可是，有一天自己也能擁有一個(gè)個(gè)人網(wǎng)站，可是，怎樣制作網(wǎng)站呢？我們可能還從未曾真正的怎樣制作網(wǎng)站呢？我們可能還從未曾真正的知道知道,而而FrontPage就可以幫助我們完成我們就可以幫助我們完成我們的小小愿望。的小小愿望。任務(wù)引入任務(wù)引入學(xué)習(xí)內(nèi)容學(xué)習(xí)內(nèi)容FrontPage的主要功能。的主要功能。FrontPage的啟動(dòng)與退出。的啟動(dòng)與退出。網(wǎng)頁(yè)與網(wǎng)站的關(guān)系。網(wǎng)頁(yè)與網(wǎng)站的關(guān)系。Front

2、Page的三種編輯方式（普通、的三種編輯方式（普通、HTML、預(yù)覽）以及三種編輯方、預(yù)覽）以及三種編輯方式的不同用途。式的不同用途。FrontPage中的中的6種視圖，即網(wǎng)頁(yè)視圖、報(bào)表視圖、導(dǎo)航視圖、超鏈種視圖，即網(wǎng)頁(yè)視圖、報(bào)表視圖、導(dǎo)航視圖、超鏈接視圖、任務(wù)視圖，以及各種視圖的作用和操作特點(diǎn)。接視圖、任務(wù)視圖，以及各種視圖的作用和操作特點(diǎn)。創(chuàng)建站點(diǎn)：了解站點(diǎn)的概念，掌握創(chuàng)建站點(diǎn)的方法。創(chuàng)建站點(diǎn)：了解站點(diǎn)的概念，掌握創(chuàng)建站點(diǎn)的方法。網(wǎng)頁(yè)編輯：新建網(wǎng)頁(yè)、打開(kāi)網(wǎng)頁(yè)、設(shè)置文字格式、設(shè)置網(wǎng)頁(yè)屬性、網(wǎng)頁(yè)編輯：新建網(wǎng)頁(yè)、打開(kāi)網(wǎng)頁(yè)、設(shè)置文字格式、設(shè)置網(wǎng)頁(yè)屬性、網(wǎng)頁(yè)預(yù)覽。網(wǎng)頁(yè)預(yù)覽。插入對(duì)象：插入文本、水平線、

3、圖片、字幕、表格等。插入對(duì)象：插入文本、水平線、圖片、字幕、表格等。超鏈接：創(chuàng)建超鏈接。超鏈接：創(chuàng)建超鏈接。 在在Office 2003套裝軟件中，套裝軟件中，F(xiàn)rontPage2003已不再是其中的一個(gè)組件，而是被分離出來(lái)。已不再是其中的一個(gè)組件，而是被分離出來(lái)。FrontPage2003的安裝、啟動(dòng)和退出方法都同的安裝、啟動(dòng)和退出方法都同Office系列的其它軟件基本相同系列的其它軟件基本相同 。 FrontPage 2003提供了六種視圖模式，提供了六種視圖模式，即網(wǎng)頁(yè)視圖、文件夾視圖、報(bào)表視圖、導(dǎo)即網(wǎng)頁(yè)視圖、文件夾視圖、報(bào)表視圖、導(dǎo)航視圖、超鏈接視圖和任務(wù)視圖。它們是航視圖、超鏈接視圖

4、和任務(wù)視圖。它們是用戶進(jìn)行網(wǎng)站設(shè)計(jì)的有力工具，靈活運(yùn)用用戶進(jìn)行網(wǎng)站設(shè)計(jì)的有力工具，靈活運(yùn)用視圖模式，將極大地方便設(shè)計(jì)操作和網(wǎng)站視圖模式，將極大地方便設(shè)計(jì)操作和網(wǎng)站管理。管理。一、一、網(wǎng)頁(yè)視圖網(wǎng)頁(yè)視圖 網(wǎng)頁(yè)視圖為網(wǎng)頁(yè)的設(shè)計(jì)提供了一個(gè)工作網(wǎng)頁(yè)視圖為網(wǎng)頁(yè)的設(shè)計(jì)提供了一個(gè)工作場(chǎng)所，可以在這個(gè)環(huán)境下對(duì)網(wǎng)頁(yè)進(jìn)行設(shè)計(jì)場(chǎng)所，可以在這個(gè)環(huán)境下對(duì)網(wǎng)頁(yè)進(jìn)行設(shè)計(jì)和修改。和修改。二、文件夾視圖二、文件夾視圖 打開(kāi)一個(gè)網(wǎng)頁(yè)后，系統(tǒng)默認(rèn)是以文件夾打開(kāi)一個(gè)網(wǎng)頁(yè)后，系統(tǒng)默認(rèn)是以文件夾視圖來(lái)顯示的，文件夾視圖與視圖來(lái)顯示的，文件夾視圖與Windows中中的資源管理器相似，它能夠顯示當(dāng)前的的資源管理器相似，它能夠顯示當(dāng)前的Web中

5、的內(nèi)容是如何組織的。中的內(nèi)容是如何組織的。 三、三、報(bào)表視圖報(bào)表視圖 報(bào)表視圖相當(dāng)于屬性檢查，它能給出當(dāng)報(bào)表視圖相當(dāng)于屬性檢查，它能給出當(dāng)前網(wǎng)站的有關(guān)屬性。靈活應(yīng)用報(bào)表視圖能前網(wǎng)站的有關(guān)屬性。靈活應(yīng)用報(bào)表視圖能夠使用戶方便地了解網(wǎng)頁(yè)的屬性，便于把夠使用戶方便地了解網(wǎng)頁(yè)的屬性，便于把握和修改網(wǎng)頁(yè)。握和修改網(wǎng)頁(yè)。 四、導(dǎo)航視圖四、導(dǎo)航視圖 導(dǎo)航視圖清楚地顯示了導(dǎo)航視圖清楚地顯示了Web的結(jié)構(gòu)，用的結(jié)構(gòu)，用戶可以從中了解到網(wǎng)站中各部分之間的邏戶可以從中了解到網(wǎng)站中各部分之間的邏輯關(guān)系，它反映了網(wǎng)站的整個(gè)脈絡(luò)。輯關(guān)系，它反映了網(wǎng)站的整個(gè)脈絡(luò)。 五、五、超鏈接視圖超鏈接視圖 超鏈接視圖以圖形化的界面顯示

6、了當(dāng)前超鏈接視圖以圖形化的界面顯示了當(dāng)前網(wǎng)頁(yè)和其他文件之間的超鏈接關(guān)系，也可網(wǎng)頁(yè)和其他文件之間的超鏈接關(guān)系，也可以顯示網(wǎng)站與網(wǎng)站之間的超鏈接。以顯示網(wǎng)站與網(wǎng)站之間的超鏈接。 六、任務(wù)視圖六、任務(wù)視圖 任務(wù)視圖用任務(wù)列表的方式對(duì)任務(wù)進(jìn)行任務(wù)視圖用任務(wù)列表的方式對(duì)任務(wù)進(jìn)行管理，操作人員可以把詳細(xì)的任務(wù)放在任管理，操作人員可以把詳細(xì)的任務(wù)放在任務(wù)列表中，這樣它就會(huì)提醒設(shè)計(jì)人員需要?jiǎng)?wù)列表中，這樣它就會(huì)提醒設(shè)計(jì)人員需要完成哪些任務(wù)，還剩哪些任務(wù)沒(méi)有完成。完成哪些任務(wù)，還剩哪些任務(wù)沒(méi)有完成。啟動(dòng)啟動(dòng)FrontPage2003 單擊任務(wù)欄上的單擊任務(wù)欄上的“開(kāi)始開(kāi)始”按鈕，指向按鈕，指向“程序程序”，單擊，

7、單擊 “Microsoft FrontPage”啟動(dòng)啟動(dòng)FrontPage2003。新建站點(diǎn)新建站點(diǎn)選擇選擇“文件文件”菜單中的菜單中的“新建新建”“”“站點(diǎn)站點(diǎn)”命令，指定站點(diǎn)的位命令，指定站點(diǎn)的位置，建立站點(diǎn)置，建立站點(diǎn)Web1,FrontPage2003默認(rèn)建立主頁(yè)（默認(rèn)建立主頁(yè)（index.htm）。）。在站點(diǎn)中新建網(wǎng)頁(yè)：在站點(diǎn)中新建網(wǎng)頁(yè)：選擇選擇“文件文件”菜單中的菜單中的“新建新建”“”“網(wǎng)頁(yè)網(wǎng)頁(yè)”命令，新建網(wǎng)頁(yè)。命令，新建網(wǎng)頁(yè)。( (默認(rèn)：默認(rèn)：New Page 1)New Page 1) 插入水平線：將插入點(diǎn)置于適當(dāng)位置，使用插入水平線：將插入點(diǎn)置于適當(dāng)位置，使用“插入插入”菜

8、單中的菜單中的“水平水平線線”命令插入水平線。右鍵單擊插入的水平線，選擇命令插入水平線。右鍵單擊插入的水平線，選擇“水平線屬性水平線屬性”命令，可以在彈出的命令，可以在彈出的“水平線屬性水平線屬性”對(duì)話框中修改水平線的屬性。對(duì)話框中修改水平線的屬性。 插入表格：插入表格： 選擇選擇“表格表格”菜單中的菜單中的“插入表格插入表格”命令，命令， 或者選擇或者選擇“表格表格/手繪表格手繪表格”命令，命令， 或者使用工具欄中的或者使用工具欄中的“插入表格插入表格”按鈕，在插入點(diǎn)處建立一個(gè)兩列按鈕，在插入點(diǎn)處建立一個(gè)兩列多行的表格，以便下面使用表格定位文字和圖片。多行的表格，以便下面使用表格定位文字和圖

9、片。 在表格中插入文字和圖片：選取合適的文字和圖片素材，分別插入到在表格中插入文字和圖片：選取合適的文字和圖片素材，分別插入到表格的單元格中，調(diào)整單元格的寬度和高度屬性直至合適。表格的單元格中，調(diào)整單元格的寬度和高度屬性直至合適。 預(yù)覽和保存網(wǎng)頁(yè)：預(yù)覽和保存網(wǎng)頁(yè)：切換到預(yù)覽視圖可以切換到預(yù)覽視圖可以查看網(wǎng)頁(yè)的效果。制查看網(wǎng)頁(yè)的效果。制作完成后，保存網(wǎng)頁(yè)作完成后，保存網(wǎng)頁(yè)為為“歷屆奧運(yùn)吉祥物歷屆奧運(yùn)吉祥物.htm，注意設(shè)置合，注意設(shè)置合適的網(wǎng)頁(yè)標(biāo)題。保存適的網(wǎng)頁(yè)標(biāo)題。保存后，在瀏覽器中打開(kāi)后，在瀏覽器中打開(kāi)并瀏覽該網(wǎng)頁(yè)。并瀏覽該網(wǎng)頁(yè)。 在窗口左側(cè)的文件夾列表中，雙擊網(wǎng)頁(yè)文件在窗口左側(cè)的文件夾列表

10、中，雙擊網(wǎng)頁(yè)文件“index.htm”，打開(kāi)并，打開(kāi)并編輯該網(wǎng)頁(yè)文件。輸入標(biāo)題編輯該網(wǎng)頁(yè)文件。輸入標(biāo)題“歷屆奧運(yùn)會(huì)吉祥物歷屆奧運(yùn)會(huì)吉祥物”，利用，利用“格式格式”工具欄中的工具欄中的“樣式樣式”將其設(shè)置為將其設(shè)置為“標(biāo)題一標(biāo)題一”，并設(shè)，并設(shè)“對(duì)齊方式對(duì)齊方式”為為“水平居中水平居中”。 選擇選擇“插入插入”菜單中的菜單中的“水平線水平線”命令，插入水平線。雙擊水平線，在命令，插入水平線。雙擊水平線，在打開(kāi)的打開(kāi)的“水平線屬性水平線屬性”對(duì)話框中設(shè)置其屬性。輸入文字對(duì)話框中設(shè)置其屬性。輸入文字“北京北京2008奧奧運(yùn)吉祥物及歷屆奧運(yùn)吉祥物運(yùn)吉祥物及歷屆奧運(yùn)吉祥物”，并在兩段文字后分別插入圖片，

11、并在兩段文字后分別插入圖片“福娃貝福娃貝貝貝”和和“2004年奧運(yùn)吉祥物年奧運(yùn)吉祥物”。 插入超鏈接插入超鏈接 第一步：選擇文字第一步：選擇文字“北京北京2008奧運(yùn)吉祥物奧運(yùn)吉祥物”。第二步：利用第二步：利用“插入插入”菜單或右鍵菜單中菜單或右鍵菜單中“創(chuàng)建超鏈接創(chuàng)建超鏈接”命令，打開(kāi)命令，打開(kāi)“創(chuàng)建超鏈接創(chuàng)建超鏈接”對(duì)話框。對(duì)話框。 插入超鏈接插入超鏈接:第三步：在第三步：在“創(chuàng)建超鏈接創(chuàng)建超鏈接”對(duì)話框?qū)υ捒蛑羞x擇網(wǎng)頁(yè)中選擇網(wǎng)頁(yè)“2008奧運(yùn)吉祥物奧運(yùn)吉祥物.htm”，該網(wǎng)頁(yè)在任務(wù)二中已創(chuàng)，該網(wǎng)頁(yè)在任務(wù)二中已創(chuàng)建。建。第四步：?jiǎn)螕舻谒牟剑簡(jiǎn)螕簟按_定確定”按鈕，完成按鈕，完成超鏈接的添加。

12、超鏈接的添加。 第五步：為圖片第五步：為圖片“福娃貝貝福娃貝貝”設(shè)置設(shè)置超鏈接，指向網(wǎng)頁(yè)超鏈接，指向網(wǎng)頁(yè)“2008奧運(yùn)吉祥奧運(yùn)吉祥物物.htm”；為文字；為文字“歷屆奧運(yùn)吉祥物歷屆奧運(yùn)吉祥物”和圖片和圖片“2004年奧運(yùn)吉祥物年奧運(yùn)吉祥物”添添加超鏈接，鏈接到任務(wù)二創(chuàng)建的網(wǎng)加超鏈接，鏈接到任務(wù)二創(chuàng)建的網(wǎng)頁(yè)頁(yè)“歷屆奧運(yùn)吉祥物歷屆奧運(yùn)吉祥物.htm”。 設(shè)置圖片設(shè)置圖片“福娃貝貝福娃貝貝”和和“2004年奧運(yùn)吉祥物年奧運(yùn)吉祥物”的屬性的屬性。 選中圖片，利用“格式”菜單中的“屬性”或右鍵菜單中的“圖片屬性”命令打開(kāi)“圖片屬性”對(duì)話框，選擇其中的“外觀”選項(xiàng)卡，修改布局、大小等屬性，將圖片的對(duì)齊方式

13、設(shè)置為“相對(duì)垂直居中” 為網(wǎng)頁(yè)為網(wǎng)頁(yè)“2008奧運(yùn)吉祥物奧運(yùn)吉祥物.htm”和和“歷屆奧運(yùn)吉祥物歷屆奧運(yùn)吉祥物.htm”添加返添加返回回“index.htm”的超鏈接的超鏈接 插入交互式按鈕插入交互式按鈕實(shí)現(xiàn)網(wǎng)頁(yè)實(shí)現(xiàn)網(wǎng)頁(yè)“2008奧運(yùn)會(huì)吉祥物奧運(yùn)會(huì)吉祥物.htm”轉(zhuǎn)到其他網(wǎng)頁(yè)和返回主頁(yè)的鏈接。轉(zhuǎn)到其他網(wǎng)頁(yè)和返回主頁(yè)的鏈接。 插入滾動(dòng)字幕插入滾動(dòng)字幕在在index.html標(biāo)題文字標(biāo)題文字“奧運(yùn)吉祥物奧運(yùn)吉祥物”上方插入滾動(dòng)字幕上方插入滾動(dòng)字幕“奧運(yùn)會(huì)吉祥物的歷史奧運(yùn)會(huì)吉祥物的歷史”，設(shè)置為向左滾動(dòng)。設(shè)置為向左滾動(dòng)。 添加橫幅廣告管理器添加橫幅廣告管理器在左上角的位置插入橫幅廣告管理器組件。可以

14、添加多個(gè)圖片定時(shí)切換，還可以設(shè)置超鏈接 保存網(wǎng)頁(yè)，在瀏覽器中查看網(wǎng)頁(yè)，并測(cè)試超鏈接。保存網(wǎng)頁(yè)，在瀏覽器中查看網(wǎng)頁(yè)，并測(cè)試超鏈接。課后作業(yè)課后作業(yè)1用用FrontPage制作一個(gè)站點(diǎn)。設(shè)置網(wǎng)頁(yè)標(biāo)題欄內(nèi)容為制作一個(gè)站點(diǎn)。設(shè)置網(wǎng)頁(yè)標(biāo)題欄內(nèi)容為“我的第一個(gè)網(wǎng)頁(yè)我的第一個(gè)網(wǎng)頁(yè)”，插入水平線，插入水平線，換行后再插入，換行后再插入“日期和時(shí)間日期和時(shí)間”2在上題網(wǎng)頁(yè)中插入圖片和背景圖片。在上題網(wǎng)頁(yè)中插入圖片和背景圖片。3在上題網(wǎng)頁(yè)中添加滾動(dòng)字幕在上題網(wǎng)頁(yè)中添加滾動(dòng)字幕“歡迎光臨本網(wǎng)站歡迎光臨本網(wǎng)站”。4在上題網(wǎng)頁(yè)中的滾動(dòng)字幕下加入一個(gè)在上題網(wǎng)頁(yè)中的滾動(dòng)字幕下加入一個(gè)3行行4列的表格，將表格第一行合并，其中

15、加入文字列的表格，將表格第一行合并，其中加入文字“課程表課程表”。表格邊框粗細(xì)為。表格邊框粗細(xì)為“3”，亮邊框，亮邊框“淺藍(lán)色淺藍(lán)色”、暗邊框、暗邊框“藍(lán)綠色藍(lán)綠色”。5在上題的網(wǎng)頁(yè)中的表格下輸入文字在上題的網(wǎng)頁(yè)中的表格下輸入文字“有情鏈接有情鏈接”，并將其鏈接到中國(guó)教育和科研計(jì)算機(jī)，并將其鏈接到中國(guó)教育和科研計(jì)算機(jī)網(wǎng)網(wǎng)http:/ 知識(shí)技能點(diǎn)知識(shí)技能點(diǎn)FrontPage2003FrontPage2003的表格的創(chuàng)建和使用的表格的創(chuàng)建和使用FrontPage2003FrontPage2003的框架的創(chuàng)建和使用的框架的創(chuàng)建和使用FrontPage2003FrontPage2003的表單的創(chuàng)建和使

16、用的表單的創(chuàng)建和使用FrontPage2003FrontPage2003的網(wǎng)頁(yè)的發(fā)布和維護(hù)的網(wǎng)頁(yè)的發(fā)布和維護(hù)王君要為燕山中學(xué)校報(bào)的網(wǎng)站創(chuàng)建一個(gè)介紹關(guān)于王君要為燕山中學(xué)校報(bào)的網(wǎng)站創(chuàng)建一個(gè)介紹關(guān)于“中國(guó)節(jié)日中國(guó)節(jié)日”專題網(wǎng)頁(yè)，他已經(jīng)設(shè)計(jì)了關(guān)于專題網(wǎng)頁(yè)，他已經(jīng)設(shè)計(jì)了關(guān)于“春節(jié)春節(jié)”、“元宵節(jié)元宵節(jié)”、“清清明節(jié)明節(jié)”、“端午節(jié)端午節(jié)”的的4個(gè)網(wǎng)頁(yè)，下面要進(jìn)行工作就是把各個(gè)網(wǎng)頁(yè)，下面要進(jìn)行工作就是把各個(gè)網(wǎng)頁(yè)組織在一起，進(jìn)行整體布局，并創(chuàng)建一個(gè)征求反饋意個(gè)網(wǎng)頁(yè)組織在一起，進(jìn)行整體布局，并創(chuàng)建一個(gè)征求反饋意見(jiàn)的網(wǎng)頁(yè)，發(fā)布在學(xué)校的網(wǎng)站上。見(jiàn)的網(wǎng)頁(yè)，發(fā)布在學(xué)校的網(wǎng)站上。 王君首先要建立一個(gè)帶表格的網(wǎng)頁(yè)做為目錄

17、，然后創(chuàng)建王君首先要建立一個(gè)帶表格的網(wǎng)頁(yè)做為目錄，然后創(chuàng)建一個(gè)表單頁(yè)面，再通過(guò)創(chuàng)建框架把這些網(wǎng)頁(yè)進(jìn)行整體的布局，一個(gè)表單頁(yè)面，再通過(guò)創(chuàng)建框架把這些網(wǎng)頁(yè)進(jìn)行整體的布局，最后發(fā)布到學(xué)校的網(wǎng)站上。最后發(fā)布到學(xué)校的網(wǎng)站上。任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建 任務(wù)引入任務(wù)引入初始圖成形圖任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建 相關(guān)知識(shí)：表格由行和列交叉所形成的單元格組成。在單元相關(guān)知識(shí)：表格由行和列交叉所形成的單元格組成。在單元格中可以放置任何對(duì)象，例如文本、圖像、表單、格中可以放置任何對(duì)象，例如文本、圖像、表單、FrontPage組件等。

18、利用表格可以有條理地排列數(shù)據(jù)或者組組件等。利用表格可以有條理地排列數(shù)據(jù)或者組織網(wǎng)頁(yè)布局。表格可以將文本排列成并列的段落，或模擬文織網(wǎng)頁(yè)布局。表格可以將文本排列成并列的段落，或模擬文本的分欄形式，也可以利用寬度固定的表格在網(wǎng)頁(yè)上為文本本的分欄形式，也可以利用寬度固定的表格在網(wǎng)頁(yè)上為文本提供邊界。提供邊界。FrontPage 2003提供了與提供了與Word字處理軟件類似的字處理軟件類似的表格處理功能，在網(wǎng)頁(yè)中可以輕松地創(chuàng)建和處理表格。表格處理功能，在網(wǎng)頁(yè)中可以輕松地創(chuàng)建和處理表格。任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建 創(chuàng)建方法如下：創(chuàng)建方法如下： 使用菜單命令使用

19、菜單命令“插入插入”“表格表格”，彈出如圖，彈出如圖814所所示，示，可以對(duì)插入的表格進(jìn)行精確的設(shè)置，包括行和列的數(shù)目、可以對(duì)插入的表格進(jìn)行精確的設(shè)置，包括行和列的數(shù)目、邊框尺寸以及單元格寬度等。邊框尺寸以及單元格寬度等。王君王君根據(jù)實(shí)際情況，選擇了大根據(jù)實(shí)際情況，選擇了大小為小為4行行1列，和背景顏色為水綠色的的表格。然后在插入的列，和背景顏色為水綠色的的表格。然后在插入的表格中輸入文字，并最后在表格屬性中調(diào)整表格，完成后的表格中輸入文字，并最后在表格屬性中調(diào)整表格，完成后的表格頁(yè)面如圖表格頁(yè)面如圖815所示。所示。 任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建 圖8

20、14表格屬性圖圖815 表格設(shè)計(jì)完成圖 任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建 創(chuàng)建表格還有以下創(chuàng)建表格還有以下2 2種方法：種方法：（1 1）可以使用）可以使用“常用常用”工具欄中的工具欄中的“插入表格插入表格”按鈕，快按鈕，快速地插入表格。速地插入表格。（2 2）從）從“表格表格”菜單中選擇菜單中選擇“手繪表格手繪表格”命令，手動(dòng)繪制命令，手動(dòng)繪制表格。表格。任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建 表格屬性的設(shè)置：表格屬性的設(shè)置：對(duì)齊方式：可以選擇左對(duì)齊、右對(duì)齊、水平居中和兩端對(duì)齊。對(duì)齊方式：可以選擇左對(duì)齊、右對(duì)齊、水平居中和兩端

21、對(duì)齊。該屬性決定表格在網(wǎng)頁(yè)中的相對(duì)位置。該屬性決定表格在網(wǎng)頁(yè)中的相對(duì)位置。浮動(dòng)：可以選擇左對(duì)齊、右對(duì)齊。該屬性決定表格與其他網(wǎng)頁(yè)浮動(dòng)：可以選擇左對(duì)齊、右對(duì)齊。該屬性決定表格與其他網(wǎng)頁(yè)元素的排列關(guān)系，即元素的排列關(guān)系，即“文字環(huán)繞文字環(huán)繞”效果。效果。指定寬度和高度：設(shè)置表格的大小?？梢允褂媒^對(duì)大小指定寬度和高度：設(shè)置表格的大小。可以使用絕對(duì)大小“像素像素”或相對(duì)大小或相對(duì)大小“百分比百分比”。單元格襯距：設(shè)置表格線與表格內(nèi)容的距離。單元格襯距：設(shè)置表格線與表格內(nèi)容的距離。單元格間距：設(shè)置兩個(gè)相鄰單元格邊框的距離單元格間距：設(shè)置兩個(gè)相鄰單元格邊框的距離邊框：粗細(xì)以像素為單位，可以選擇合適的邊框顏

22、色。邊框：粗細(xì)以像素為單位，可以選擇合適的邊框顏色。背景：可以指定背景顏色或背景圖像。背景：可以指定背景顏色或背景圖像。任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建 表格屬性的設(shè)置：創(chuàng)建表格后，可以對(duì)表格單元格、行和列的布局和結(jié)構(gòu)進(jìn)行調(diào)整，具體操作有：調(diào)整行、列或單元格；插入行、列或單元格；刪除行、列或單元格；合并、拆分單元格；平均分布行高、列寬；設(shè)置單元格屬性等。在“單元格屬性”對(duì)話框中，可以設(shè)置單元格中內(nèi)容的布局，精確定義單元格的寬度、高度，確定單元格的背景以及邊框的顏色等。 王君完成了一個(gè)表格網(wǎng)頁(yè)的設(shè)計(jì)，接著要做的工作就是利用表單設(shè)計(jì)一個(gè)反饋網(wǎng)頁(yè)。任務(wù)二：網(wǎng)頁(yè)布局

23、及發(fā)布、表單的創(chuàng)建任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建 相關(guān)知識(shí)：相關(guān)知識(shí)：表單與網(wǎng)站之間的關(guān)系在概念上類似于表格與表單與網(wǎng)站之間的關(guān)系在概念上類似于表格與紙張之間的關(guān)系，不同之處在于使用表單可以與網(wǎng)站訪問(wèn)者紙張之間的關(guān)系，不同之處在于使用表單可以與網(wǎng)站訪問(wèn)者交互以及從訪問(wèn)者那里收集信息。用戶在表單中輸入數(shù)據(jù)然交互以及從訪問(wèn)者那里收集信息。用戶在表單中輸入數(shù)據(jù)然后提交給后提交給Web服務(wù)器，例如在表單中輸入姓名及密碼，服務(wù)服務(wù)器，例如在表單中輸入姓名及密碼，服務(wù)器根據(jù)輸入通過(guò)腳本進(jìn)行判斷是否允許登錄。器根據(jù)輸入通過(guò)腳本進(jìn)行判斷是否允許登錄。通?？梢允褂猛ǔ？梢允褂镁W(wǎng)站上的表單來(lái)完成以下典型任務(wù)：

24、網(wǎng)站上的表單來(lái)完成以下典型任務(wù)： 從網(wǎng)站訪問(wèn)者那里檢從網(wǎng)站訪問(wèn)者那里檢索聯(lián)系信息（例如，留言簿）；接受訂單并收集交貨與收費(fèi)索聯(lián)系信息（例如，留言簿）；接受訂單并收集交貨與收費(fèi)信息；用戶登錄網(wǎng)站。信息；用戶登錄網(wǎng)站。任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建 創(chuàng)建表單創(chuàng)建表單首先在需要添加表單的位置單擊；然后，單擊首先在需要添加表單的位置單擊；然后，單擊“插入插入”單，單，鼠標(biāo)指向鼠標(biāo)指向“表單表單”，在出現(xiàn)的子菜單中單擊在出現(xiàn)的子菜單中單擊“表單表單”，如圖，如圖816所示。所示。在在FrontPage 2003FrontPage 2003中，有文本框、文本區(qū)、分中，

25、有文本框、文本區(qū)、分組框、復(fù)選框、選項(xiàng)按鈕、文件上載、下拉框、高級(jí)按鈕、組框、復(fù)選框、選項(xiàng)按鈕、文件上載、下拉框、高級(jí)按鈕、圖片、標(biāo)簽等幾種表單域。圖片、標(biāo)簽等幾種表單域。插入表單圖 任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建 王君根據(jù)實(shí)際情況，要獲得反饋者的姓名、性別、建議王君根據(jù)實(shí)際情況，要獲得反饋者的姓名、性別、建議等信息。分別了插入等信息。分別了插入“文本框文本框”、“選項(xiàng)按鈕選項(xiàng)按鈕”和和“文文本區(qū)本區(qū)”表單域。其操作步驟如下：表單域。其操作步驟如下：首先輸入文字首先輸入文字“姓名姓名”，在其后插入，在其后插入“文本框文本框”表單域，表單域，然后輸入文字然后

26、輸入文字“性別性別”，在其后插入兩個(gè)，在其后插入兩個(gè)“選項(xiàng)按鈕選項(xiàng)按鈕”表單域，并在對(duì)應(yīng)的表單域，并在對(duì)應(yīng)的“選項(xiàng)按鈕選項(xiàng)按鈕”位置輸入文字位置輸入文字“男男”，“女女”，最后輸入文字，最后輸入文字“建議建議”，并在其后插入，并在其后插入“文本文本區(qū)區(qū)”表單域。完成如圖表單域。完成如圖所示。所示。任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建 表單頁(yè)設(shè)計(jì)圖表單頁(yè)設(shè)計(jì)圖這樣，就設(shè)計(jì)完成了一個(gè)利用表單創(chuàng)建的頁(yè)面。這樣，就設(shè)計(jì)完成了一個(gè)利用表單創(chuàng)建的頁(yè)面。 任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建 FrontPage 2003提供的常用的幾種表單域的

27、功能【文本框】用于讓瀏覽者輸入一行文字，這些文字就是此表單域的取值?！疚谋緟^(qū)】用于讓瀏覽者輸入多行文字，這些文字就是此表單域的取值?！疚募陷d】用來(lái)上載一份文件。瀏覽者輸入一個(gè)文件名稱或者使用按鈕定位這個(gè)文件?！緩?fù)選框】用來(lái)提供多個(gè)互不排斥的選項(xiàng)。復(fù)選框可以單個(gè)出現(xiàn)，也可以成組出現(xiàn)。在選擇時(shí)，可以選擇多個(gè)，也可以都不選。不同的復(fù)選框可以共用一個(gè)表單域名稱。復(fù)選框的取值由復(fù)選框的選擇狀態(tài)來(lái)決定，每個(gè)復(fù)選框都對(duì)應(yīng)于一條提交的名稱和取值信息?！具x項(xiàng)按鈕】通常成組使用，用來(lái)提供一組互相排斥的選項(xiàng)。在選擇時(shí)只能選擇其中一項(xiàng)。單選按鈕不僅具有表單域名稱，而且同組的單選按鈕還必須具有相同的組名。在提交表單時(shí)

28、，每組單選按鈕中只傳遞選中的單選按鈕的名稱和取值的組合。任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建 FrontPage 2003提供的常用的幾種表單域的功能【分組框】帶標(biāo)題的方框區(qū)域，包含一組相關(guān)的字段。【下拉框】提供一個(gè)選項(xiàng)列表，供瀏覽者從中選擇需要的選項(xiàng)。一般情況下，瀏覽者只能從中選擇一項(xiàng)，但通過(guò)修改其屬性，也可以選擇多項(xiàng)?！景粹o】一個(gè)表單中至少要有2個(gè)按鈕：提交（Submit）按鈕和重置（Reset）按鈕。提交（Submit）按鈕用來(lái)把瀏覽者在表單上所填寫(xiě)的數(shù)據(jù)發(fā)送給Web服務(wù)器上的表單處理程序進(jìn)行處理。重置（Reset）按鈕用來(lái)把表單上的數(shù)據(jù)全部清 空重新填寫(xiě)

29、。在FrontPage 2000中還有一種屬性為“普通”的按鈕?！靖呒?jí)按鈕】與普通按鈕的功能一樣，只是其上面能夠顯示HTML內(nèi)容?！緢D片】實(shí)際上是一個(gè)由圖片表示的提交按鈕。當(dāng)單擊圖片按鈕時(shí)，把表單數(shù)據(jù)和點(diǎn)擊的位置信息發(fā)送給服務(wù)器?！緲?biāo)簽】通常意義上的標(biāo)簽是指在表單域旁邊的說(shuō)明性文字，沒(méi)有可擊性。這里所說(shuō)的標(biāo)簽是一種具有可擊性的標(biāo)簽。通過(guò)單擊這類標(biāo)簽，可以將輸入焦點(diǎn)移到此標(biāo)簽所對(duì)應(yīng)的表單域中。任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建 提交表單的設(shè)置：提交表單的設(shè)置：WebWeb服務(wù)器怎樣獲取客戶在表單中填寫(xiě)的信息呢？當(dāng)客戶單擊服務(wù)器怎樣獲取客戶在表單中填寫(xiě)的信息呢？當(dāng)

30、客戶單擊“提交提交”按鈕后，按鈕后，WebWeb服務(wù)器用表單處理程序來(lái)處理表單上的信息，表單處理服務(wù)器用表單處理程序來(lái)處理表單上的信息，表單處理程序可以是注冊(cè)組件，也可以是自定義的程序可以是注冊(cè)組件，也可以是自定義的ISAPIISAPINSAPINSAPI應(yīng)用程序或應(yīng)用程序或CGICGI腳本等。腳本等。表單處理程序位于表單處理程序位于WebWeb服務(wù)器端，用于處理客戶提交過(guò)來(lái)的表單上的服務(wù)器端，用于處理客戶提交過(guò)來(lái)的表單上的內(nèi)容，或者發(fā)送確認(rèn)信息給客戶。內(nèi)容，或者發(fā)送確認(rèn)信息給客戶。要指定表單處理程序，在表單上單擊鼠標(biāo)右鍵，在彈出的菜單中選擇要指定表單處理程序，在表單上單擊鼠標(biāo)右鍵，在彈出的菜

31、單中選擇“表單屬性表單屬性”命令，打開(kāi)命令，打開(kāi)“表單屬性表單屬性”對(duì)話框，如圖所示。對(duì)話框，如圖所示。任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建 設(shè)置表單屬性圖設(shè)置表單屬性圖王君完成了一個(gè)利用表單創(chuàng)建的反饋網(wǎng)頁(yè)的設(shè)計(jì)，接著要做王君完成了一個(gè)利用表單創(chuàng)建的反饋網(wǎng)頁(yè)的設(shè)計(jì)，接著要做的工作就是利用框架把所設(shè)計(jì)的這些網(wǎng)頁(yè)整合在一起，形成的工作就是利用框架把所設(shè)計(jì)的這些網(wǎng)頁(yè)整合在一起，形成一個(gè)完整的關(guān)于一個(gè)完整的關(guān)于“中國(guó)節(jié)日中國(guó)節(jié)日”的主題網(wǎng)站。的主題網(wǎng)站。任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建 相關(guān)知識(shí)：相關(guān)知識(shí)：框架是一種特殊的網(wǎng)頁(yè)技術(shù)，含

32、有框架的網(wǎng)頁(yè)是一種特殊的網(wǎng)頁(yè)，一般稱為框架網(wǎng)頁(yè)。使用框架后，整個(gè)網(wǎng)頁(yè)被分割成幾個(gè)區(qū)域，每個(gè)區(qū)域稱為一個(gè)框架窗口，任何一個(gè)框架窗口單獨(dú)顯示一頁(yè)?？蚣艽翱诳梢宰鳛槌溄拥拇翱?，當(dāng)瀏覽者點(diǎn)擊一個(gè)超鏈接時(shí)，該超鏈接的目標(biāo)窗口便可以是目標(biāo)框架窗口，而不是整大體上瀏覽器的窗口?？蚣芗夹g(shù)是有效架構(gòu)網(wǎng)頁(yè)結(jié)構(gòu)和合理展示信息的工具，也為瀏覽者提供了方便和友好的界面。本章將結(jié)合實(shí)例以詳細(xì)的操作步驟介紹在網(wǎng)頁(yè)中使用框架的基本方法和技能。通過(guò)本章的學(xué)習(xí)，讀者應(yīng)該理解框架網(wǎng)頁(yè)的基本概念，掌握框架網(wǎng)頁(yè)的創(chuàng)建、編輯和保存以及框架屬性和框架網(wǎng)頁(yè)超鏈接的設(shè)置等內(nèi)容。任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的

33、創(chuàng)建 1創(chuàng)建框架在“文件”框的“新建”子框中選擇“網(wǎng)頁(yè)”命令，打開(kāi)“新建”對(duì)話框；如圖819所示。 圖8 19新建對(duì)話框圖任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建 選擇其中“其他網(wǎng)頁(yè)模板”命令，彈出“網(wǎng)頁(yè)模板”對(duì)話框，如圖820所示。圖820 網(wǎng)頁(yè)模板圖 任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建 王君根據(jù)實(shí)際情況，選擇“橫幅和目錄”的框架網(wǎng)頁(yè)，打開(kāi)如圖821 所示。圖821 “橫幅和目錄”的框架網(wǎng)頁(yè)圖橫幅區(qū)網(wǎng)頁(yè)內(nèi)容區(qū)目錄區(qū)任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建 2創(chuàng)建框架超鏈接 一個(gè)新的框架網(wǎng)頁(yè)不包含任何內(nèi)容

34、，F(xiàn)rontPage 2003將在每個(gè)新框架中顯示和兩個(gè)按鈕，單擊前一按鈕可以從站點(diǎn)中選擇已準(zhǔn)備好的網(wǎng)頁(yè)，單擊后一按鈕可以在框架中創(chuàng)建一個(gè)新的空白網(wǎng)頁(yè)。 由于王君已經(jīng)準(zhǔn)備好了4個(gè)“中國(guó)節(jié)日”的網(wǎng)頁(yè)，所以他就單擊選擇已準(zhǔn)備好的網(wǎng)頁(yè)。首先單擊橫幅區(qū)的，彈出如圖822 所示圖822 插入超鏈接圖任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建 選擇已準(zhǔn)備好的橫幅網(wǎng)頁(yè)，單擊“確定”。網(wǎng)頁(yè)就變成923所示圖823插入橫幅圖任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建 同樣的方法插入目錄網(wǎng)頁(yè)，網(wǎng)頁(yè)就變成924插入目錄圖所示圖824 插入目錄圖任務(wù)二：網(wǎng)頁(yè)布局及發(fā)

35、布、表單的創(chuàng)建任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建 下面要分別插入4個(gè)“節(jié)日”的網(wǎng)頁(yè)，這就要分別對(duì)應(yīng)創(chuàng)建超鏈接，其方法如下：（1）選擇要定義超鏈接的文字或圖片；（2）單擊“常用”工具欄上的“超鏈接”按鈕，出現(xiàn)“創(chuàng)建超鏈接”對(duì)話框；（3）在“查找范圍”中選擇需要插入鏈接的目標(biāo)網(wǎng)頁(yè)；（4）單擊“更改目標(biāo)框架”按鈕，出現(xiàn)“目標(biāo)框架”對(duì)話框；（5）在“當(dāng)前框架網(wǎng)頁(yè)”區(qū)域中單擊要用作目標(biāo)的框架；（6）單擊“確定”按鈕，返回到“創(chuàng)建超鏈接”對(duì)話框，在“目標(biāo)框架”欄中顯示出設(shè)置的目標(biāo)框架名稱；（7）單擊“確定”按鈕。在指定目標(biāo)框架時(shí)，除了當(dāng)前的框架之外，還提供了一些特殊的框架來(lái)創(chuàng)建不同效果的目標(biāo)框架。這些特殊

36、框架位于“目標(biāo)框架”對(duì)話框中的“公用的目標(biāo)區(qū)”區(qū)域，有以下幾種：相同框架：將鏈接的網(wǎng)頁(yè)顯示在包含該超鏈接的 同一個(gè)框架內(nèi)。整頁(yè)：將框架展開(kāi)為整個(gè)窗口后，顯示鏈接網(wǎng)頁(yè)。新建窗口：打開(kāi)另外一個(gè)新窗口，顯示鏈接網(wǎng)頁(yè)。父框架：在當(dāng)前框架的上層框架內(nèi)顯示鏈接網(wǎng)頁(yè)。 任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建 同樣的方法插入反饋網(wǎng)頁(yè)。設(shè)計(jì)完成后的網(wǎng)頁(yè)如圖825所示圖825 設(shè)計(jì)完成圖任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建 FrontPage 2003 FrontPage 2003提供的常用的幾種關(guān)于創(chuàng)建框架的操作：提供的常用的幾種關(guān)于創(chuàng)建框架的操作：

37、保存框架網(wǎng)頁(yè)保存框架網(wǎng)頁(yè) 當(dāng)完成框架網(wǎng)頁(yè)之后，就需要保存這個(gè)框架網(wǎng)頁(yè)。操作步驟如下：當(dāng)完成框架網(wǎng)頁(yè)之后，就需要保存這個(gè)框架網(wǎng)頁(yè)。操作步驟如下：（1 1）單擊）單擊“常用常用”工具欄中的工具欄中的“保存保存”按鈕，打開(kāi)按鈕，打開(kāi)“另存為另存為”對(duì)對(duì) 話框，在右邊的框架網(wǎng)頁(yè)預(yù)覽圖中，其中一個(gè)框架話框，在右邊的框架網(wǎng)頁(yè)預(yù)覽圖中，其中一個(gè)框架 高亮顯示，表示正在保存該網(wǎng)頁(yè)；高亮顯示，表示正在保存該網(wǎng)頁(yè)；（2 2）在）在“文件名文件名”框中輸入網(wǎng)頁(yè)名稱；框中輸入網(wǎng)頁(yè)名稱；（3 3）單擊）單擊“更改更改”按鈕，設(shè)置網(wǎng)頁(yè)的標(biāo)題；按鈕，設(shè)置網(wǎng)頁(yè)的標(biāo)題；（4 4）單擊）單擊“保存保存”按鈕，該網(wǎng)頁(yè)保存完畢，框架

38、圖中的另按鈕，該網(wǎng)頁(yè)保存完畢，框架圖中的另 一個(gè)框架處于高亮狀態(tài)；一個(gè)框架處于高亮狀態(tài)；（5 5）重復(fù)步驟（）重復(fù)步驟（2 2）（）（4 4）的操作；）的操作；（6 6）當(dāng)對(duì)話框中的整個(gè)框架處于高亮狀態(tài)時(shí)，表示正在）當(dāng)對(duì)話框中的整個(gè)框架處于高亮狀態(tài)時(shí)，表示正在 保存框架網(wǎng)頁(yè)本身；保存框架網(wǎng)頁(yè)本身；（7 7）輸入框架網(wǎng)頁(yè)的文件名稱及標(biāo)題；）輸入框架網(wǎng)頁(yè)的文件名稱及標(biāo)題；（8 8）單擊）單擊“保存保存”按鈕。按鈕。任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建 任務(wù)二：任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建 拆分框架拆分框架 當(dāng)使用模板創(chuàng)建的框架結(jié)構(gòu)不能

39、滿足需要時(shí)，可以通過(guò)拆分框架當(dāng)使用模板創(chuàng)建的框架結(jié)構(gòu)不能滿足需要時(shí)，可以通過(guò)拆分框架制作出更為復(fù)雜的框架網(wǎng)頁(yè)。操作步驟如下：制作出更為復(fù)雜的框架網(wǎng)頁(yè)。操作步驟如下：（1 1）選擇要拆分的框架；）選擇要拆分的框架；（2 2）在）在“框架框架”框中選擇框中選擇“拆分框架拆分框架”命令，打開(kāi)命令，打開(kāi)“拆分框架拆分框架”對(duì)話對(duì)話框；框；（3 3）根據(jù)需要選擇）根據(jù)需要選擇“拆分為列拆分為列”或或“拆分成行拆分成行”選項(xiàng)；選項(xiàng)；（4 4）單擊）單擊“確定確定”按鈕完成拆分。按鈕完成拆分。刪除框架刪除框架 可以從框架結(jié)構(gòu)中刪除指定的框架。此時(shí)，系統(tǒng)只是把框架從框架可以從框架結(jié)構(gòu)中刪除指定的框架。此時(shí)，系

40、統(tǒng)只是把框架從框架網(wǎng)頁(yè)中刪去，而此框架中的網(wǎng)頁(yè)文件仍然存在。網(wǎng)頁(yè)中刪去，而此框架中的網(wǎng)頁(yè)文件仍然存在。 操作方法是：選擇要?jiǎng)h除的框架，在操作方法是：選擇要?jiǎng)h除的框架，在“框架框架”框中選擇框中選擇“刪除框架刪除框架”命令即可。命令即可。 設(shè)置框架屬性 通過(guò)對(duì)框架屬性的設(shè)置，可以更改框架超鏈接的網(wǎng)頁(yè)、調(diào)整框架大小等?；静僮魇牵哼x擇目標(biāo)框架，從“框架”框中選擇“框架屬性”命令，出現(xiàn)如圖826所示的“框架屬性”對(duì)話框，設(shè)置框架屬性。圖826框架屬性對(duì)話框圖任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建 單擊“框架屬性”對(duì)話框中“框架網(wǎng)頁(yè)”按鈕，彈出如圖827 所示。在這里可以

41、調(diào)整框架間距。清除“顯示邊框”復(fù)選框時(shí)，可以隱藏框架邊框。 圖827網(wǎng)頁(yè)屬性對(duì)話框圖王君完成了整個(gè)網(wǎng)頁(yè)的設(shè)計(jì)，接著要做的工作是把網(wǎng)頁(yè)發(fā)布在學(xué)校的網(wǎng)站上。 任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建 相關(guān)知識(shí)：相關(guān)知識(shí)： 通過(guò)使用 Microsoft Office FrontPage 2003 新增的“遠(yuǎn)程網(wǎng)站”視圖，可以將整個(gè)網(wǎng)站或單獨(dú)的網(wǎng)頁(yè)發(fā)布到本地或遠(yuǎn)程的任何網(wǎng)站。本地網(wǎng)站是 FrontPage 2003中打開(kāi)的源網(wǎng)站。遠(yuǎn)程網(wǎng)站是要發(fā)布到的目標(biāo)網(wǎng)站，通常是承載Web服務(wù)的遠(yuǎn)程計(jì)算機(jī)。 在 FrontPage 2003中，可以發(fā)布到的遠(yuǎn)程 Web 服務(wù)器類型包括：1

42、、擴(kuò)展的 Web 服務(wù)器 ，服務(wù)器上運(yùn)行 Microsoft 或 Microsoft SharePoint Services 的 FrontPage Server Extensions 。2、一臺(tái)文件傳輸協(xié)議 (File Transfer Protocol, FTP) 服務(wù)器。 3、一臺(tái) 基于 Web 的分布式制作和版本控制 (WebDAV) 服務(wù)器。 4、計(jì)算機(jī)或網(wǎng)絡(luò)驅(qū)動(dòng)器上的文件夾。任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建 下面王君以下面王君以FTPFTP發(fā)布方式把設(shè)計(jì)的網(wǎng)站的發(fā)布在學(xué)校網(wǎng)站服務(wù)器上。發(fā)布方式把設(shè)計(jì)的網(wǎng)站的發(fā)布在學(xué)校網(wǎng)站服務(wù)器上。 (1) (1)

43、 設(shè)置遠(yuǎn)程網(wǎng)站屬性，以便連接至服務(wù)器并最終進(jìn)行發(fā)布。設(shè)置遠(yuǎn)程網(wǎng)站屬性，以便連接至服務(wù)器并最終進(jìn)行發(fā)布。首先，選擇首先，選擇“FTP”FTP”作為遠(yuǎn)程作為遠(yuǎn)程 Web Web 服務(wù)器，如圖服務(wù)器，如圖828 828 所示。所示。然后，在然后，在“遠(yuǎn)程網(wǎng)站位置遠(yuǎn)程網(wǎng)站位置”框內(nèi)，鍵入主機(jī)名稱，如框內(nèi)，鍵入主機(jī)名稱，如“ftp:/”ftp:/”。如如果網(wǎng)站需要上傳到指定目錄則需要在果網(wǎng)站需要上傳到指定目錄則需要在“FTPFTP目錄目錄”中輸入目錄名。中輸入目錄名。任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建 圖828遠(yuǎn)程網(wǎng)站屬性圖任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建任務(wù)二：網(wǎng)頁(yè)

44、布局及發(fā)布、表單的創(chuàng)建 (2) 2) 選擇需要上傳的文件選擇需要上傳的文件檢查需要發(fā)布哪些文件，然后發(fā)布這些文件。操作要點(diǎn)如下：檢查需要發(fā)布哪些文件，然后發(fā)布這些文件。操作要點(diǎn)如下：1 1、 “ “本地網(wǎng)站本地網(wǎng)站”位于窗口左側(cè)，位于窗口左側(cè)，“遠(yuǎn)程網(wǎng)站遠(yuǎn)程網(wǎng)站”位于右側(cè)。遠(yuǎn)程網(wǎng)站位于右側(cè)。遠(yuǎn)程網(wǎng)站是文件的發(fā)布目的地，如圖是文件的發(fā)布目的地，如圖829829文件上傳對(duì)話框圖所示。文件上傳對(duì)話框圖所示。 2 2、帶箭頭的文件是新文件，且尚未發(fā)布。帶問(wèn)號(hào)、帶箭頭的文件是新文件，且尚未發(fā)布。帶問(wèn)號(hào) (?) (?) 的文件是有沖的文件是有沖突的文件。這意味著該文件自最近一次發(fā)布以來(lái)，在兩個(gè)位置都進(jìn)行突

45、的文件。這意味著該文件自最近一次發(fā)布以來(lái)，在兩個(gè)位置都進(jìn)行了修改，或者意味著使用了修改，或者意味著使用 FrontPage 2003FrontPage 2003之外的其他應(yīng)用程序發(fā)布了之外的其他應(yīng)用程序發(fā)布了該文件。該文件。 3 3、準(zhǔn)備就緒之后，通過(guò)單擊窗口右下角的【發(fā)布網(wǎng)站】按鈕即可發(fā)布、準(zhǔn)備就緒之后，通過(guò)單擊窗口右下角的【發(fā)布網(wǎng)站】按鈕即可發(fā)布所有文件?；蛘?，也可發(fā)布單個(gè)文件，即在本地網(wǎng)站選擇一個(gè)文件，所有文件?；蛘?，也可發(fā)布單個(gè)文件，即在本地網(wǎng)站選擇一個(gè)文件，然后單擊【本地到遠(yuǎn)程】按鈕。然后單擊【本地到遠(yuǎn)程】按鈕。任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建 圖

46、829 文件上傳對(duì)話框圖當(dāng)網(wǎng)站發(fā)布成功后，在瀏覽器中打開(kāi)站點(diǎn)仔細(xì)瀏覽，檢查站點(diǎn)中每個(gè)網(wǎng)頁(yè)是否正確地顯示。當(dāng)網(wǎng)頁(yè)內(nèi)容有更新時(shí)，只要單擊“常用”工具欄中的“發(fā)布站點(diǎn)”按鈕，即可將修改過(guò)的網(wǎng)頁(yè)上傳。王君把網(wǎng)頁(yè)制作完成并成功的上傳導(dǎo)學(xué)校的網(wǎng)站上，任務(wù)圓滿完成了。任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建任務(wù)二：網(wǎng)頁(yè)布局及發(fā)布、表單的創(chuàng)建 知識(shí)擴(kuò)展知識(shí)擴(kuò)展 網(wǎng)站和網(wǎng)頁(yè)的設(shè)計(jì)既是一項(xiàng)復(fù)雜的技術(shù)也是一門(mén)藝術(shù)。設(shè)計(jì)良好的網(wǎng)站不但提供豐富的信息，而且給用戶帶來(lái)愉悅的瀏覽體驗(yàn)。以下是網(wǎng)站和網(wǎng)頁(yè)設(shè)計(jì)的一些基本原則。1）目標(biāo)明確，重點(diǎn)突出 首先要明確信息發(fā)布者的性質(zhì)與用途，并了解主要瀏覽對(duì)象以及其進(jìn)行的操作，做到有的放矢。然后，對(duì)發(fā)布的信息要分清主次，面面俱到可能使瀏覽者難以找到有用的信息，不能達(dá)到預(yù)期的目的。2）主題鮮明，層次清晰要做到主題鮮明，首先要設(shè)計(jì)好網(wǎng)站