《網(wǎng)頁(yè)制作與設(shè)計(jì)》立體化電子課件 第3章-FrontPage2003

FrontPage2003

FrontPage2003概述超鏈接插入對(duì)象網(wǎng)頁(yè)制作網(wǎng)頁(yè)布局第3章網(wǎng)站的發(fā)布與維護(hù)總結(jié)與習(xí)題FrontPage2003屬于Office2003家族，是微軟開(kāi)發(fā)的“所見(jiàn)即所得”的網(wǎng)頁(yè)制作與網(wǎng)站管理工具FrontPage2003集Web站點(diǎn)的設(shè)計(jì)、制作與管理功能于一身，使用它，用戶無(wú)須掌握HTML語(yǔ)言，就可以輕松制作出專業(yè)化的網(wǎng)頁(yè)與網(wǎng)站FrontPage2003是FrontPage系列版本的終極版本，微軟后來(lái)推出的SharePointDesigner，嚴(yán)格來(lái)講已不再是FrontPage的系列升級(jí)換代版本，而應(yīng)被看作一個(gè)全新的網(wǎng)站制作工具FrontPage2003概述3.1FrontPage2003的初始運(yùn)行界面

FrontPage2003概述3.1FrontPage2003的主要功能是制作網(wǎng)頁(yè)和管理站點(diǎn)使用FrontPage2003可以創(chuàng)建新的網(wǎng)頁(yè)，也可以打開(kāi)并修改已經(jīng)存在的網(wǎng)頁(yè)FrontPage2003提供了多種編輯網(wǎng)頁(yè)的方式，不但可以直接修改HTML，而且可以采用“所見(jiàn)即所得”的方式編輯網(wǎng)頁(yè)，還可以使用菜單命令插入各種網(wǎng)頁(yè)元素，使用對(duì)話框修改其屬性，十分靈活FrontPage2003概述3.1FrontPage2003中可以很容易地插入文本、圖片、表格、組件等元素；可以使用主題和樣式表、共享邊框、框架等管理網(wǎng)頁(yè)的外觀；還可以使用表單等元素設(shè)計(jì)出交互式網(wǎng)頁(yè)FrontPage2003中可以輕松實(shí)現(xiàn)設(shè)計(jì)、管理、分析、發(fā)布和維護(hù)站點(diǎn)等工作。FrontPage提供了強(qiáng)大的站點(diǎn)管理功能；一組相關(guān)網(wǎng)頁(yè)和有關(guān)文件組成一個(gè)站點(diǎn)，站點(diǎn)也是FrontPage對(duì)網(wǎng)站進(jìn)行管理的基本單位FrontPage2003概述3.1FrontPage2003可以建立和編輯獨(dú)立的網(wǎng)頁(yè)，也可以設(shè)計(jì)和管理站點(diǎn)。在站點(diǎn)中可以包含大量網(wǎng)頁(yè)和各種文件，甚至可以包含子站點(diǎn)FrontPage2003中建立的站點(diǎn)需要發(fā)布到Internet中的Web服務(wù)器上成為真正意義上的網(wǎng)站；為此可在同一臺(tái)計(jì)算機(jī)上安裝Web服務(wù)器端軟件，從而將站點(diǎn)發(fā)布到本機(jī)進(jìn)行測(cè)試用FrontPage2003可建立基于本地硬盤(pán)的站點(diǎn)，這種站點(diǎn)以本機(jī)文件夾的形式存在，不需發(fā)布到服務(wù)器FrontPage2003概述3.1FrontPage2003的拆分視圖將窗口工作區(qū)拆分成上、下兩部分上半部分是代碼區(qū)，下半部分是設(shè)計(jì)區(qū)無(wú)論對(duì)哪一個(gè)區(qū)域進(jìn)行修改，另一個(gè)區(qū)域都會(huì)做出相應(yīng)的改變FrontPage2003概述3.1FrontPage視圖方式

