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

FrontPage2003

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

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

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

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

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

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

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

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

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

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

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

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