1.網(wǎng)頁(yè)視圖2.文件夾視圖3.遠(yuǎn)程網(wǎng)站視圖4.報(bào)表視圖5.導(dǎo)航視圖6.超鏈接視圖7.任務(wù)視圖FrontPage2003概述3.1網(wǎng)頁(yè)視圖以“所見(jiàn)即所得”的方式來(lái)顯示與編輯當(dāng)前選中的網(wǎng)頁(yè)。網(wǎng)頁(yè)視圖包含四類顯示模式：設(shè)計(jì)模式能夠以可視化的方式編輯網(wǎng)頁(yè)內(nèi)容，設(shè)置版式結(jié)構(gòu)拆分模式將工作區(qū)平分為兩個(gè)區(qū)域，分別同步顯示當(dāng)前網(wǎng)頁(yè)的HTML代碼與頁(yè)面設(shè)計(jì)模式下的內(nèi)容代碼模式用來(lái)切換到HTML模式下，直接對(duì)網(wǎng)頁(yè)的HTML代碼進(jìn)行查看、編寫(xiě)和編輯預(yù)覽模式用來(lái)模擬當(dāng)前編輯的網(wǎng)頁(yè)在IE瀏覽器中的顯示效果FrontPage2003概述3.1FrontPage2003概述3.1該視圖以樹(shù)型列表的形式顯示與組織當(dāng)前網(wǎng)站素材中的各種文件夾與文件資源文件夾視圖功能類似于Windows的資源管理器，能夠進(jìn)行文件和文件夾的創(chuàng)建、復(fù)制、刪除、移動(dòng)、剪切、重命名、修改屬性等操作文件夾視圖FrontPage2003概述3.1該視圖用來(lái)發(fā)布整個(gè)網(wǎng)站，或有選擇地發(fā)布個(gè)別文件，或在多個(gè)位置不同但內(nèi)容相同的網(wǎng)站之間保持文件的同步更新該視圖會(huì)以不同的發(fā)布狀態(tài)圖標(biāo)與說(shuō)明性文字來(lái)標(biāo)記與區(qū)分處于不同狀態(tài)下的網(wǎng)頁(yè)文檔遠(yuǎn)程網(wǎng)站視圖FrontPage2003概述3.1該視圖給出了當(dāng)前站點(diǎn)的一些統(tǒng)計(jì)分析信息站點(diǎn)視圖的功能包括：計(jì)算網(wǎng)站中文件的大小，指出站點(diǎn)目錄中哪些文件沒(méi)有被鏈接進(jìn)站點(diǎn)，標(biāo)識(shí)出慢速網(wǎng)頁(yè)與過(guò)期網(wǎng)頁(yè)，按任務(wù)或人員對(duì)文件進(jìn)行分組等報(bào)表視圖FrontPage2003概述3.1該視圖組織與顯示站點(diǎn)中各網(wǎng)頁(yè)的層次關(guān)系在該視圖中，每一個(gè)頁(yè)框代表一個(gè)網(wǎng)頁(yè)，可以用拖動(dòng)的方式來(lái)調(diào)整網(wǎng)頁(yè)在網(wǎng)站中的位置導(dǎo)航視圖FrontPage2003概述3.1該視圖提供基于超鏈接的網(wǎng)站結(jié)構(gòu)分析，用來(lái)查看與控制當(dāng)前選中網(wǎng)頁(yè)的所有超鏈接超鏈接視圖使用戶能夠知道網(wǎng)站中設(shè)置了多少超鏈接，它們是內(nèi)部超鏈接還是外部超鏈接，并以圖標(biāo)的方式顯示超鏈接是否通過(guò)驗(yàn)證、是否被中斷等狀態(tài)超鏈接視圖FrontPage2003概述3.1該視圖通過(guò)站點(diǎn)維護(hù)的任務(wù)列表來(lái)記錄與管理網(wǎng)站的設(shè)計(jì)進(jìn)程當(dāng)網(wǎng)站由多人共同開(kāi)發(fā)與維護(hù)時(shí)，可以向各個(gè)用戶通知任務(wù)列表信息，諧調(diào)工作的進(jìn)展情況任務(wù)視圖網(wǎng)頁(yè)制作-創(chuàng)建站點(diǎn)3.2Web站點(diǎn)的開(kāi)發(fā)，首先應(yīng)當(dāng)根據(jù)其用途進(jìn)行規(guī)劃，確定站點(diǎn)結(jié)構(gòu)，在本地磁盤(pán)上創(chuàng)建站點(diǎn)，然后再建立網(wǎng)頁(yè)站點(diǎn)就是一組相關(guān)網(wǎng)頁(yè)和其他文件的集合，這些網(wǎng)頁(yè)在Internet中表現(xiàn)為稱為“站點(diǎn)”的一個(gè)完整結(jié)構(gòu)FrontPage2003中，站點(diǎn)以一個(gè)特殊文件夾的形式存在使用FrontPage2003的模板和向?qū)В梢暂p松地創(chuàng)建出各種用途和風(fēng)格的站點(diǎn)新建站點(diǎn)時(shí)，可以根據(jù)應(yīng)用需求，選擇不同的模板與向?qū)?duì)于不同的模板和向?qū)?，其新建站點(diǎn)的步驟略有不同。下面以【由一個(gè)網(wǎng)頁(yè)組成的網(wǎng)站】模板的使用為例，介紹新建站點(diǎn)的方法與步驟網(wǎng)頁(yè)制作-創(chuàng)建站點(diǎn)3.2Step1Step2單擊【文件/新建】菜單命令，在【新建】任務(wù)窗格中選擇【新建網(wǎng)站】中的【由一個(gè)網(wǎng)頁(yè)組成的網(wǎng)站】選項(xiàng)系統(tǒng)彈出【網(wǎng)站模板】對(duì)話框，在【指定新網(wǎng)站的位置】文本框中輸入新站點(diǎn)要保存的位置；或使用【瀏覽】工具按鈕指定新站點(diǎn)的位置單擊【確定】按鈕，新建站點(diǎn)出現(xiàn)在窗口中。新站點(diǎn)只有一個(gè)空白主頁(yè)index.htm和用于存儲(chǔ)圖片的文件夾images；此時(shí)可編輯index.htm，或根據(jù)網(wǎng)站規(guī)劃創(chuàng)建其他文件夾與網(wǎng)頁(yè)Step3網(wǎng)頁(yè)制作-創(chuàng)建站點(diǎn)3.2網(wǎng)頁(yè)制作-創(chuàng)建站點(diǎn)3.2選擇模板類型并指定網(wǎng)站位置

站點(diǎn)創(chuàng)建后，下一步就是要根據(jù)網(wǎng)頁(yè)模板創(chuàng)建一個(gè)新的網(wǎng)頁(yè)作為主頁(yè)創(chuàng)建網(wǎng)頁(yè)的方法與步驟如下頁(yè)所示新建網(wǎng)頁(yè)網(wǎng)頁(yè)制作-編輯網(wǎng)頁(yè)3.2單擊【文件/新建】菜單命令，在【新建】任務(wù)窗格中選擇【新建網(wǎng)頁(yè)】中的【其他網(wǎng)頁(yè)模板】，打開(kāi)【網(wǎng)頁(yè)模板】對(duì)話框在【網(wǎng)頁(yè)模板】對(duì)話框中選擇所需的網(wǎng)頁(yè)模板。【說(shuō)明】與【預(yù)覽】區(qū)域中可查看所選模板的說(shuō)明及預(yù)覽圖單擊【確定】按鈕，系統(tǒng)新建一個(gè)基于所選模板的網(wǎng)頁(yè)單擊【文件/保存】菜單命令，在彈出的【另存為】對(duì)話框中，輸入文件名進(jìn)行保存Step1Step2Step3Step4網(wǎng)頁(yè)制作-編輯網(wǎng)頁(yè)3.2網(wǎng)頁(yè)制作-編輯網(wǎng)頁(yè)3.2根據(jù)網(wǎng)頁(yè)模板創(chuàng)建新的網(wǎng)頁(yè)在FrontPage2003中，編輯某個(gè)網(wǎng)頁(yè)之前，需要先打開(kāi)該網(wǎng)頁(yè)打開(kāi)網(wǎng)頁(yè)的常用方法有以下幾種打開(kāi)已有網(wǎng)頁(yè)網(wǎng)頁(yè)制作-編輯網(wǎng)頁(yè)3.2打開(kāi)網(wǎng)頁(yè)的方法使用【文件/打開(kāi)】菜單命令，或單擊【常用/打開(kāi)】工具欄按鈕，在彈出的【打開(kāi)文件】對(duì)話框中選擇相應(yīng)的網(wǎng)頁(yè)在其他視圖中雙擊網(wǎng)頁(yè)圖標(biāo)，同樣會(huì)打開(kāi)指定網(wǎng)頁(yè)如需要打開(kāi)的文件已在打開(kāi)的網(wǎng)站中，在文件夾視圖中雙擊該網(wǎng)頁(yè)圖標(biāo)即可將其打開(kāi)網(wǎng)頁(yè)制作-編輯網(wǎng)頁(yè)3.2要保存一個(gè)網(wǎng)頁(yè)，可以使用【文件/保存】菜單命令，或單擊【常用/保存】工具欄按鈕如需將網(wǎng)頁(yè)另存，可使用【文件/另存為】菜單命令保存網(wǎng)頁(yè)網(wǎng)頁(yè)制作-編輯網(wǎng)頁(yè)3.2網(wǎng)頁(yè)制作過(guò)程中，用戶可以切換到預(yù)覽視圖預(yù)覽網(wǎng)頁(yè)，或使用【文件/在瀏覽器中預(yù)覽】菜單命令預(yù)覽網(wǎng)頁(yè)使用菜單命令時(shí)，系統(tǒng)會(huì)打開(kāi)瀏覽器顯示網(wǎng)頁(yè)；若該網(wǎng)頁(yè)尚未保存，系統(tǒng)會(huì)彈出對(duì)話框提示保存網(wǎng)頁(yè)預(yù)覽網(wǎng)頁(yè)網(wǎng)頁(yè)制作-編輯網(wǎng)頁(yè)3.2同其他MicrosoftOffice組件一樣，在網(wǎng)頁(yè)中可以輸入文字，復(fù)制、剪切和粘貼文字，設(shè)置文字格式，查找和替換文字等可以設(shè)置斜體、下劃線、上/下標(biāo)、空心、陰影等各種特效。在FrontPage2003中，對(duì)文字的格式提供了完備的設(shè)定功能?？梢允褂霉ぞ邫谏系墓ぞ甙粹o或菜單命令快速改變文字的外觀網(wǎng)頁(yè)制作-設(shè)置網(wǎng)頁(yè)3.2設(shè)置文字格式的一般操作步驟如下：選中文字，單擊“格式”菜單的“字體”命令，在彈出的“字體”對(duì)話框中設(shè)置字體的各種屬性或使用“格式”工具欄中相應(yīng)的命令按鈕網(wǎng)頁(yè)制作-設(shè)置網(wǎng)頁(yè)3.2文字段落格式編排對(duì)于網(wǎng)頁(yè)的外觀是非常重要的；段落格式主要包括對(duì)齊方式、縮進(jìn)和段落間距等設(shè)置段落格式的一般方法如下：將插入點(diǎn)移動(dòng)到要設(shè)置格式的段落中，或是選中該段落，單擊【格式/段落】菜單命令，在彈出的【段落】對(duì)話框中進(jìn)行各種段落格式屬性的設(shè)置網(wǎng)頁(yè)制作-設(shè)置網(wǎng)頁(yè)3.2FrontPage2003通過(guò)按Enter鍵劃分段落；按Enter鍵在HTML代碼中插入的是<p>標(biāo)記如果只是需要換行，而不是另起一個(gè)段落，需按Shift+Enter鍵，按Shift+Enter鍵在HTML代碼中插入的是<br>標(biāo)記網(wǎng)頁(yè)制作-設(shè)置網(wǎng)頁(yè)3.2網(wǎng)頁(yè)屬性包括網(wǎng)頁(yè)的標(biāo)題、格式、頁(yè)邊距等內(nèi)容設(shè)置網(wǎng)頁(yè)屬性的方法為：使用【文件/屬性】菜單命令，或者在網(wǎng)頁(yè)的任意地方右擊鼠，選擇【網(wǎng)頁(yè)屬性】快捷菜單命令，F(xiàn)rontPage2003將顯示【網(wǎng)頁(yè)屬性】對(duì)話框【網(wǎng)頁(yè)屬性】對(duì)話框包含6個(gè)選項(xiàng)卡，其中前兩個(gè)最為常用網(wǎng)頁(yè)制作-設(shè)置網(wǎng)頁(yè)3.2網(wǎng)頁(yè)制作-設(shè)置網(wǎng)頁(yè)3.2【網(wǎng)頁(yè)屬性】對(duì)話框【標(biāo)題】框用于給出網(wǎng)頁(yè)的標(biāo)題，網(wǎng)頁(yè)標(biāo)題將顯示在瀏覽器的標(biāo)題欄中【背景音樂(lè)】框用于指定當(dāng)用瀏覽器打開(kāi)網(wǎng)頁(yè)時(shí)自動(dòng)播放背景音樂(lè)【位置】框用于指定聲音文件的位置【瀏覽】按鈕用于選擇聲音文件【循環(huán)次數(shù)】框用于指定聲音播放的次數(shù)【不限次數(shù)】復(fù)選框，表示不停地播放聲音【常規(guī)】選項(xiàng)卡網(wǎng)頁(yè)制作-設(shè)置網(wǎng)頁(yè)3.2【背景圖片】復(fù)選框用于指定網(wǎng)頁(yè)的背景圖片【使其成為水印】復(fù)選框用于將背景圖片按水印形式添加其他相應(yīng)的下拉列表框，可以分別設(shè)置網(wǎng)頁(yè)的背景顏色、文本顏色以及超鏈接文字的顏色；若同時(shí)設(shè)置背景圖片和背景顏色，則背景圖片將覆蓋背景顏色【格式】選項(xiàng)卡網(wǎng)頁(yè)制作-設(shè)置網(wǎng)頁(yè)3.2插入網(wǎng)頁(yè)的對(duì)象3.字幕2.圖片1.水平線4.交互式按鈕

5.站點(diǎn)計(jì)數(shù)器

插入對(duì)象3.3插入水平線水平線將網(wǎng)頁(yè)分割成幾個(gè)部分，使得網(wǎng)頁(yè)更具條理性可在不同的段落、行之間添加水平線操作水平線的方法：在準(zhǔn)備插入水平線的位置設(shè)置插入點(diǎn)；單擊【插入/水平】菜單命令，即可插入水平線插入對(duì)象3.3修改水平線外觀的方法：雙擊水平線，打開(kāi)【水平線屬性】對(duì)話框【寬度】框用于設(shè)置水平線的寬度【高度】框用于設(shè)置水平線的高度【對(duì)齊方式】用于設(shè)置水平線在網(wǎng)頁(yè)內(nèi)水平對(duì)齊的方式【顏色】列表框用于設(shè)置水平線的顏色【樣式】按鈕用來(lái)設(shè)置線條指定自定義樣式或其他格式修改水平線插入對(duì)象3.3插入圖片圖片可使網(wǎng)頁(yè)內(nèi)容更豐富與美觀插入圖片的步驟如下插入對(duì)象3.3Step1Step2移動(dòng)光標(biāo)至插入圖像的位置單擊【插入/圖片】菜單命令，在子菜單中選擇【來(lái)自文件】，彈出【圖片】對(duì)話框在【圖片】對(duì)話框中選取需要插入的圖片文件，單擊【確定】按鈕，即可將圖片插入網(wǎng)頁(yè)中Step3插入對(duì)象3.3設(shè)置圖片屬性在【圖片屬性】對(duì)話框的【外觀】選項(xiàng)卡中，可以設(shè)置圖片的環(huán)繞方式、布局、大小等屬性插入對(duì)象3.3編輯圖片可以使用【視圖/工具欄/圖片】菜單命令，使【圖片】工具欄顯示在屏幕上利用圖片工具欄，可以對(duì)圖片的亮度、對(duì)比度進(jìn)行調(diào)整，可以旋轉(zhuǎn)、翻轉(zhuǎn)圖片，對(duì)圖片進(jìn)行剪裁，設(shè)置圖片的透明顏色等操作插入對(duì)象3.3插入滾動(dòng)字幕在制作網(wǎng)頁(yè)時(shí)，可以將網(wǎng)頁(yè)中的文字做成由左至右，或由右至左移動(dòng)的滾動(dòng)字幕動(dòng)態(tài)效果，使網(wǎng)頁(yè)更加形象生動(dòng)具體操作步驟如下插入對(duì)象3.3將插入點(diǎn)設(shè)置在要插入移動(dòng)字幕的位置或選中作為移動(dòng)字幕的文本單擊【插入/Web組件】菜單命令，彈出【插入Web組件】對(duì)話框?yàn)榻M件類型選擇【動(dòng)態(tài)效果】，為效果選擇【字幕】選項(xiàng)，單擊【完成】按鈕

此時(shí)已選擇的移動(dòng)字幕的文本出現(xiàn)在【文本】框中；若沒(méi)有選擇文本，需在【文本】框中輸入字幕的文本Step1Step2Step3Step4插入對(duì)象3.3【方向】域用于指定文本的移動(dòng)方向【速度】域用于指定文字的滾動(dòng)速度【表現(xiàn)方式】域用于指定文字的表現(xiàn)方式可選擇【重復(fù)】或【連續(xù)】復(fù)選框單擊【確定】按鈕，即可插入字幕Step5Step6Step7Step8【延遲】框中的數(shù)值表示字幕滾動(dòng)一步的時(shí)間間隔【數(shù)量】框中的數(shù)值表示字幕滾動(dòng)一步的像素距離插入對(duì)象3.3制作滾動(dòng)字幕

插入對(duì)象3.3插入交互按鈕插入交互式按鈕是一個(gè)動(dòng)態(tài)按鈕，當(dāng)用戶將鼠標(biāo)指向交互式按鈕時(shí)，交互式按鈕會(huì)改變顏色或形狀默認(rèn)情況下，交互式按鈕是一個(gè)帶有彩色方框的文字按鈕，也可以應(yīng)用圖片創(chuàng)建交互式按鈕插入對(duì)象3.3將插入點(diǎn)設(shè)置在要插入交互式按鈕的位置，單擊【插入/Web組件】菜單命令在彈出的【插入Web組件】對(duì)話框中，為組件類型選擇【動(dòng)態(tài)效果】，為效果選擇【交互式按鈕】選項(xiàng)單擊【完成】按鈕，在打開(kāi)的【交互式按鈕屬性】對(duì)話框中設(shè)置按鈕的字體、圖像等屬性單擊【確定】按鈕，即可插入交互式按鈕Step1Step2Step3Step4插入對(duì)象3.3插入站點(diǎn)計(jì)數(shù)器站點(diǎn)計(jì)數(shù)器用來(lái)動(dòng)態(tài)統(tǒng)計(jì)站點(diǎn)訪問(wèn)的次數(shù)站點(diǎn)計(jì)數(shù)器的統(tǒng)計(jì)值跟隨站點(diǎn)訪問(wèn)而即時(shí)更新插入對(duì)象3.3將插入點(diǎn)設(shè)置在要插入計(jì)數(shù)器的位置，單擊【插入/Web組件】菜單命令，彈出【插入Web組件】對(duì)話框在對(duì)話框中為組件類型選擇【計(jì)數(shù)器】，在【選擇計(jì)數(shù)器樣式】列表中選擇一種樣式單擊【完成】按鈕，在打開(kāi)的【計(jì)數(shù)器屬性】對(duì)話框中設(shè)置設(shè)置計(jì)數(shù)器屬性單擊【確定】按鈕，即可插入站點(diǎn)計(jì)數(shù)器Step1Step2Step3Step4插入對(duì)象3.3Web網(wǎng)頁(yè)的強(qiáng)大之處在于其具有超鏈接的功能，使用超鏈接能夠?qū)⒁蛱鼐W(wǎng)中的信息有機(jī)地組織起來(lái)，使人們?cè)赪WW世界中輕松地漫游在瀏覽器中，超鏈接通常表現(xiàn)為與普通文本或圖片不同的特點(diǎn)：將鼠標(biāo)移到一個(gè)超鏈接上方時(shí)，鼠標(biāo)指針會(huì)變成手形。同時(shí)，與這個(gè)超鏈接相對(duì)應(yīng)的URL會(huì)在窗口底部的狀態(tài)欄顯示出來(lái)超鏈接3.4文本超鏈接文本超鏈接是指在文本上定義的超鏈接，單擊文本超鏈接，會(huì)自動(dòng)跳轉(zhuǎn)到指向的鏈接目標(biāo)創(chuàng)建文本超鏈接的步驟如下超鏈接3.4Step1Step2選定要定義超鏈接的文本，執(zhí)行【插入/超鏈接】菜單命令，或單擊【常用】工具欄上的【超鏈接】按鈕，打開(kāi)【插入超鏈接】對(duì)話框在對(duì)話框中選擇要鏈接的目標(biāo)網(wǎng)頁(yè)，單擊【確定】按鈕；此時(shí)所選定的文本變?yōu)樗{(lán)色，并且?guī)в邢聞澗€，說(shuō)明選定的文本已被設(shè)置為超鏈接文本保存網(wǎng)頁(yè)，在瀏覽器中預(yù)覽效果：當(dāng)鼠標(biāo)移至鏈接文字時(shí)，鼠標(biāo)指針變成手形，此時(shí)單擊鼠標(biāo)，馬上會(huì)跳轉(zhuǎn)到目標(biāo)網(wǎng)頁(yè)Step3超鏈接3.4超鏈接3.4【插入超鏈接】對(duì)話框圖片超鏈接圖片超鏈接是指在圖片上創(chuàng)建的超鏈接圖片超鏈接比文本超鏈接顯得更加生動(dòng)活潑單擊圖片超鏈接，會(huì)自動(dòng)跳轉(zhuǎn)到指向的鏈接目標(biāo)創(chuàng)建圖片超鏈接的操作步驟如下超鏈接3.4Step1Step2選定要定義超鏈接的圖片，執(zhí)行【插入/超鏈接】菜單命令，或單擊【常用】工具欄上的【超鏈接】按鈕，打開(kāi)【插入超鏈接】對(duì)話框在對(duì)話框中選擇要鏈接的目標(biāo)網(wǎng)頁(yè)，單擊【確定】按鈕；此時(shí)所選定的圖片已被設(shè)置為超鏈接圖片保存網(wǎng)頁(yè)，在瀏覽器中預(yù)覽效果：當(dāng)鼠標(biāo)移至鏈接圖片時(shí)，鼠標(biāo)指針變成手形，此時(shí)單擊鼠標(biāo)，馬上會(huì)跳轉(zhuǎn)到目標(biāo)網(wǎng)頁(yè)Step3超鏈接3.4可以為整個(gè)圖片建立圖片超鏈，也可以為圖片上分配一個(gè)或多個(gè)熱點(diǎn)熱點(diǎn)通常為圖片上的超鏈接區(qū)域，包含熱點(diǎn)的圖片稱為圖像映射，用戶單擊熱點(diǎn)區(qū)域可以轉(zhuǎn)到相應(yīng)的鏈接目標(biāo)熱點(diǎn)的形狀可以是長(zhǎng)方形、圓形或多邊形超鏈接3.4熱點(diǎn)熱點(diǎn)是一種特殊的超鏈接形式，一般表現(xiàn)為圖像上具有某種形狀的一塊區(qū)域，或者是放置在矩形區(qū)間的一段文本當(dāng)訪問(wèn)者單擊該區(qū)域或文本時(shí)，將打開(kāi)超鏈接的目標(biāo)對(duì)象創(chuàng)建熱點(diǎn)的操作步驟如下超鏈接3.4Step1Step2選定要定義熱點(diǎn)的圖片，在【圖片】工具欄中，單擊長(zhǎng)方形、圓形或多邊形熱點(diǎn)按鈕匹配需要的形狀在圖片上，采用鼠標(biāo)拖動(dòng)操作畫(huà)出所選形狀；最后雙擊完成所選形狀的繪制；釋放鼠標(biāo)，系統(tǒng)彈出【插入超鏈接】對(duì)話框按照插入超鏈接的方法創(chuàng)建超鏈接即可；當(dāng)鼠標(biāo)移動(dòng)到熱區(qū)時(shí)，光標(biāo)變?yōu)槭中?；單擊鼠?biāo)，超鏈接的目標(biāo)網(wǎng)頁(yè)就會(huì)顯示在瀏覽器窗口中Step3超鏈接3.4超鏈接3.4帶熱點(diǎn)的圖像地圖

書(shū)簽超鏈接書(shū)簽是網(wǎng)頁(yè)中被標(biāo)記的位置或被標(biāo)記的文本，單擊書(shū)簽超鏈接，將直接跳轉(zhuǎn)到該書(shū)簽所在的位置創(chuàng)建書(shū)簽的操作步驟如下超鏈接3.4Step1Step2打開(kāi)要定義書(shū)簽的網(wǎng)頁(yè)，并切換到網(wǎng)頁(yè)視圖的設(shè)計(jì)模式下；選中要標(biāo)記為文本書(shū)簽的文本或?qū)⒐鈽?biāo)移到要定義為位置書(shū)簽的網(wǎng)頁(yè)特定位置使用【插入/書(shū)簽…】菜單命令，打開(kāi)書(shū)簽對(duì)話框，在【書(shū)簽名稱】輸入框中輸入要定義書(shū)簽的名稱點(diǎn)擊【確定】按鈕，書(shū)簽創(chuàng)建成功；被定義為文本書(shū)簽的文本，將被系統(tǒng)自動(dòng)添加下劃虛線予以標(biāo)識(shí)顯示；定義為位置書(shū)簽的特定位置處，將顯示出一個(gè)特殊的藍(lán)色旗幟圖標(biāo)Step3超鏈接3.4超鏈接3.4【書(shū)簽】對(duì)話框

電子郵件超鏈接電子郵件超鏈接為用戶發(fā)送電子郵件提供了極大的方便，單擊電子郵件超鏈接，用戶能夠書(shū)寫(xiě)電子郵件內(nèi)容，并發(fā)到指定的地址創(chuàng)建電子郵件超鏈接的步驟如下超鏈接3.4選擇作為電子郵件超鏈接的文本或圖片單擊【插入/超鏈接】菜單命令，彈出【插入超鏈接】對(duì)話框在對(duì)話框的【電子郵件地址】文本框中輸入郵件地址，在【主題】框中鍵入郵件主題單擊【確定】按鈕，完成電子郵件超鏈接的創(chuàng)建Step1Step2Step3Step4超鏈接3.4創(chuàng)建郵箱超鏈接超鏈接3.4下載文件超鏈接若要在網(wǎng)站中提供資料下載功能，就需要?jiǎng)?chuàng)建文件下載超鏈接網(wǎng)站中每個(gè)用于下載的文件都要對(duì)應(yīng)一個(gè)下載超鏈接創(chuàng)建下載文件超鏈接的步驟如下超鏈接3.4選擇作為文件下載超鏈接的文本或圖片單擊【插入/超鏈接】菜單命令，彈出【插入超鏈接】對(duì)話框在【插入超鏈接】對(duì)話框中選擇要下載的文件單擊【確定】按鈕，完成文件下載超鏈接的創(chuàng)建Step1Step2Step3Step4超鏈接3.4網(wǎng)頁(yè)的布局設(shè)計(jì)，是將文字、圖片等網(wǎng)頁(yè)元素，根據(jù)特定的內(nèi)容和主題，在網(wǎng)頁(yè)所限定的范圍中進(jìn)行視覺(jué)的關(guān)聯(lián)與配置，從而將設(shè)計(jì)意圖以視覺(jué)形式表現(xiàn)出來(lái)。網(wǎng)頁(yè)的布局一般使用表格或框架來(lái)實(shí)現(xiàn)網(wǎng)頁(yè)布局3.5表格表格由單元格構(gòu)成的行和列組成，單元格中可以插入文本、圖片以及其他對(duì)象網(wǎng)頁(yè)布局-表格3.5利用表格可以有條理地排列數(shù)據(jù)或組織網(wǎng)頁(yè)布局。表格的行、列和單元格都可以進(jìn)行復(fù)制、粘貼，在表格中還可以插入表格，一層層的表格嵌套使設(shè)計(jì)更加方便FrontPage2003提供了與Word字處理軟件類似的表格處理功能，在網(wǎng)頁(yè)中可以輕松地創(chuàng)建和編輯表格網(wǎng)頁(yè)布局-表格3.5創(chuàng)建表格的方法

使用【表格/繪制表格】菜單命令，打開(kāi)【表格】工具欄，使用各類工具按鈕，先手工繪制出表格的輪廓邊框，然后再繪制表格的各個(gè)單元格,從而創(chuàng)建一個(gè)不規(guī)則的表格點(diǎn)擊【常用】工具欄上的【插入表格】工具按鈕，在表格定制模板中通過(guò)拖動(dòng)方式快速生成一個(gè)規(guī)則空表使用菜單命令【表格/插入/表格】，在打開(kāi)的【插入表格】對(duì)話框中指定表格的行列數(shù)目、表格布局、對(duì)齊方式、表格邊框、背景等屬性，創(chuàng)建規(guī)則的空表網(wǎng)頁(yè)布局-表格3.5設(shè)置表格布局網(wǎng)頁(yè)布局-表格3.5創(chuàng)建后的表格，可以通過(guò)系統(tǒng)菜單或快捷菜單相應(yīng)的命令進(jìn)行修改與加工具體操作包括：表格行、列的插入與刪除，單元格的插入與刪除，單元格的合并與拆分，表格或單元格的屬性設(shè)置等操作方式與Word表格的用法極為近似網(wǎng)頁(yè)布局-表格3.5用表格布局網(wǎng)頁(yè)時(shí)，首先應(yīng)決定表格在垂直方向(即行)和水平方向(即列)所需的單元格數(shù)量；有時(shí)還需要為跨越多行或多列的網(wǎng)頁(yè)對(duì)象合并單元格多數(shù)網(wǎng)頁(yè)布局采用邊框不可見(jiàn)類型的表格，這可通過(guò)設(shè)置表格邊框粗細(xì)的屬性值為0來(lái)實(shí)現(xiàn)網(wǎng)頁(yè)布局-表格3.5框架框架是進(jìn)行網(wǎng)頁(yè)布局設(shè)計(jì)的一種重要手段，框架將瀏覽器窗口劃分為幾個(gè)區(qū)域，每個(gè)框架中都可以顯示一個(gè)獨(dú)立的網(wǎng)頁(yè)網(wǎng)頁(yè)布局-框架3.5框架網(wǎng)頁(yè)并不包含顯示的內(nèi)容，只是記錄了該框架網(wǎng)頁(yè)包含幾個(gè)框架、其拆分方式以及每個(gè)框架中顯示哪個(gè)網(wǎng)頁(yè)（與其他網(wǎng)頁(yè)的超鏈接）等瀏覽器窗口中顯示的網(wǎng)頁(yè)實(shí)際是這些框架的集合，因此被稱為框架網(wǎng)頁(yè)網(wǎng)頁(yè)布局-框架3.5創(chuàng)建框架網(wǎng)頁(yè)FrontPage2003中，可以使用框架網(wǎng)頁(yè)布局模板創(chuàng)建框架網(wǎng)頁(yè)創(chuàng)建框架網(wǎng)頁(yè)的步驟如下網(wǎng)頁(yè)布局-框架3.5點(diǎn)擊【文件/新建】菜單命令，在面板中選中【新建網(wǎng)頁(yè)/其他網(wǎng)頁(yè)模板】選項(xiàng),打開(kāi)【網(wǎng)頁(yè)模板】對(duì)話框在對(duì)話框中打開(kāi)【框架網(wǎng)頁(yè)】選項(xiàng)卡，選擇所需的模板，在【說(shuō)明】及【預(yù)覽】域中查看模板說(shuō)明及預(yù)覽圖單擊【確定】按鈕，創(chuàng)建出框架網(wǎng)頁(yè)的布局結(jié)構(gòu)，顯示在當(dāng)前編輯工作區(qū)中新建框架中包含【設(shè)置初始網(wǎng)頁(yè)】和【新建網(wǎng)頁(yè)】?jī)蓚€(gè)按鈕，分別用來(lái)裝載初始化網(wǎng)頁(yè)與新建空白網(wǎng)頁(yè)Step1Step2Step3Step4網(wǎng)頁(yè)布局-框架3.5網(wǎng)頁(yè)布局-框架3.5網(wǎng)頁(yè)模板的版面效果

網(wǎng)頁(yè)布局-框架3.5框架網(wǎng)頁(yè)的布局結(jié)構(gòu)拆分框架當(dāng)使用模板創(chuàng)建的框架結(jié)構(gòu)不能滿足需要時(shí)，可以通過(guò)拆分框架制作出更為復(fù)雜的框架網(wǎng)頁(yè)拆分框架的步驟如下網(wǎng)頁(yè)布局-框架3.5Step1Step2選擇要拆分的框架，單擊【框架/拆分框架】菜單命令，系統(tǒng)彈出【拆分框架】對(duì)話框根據(jù)需要選擇【拆分為列】或【拆分成行】，單擊【確定】按鈕完成拆分可按住Ctrl鍵拖動(dòng)框架的邊框?qū)崿F(xiàn)拆分框架Step3網(wǎng)頁(yè)布局-框架3.5刪除框架可從框架結(jié)構(gòu)中刪除指定的框架，此時(shí)系統(tǒng)只是把框架從框架網(wǎng)頁(yè)中刪去，而框架中的網(wǎng)頁(yè)文件仍然存在刪除了一個(gè)框架后，其余框架會(huì)加寬以填充刪除框架留下的空間若框架網(wǎng)頁(yè)只有一個(gè)框架，則不能刪除該框架網(wǎng)頁(yè)布局-框架3.5刪除框架的操作方法為：選擇要?jiǎng)h除的框架單擊【框架/刪除框架】菜單命令即可網(wǎng)頁(yè)布局-框架3.5設(shè)置框架在框架網(wǎng)頁(yè)中可以設(shè)置框架的大小、框架的邊距和在框架中是否顯示滾動(dòng)條等屬性網(wǎng)頁(yè)布局-框架3.5設(shè)置框架的操作方法為：選擇要?jiǎng)h除的框架單擊【框架/框架屬性】菜單命令，打開(kāi)【框架屬性】對(duì)話框在對(duì)話框中設(shè)置各種框架屬性網(wǎng)頁(yè)布局-框架3.5網(wǎng)頁(yè)布局-框架3.5框架屬性對(duì)話框發(fā)布網(wǎng)站所謂發(fā)布網(wǎng)站