版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
第9章網(wǎng)頁(yè)制作9.1FrontPage2003簡(jiǎn)介9.2網(wǎng)頁(yè)基本操作9.3編輯網(wǎng)頁(yè)9.4使用框架9.5制作動(dòng)態(tài)網(wǎng)頁(yè)9.6站點(diǎn)管理 9.1FrontPage2003簡(jiǎn)介
FrontPage是Microsoft公司在Office2000中新增的Web站點(diǎn)創(chuàng)建和網(wǎng)頁(yè)制作軟件。所有的Office套裝軟件都具有完全相似的窗口界面,功能大致相同的菜單命令、工具按鈕,很容易讓人產(chǎn)生親近感,因而用戶在使用Word、Excel等方面的經(jīng)驗(yàn)和技巧都可以運(yùn)用到FrontPage中。
FrontPage2003的功能非常強(qiáng)大,具有創(chuàng)建、組織、管理和瀏覽站點(diǎn),編輯、布局網(wǎng)頁(yè),調(diào)整網(wǎng)頁(yè)之間的層次結(jié)構(gòu)、發(fā)布站點(diǎn)等功能,還能實(shí)現(xiàn)創(chuàng)建或修改站點(diǎn)的結(jié)構(gòu),導(dǎo)入其他網(wǎng)頁(yè),導(dǎo)出某個(gè)網(wǎng)頁(yè),管理訪問(wèn)權(quán)限,檢驗(yàn)站點(diǎn)中的各個(gè)超鏈接等方面的功能。
FrontPage2003能自動(dòng)地生成全部的HTML代碼,使用FrontPage2003不需要學(xué)習(xí)HTML語(yǔ)言就可以創(chuàng)建一些簡(jiǎn)單的網(wǎng)頁(yè)。利用菜單可以執(zhí)行FrontPage2003提供的各種編輯命令,在編輯區(qū)內(nèi),網(wǎng)頁(yè)制作者可以不用了解HTML是如何編制的,所見(jiàn)即所得地設(shè)計(jì)和規(guī)劃網(wǎng)頁(yè)。9.1.1FrontPage2003界面
FrontPage2003啟動(dòng)方法與Word2003的啟動(dòng)方法類似,操作步驟如下:
(1)單擊Windows2000任務(wù)欄上的“開(kāi)始”按鈕,打開(kāi)“開(kāi)始”菜單。
(2)在“開(kāi)始”菜單中,單擊“程序”→“MicrosoftFrontPage”命令,即可打開(kāi)FrontPage2003程序的主窗口界面,如圖9-1所示。由于還沒(méi)有進(jìn)行任何操作,所以工作區(qū)是空白的。圖9-1FrontPage2003程序的主窗口界面
FrontPage2003的用戶界面與Office2000的其他軟件相似,主要由標(biāo)題欄、菜單欄、工具欄、視圖區(qū)、編輯區(qū)和狀態(tài)欄等幾部分組成,如圖9-2所示。圖9-2FrontPage2003工作界面
1.標(biāo)題欄
標(biāo)題欄位于FrontPage2003工作界面的最上方,它由控制按鈕、窗口標(biāo)識(shí)和窗口按鈕三部分組成??刂瓢粹o位于標(biāo)題欄最左邊,用于執(zhí)行移動(dòng)、最小化、最大化和關(guān)閉窗口等相關(guān)操作。窗口標(biāo)識(shí)占據(jù)了標(biāo)題欄的主要空間,用于標(biāo)識(shí)應(yīng)用程序名稱和站點(diǎn)名稱。圖9-3FrontPage2003菜單欄
3.工具欄工具欄以工具按鈕的形式為用戶提供了主要的編輯和管理功能,如圖9-4所示。用戶可調(diào)整在屏幕上顯示的工具欄的種類和工具欄所在的位置。?FrontPage2003提供了常用、?格式、DHTML效果、報(bào)表、表格、導(dǎo)航、定位、圖片、樣式和自定義等工具。打開(kāi)“查看”菜單下的“工具欄”下的級(jí)聯(lián)菜單,可添加用戶所想要的工具欄。圖9-4FrontPage2003常用工具欄圖9-5FrontPage2003網(wǎng)頁(yè)視圖在網(wǎng)頁(yè)視圖中,編輯區(qū)的左下角有四個(gè)切換顯示模式的標(biāo)簽,分別是“設(shè)計(jì)”、“拆分”、“代碼”和“預(yù)覽”標(biāo)簽。單擊“設(shè)計(jì)”標(biāo)簽可切換到設(shè)計(jì)模式。在設(shè)計(jì)模式下可以編輯網(wǎng)頁(yè);單擊“預(yù)覽”標(biāo)簽可切換到預(yù)覽模式,可以預(yù)覽當(dāng)前編輯文檔在瀏覽器中的顯示情況,在預(yù)覽模式下不能編輯網(wǎng)頁(yè);單擊“代碼”標(biāo)簽可切換到HTML模式,此時(shí)可直接對(duì)網(wǎng)頁(yè)對(duì)應(yīng)的HTML文本文件進(jìn)行編輯,從而為網(wǎng)頁(yè)作一些特殊的設(shè)置。
5.編輯區(qū)
編輯區(qū)是用戶使用得最多的部分,它是管理網(wǎng)站和制作網(wǎng)頁(yè)的主要場(chǎng)所。當(dāng)使用管理功能時(shí),編輯區(qū)顯示各種任務(wù)下的文件或站點(diǎn)信息。當(dāng)制作網(wǎng)頁(yè)時(shí),它有設(shè)計(jì)、代碼、拆分和預(yù)覽四種顯示方式。設(shè)計(jì)顯示方式最常用,代碼顯示方式是在需要直接編輯或查看網(wǎng)頁(yè)文件的HTML代碼時(shí)使用,如果會(huì)編寫HTML語(yǔ)句,就可以在HTML顯示方式下直接編輯HTML原始代碼并對(duì)其進(jìn)行修改。拆分方式使窗口一半顯示設(shè)計(jì)狀態(tài),一半顯示代碼狀態(tài)。預(yù)覽方式可以隨時(shí)觀看所編輯網(wǎng)頁(yè)的顯示效果。
6.狀態(tài)欄
狀態(tài)欄位于FrontPage2003窗口界面的底部,如圖9-6所示。它對(duì)網(wǎng)頁(yè)預(yù)計(jì)下載的時(shí)間、網(wǎng)頁(yè)大小、網(wǎng)頁(yè)創(chuàng)作設(shè)置和瀏覽器設(shè)置進(jìn)行簡(jiǎn)單的描述。圖9-6FrontPage2003狀態(tài)欄9.1.2退出FrontPage2003
用戶在完成或終止網(wǎng)頁(yè)設(shè)計(jì)工作時(shí),要按照適當(dāng)?shù)牟襟E退出FrontPage2003,以確保不丟失信息。退出FrontPage2003的方法有兩種:一種是單擊“關(guān)閉”按鈕,將程序關(guān)閉;另一種是通過(guò)打開(kāi)“文件”菜單,單擊其中的“退出”命令退出程序。
如果用戶編輯或修改過(guò)的網(wǎng)頁(yè)沒(méi)有保存,在退出之前會(huì)彈出保存對(duì)話框,詢問(wèn)是否保存。如果要保存,單擊“是(Y)”按鈕,否則單擊“否(N)”按鈕。如果單擊“否(N)”按鈕,這時(shí)所做的編輯或修改的內(nèi)容將全部丟失。如果不想退出,則單擊“取消”按鈕。
9.2網(wǎng)頁(yè)基本操作
9.2.1創(chuàng)建網(wǎng)頁(yè)
網(wǎng)頁(yè)是全球廣域網(wǎng)上的基本文檔,用HTML(超文本標(biāo)記語(yǔ)言)書寫。網(wǎng)頁(yè)可以是站點(diǎn)的一部分,也可以獨(dú)立存在。網(wǎng)頁(yè)文件的創(chuàng)建、保存、打開(kāi)和關(guān)閉操作與Word相似。創(chuàng)建網(wǎng)頁(yè)的操作步驟如下:
(1)打開(kāi)“文件”菜單,選擇“新建”菜單后,在任務(wù)窗格中單擊“其他網(wǎng)頁(yè)模板”,彈出如圖9-7所示的“新建”對(duì)話框。
(2)從“常規(guī)”選項(xiàng)卡中選擇所需要的模板。在“預(yù)覽”區(qū)中出現(xiàn)這種模板的預(yù)覽視圖,在“說(shuō)明”區(qū)中有簡(jiǎn)單的描述。
為了更好地了解這些網(wǎng)頁(yè)模板,可單擊圖9-7右側(cè)上方的“列表”按鈕,將顯示方式由大圖標(biāo)方式改變?yōu)榱斜矸绞絹?lái)顯示。在列表顯示方式中,可以看到多種模板。通過(guò)名稱、說(shuō)明和預(yù)覽可以了解到各種模板的樣式。圖9-7“新建”對(duì)話框
(3)選擇一種模板后,例如“確認(rèn)表單”模板,單擊“確定”按鈕,確定了所選擇的網(wǎng)頁(yè)模板,如圖9-8所示。這樣就可以在模板的基礎(chǔ)上修改文字,進(jìn)行網(wǎng)頁(yè)編輯等操作了。圖9-8“確認(rèn)表單”模板例如,新建一個(gè)“郵件確認(rèn)”網(wǎng)頁(yè),用圖9-9中的文字替代圖9-8模板中的文字,即得到一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)。圖9-9“郵件確認(rèn)”網(wǎng)頁(yè)圖9-10“另存為”對(duì)話框
(2)輸入文件名,單擊“保存”按鈕就可以完成保存。
如果選擇“文件”菜單中的“另存為”命令,則將文件再保存為一個(gè)不同于當(dāng)前文件名的新文件?!傲泶鏋椤辈襟E如下:
(1)在“另存為”對(duì)話框中,給文件重新起一個(gè)名字。
(2)單擊“更改”按鈕,彈出“設(shè)置網(wǎng)頁(yè)標(biāo)題”對(duì)話框,可以重新設(shè)置網(wǎng)頁(yè)標(biāo)題,也可以不改。
(3)單擊“確定”按鈕,完成“另存為”操作。
(2)選擇要打開(kāi)文件所在的文件夾,打開(kāi)文件夾。
(3)選中要打開(kāi)的文件,單擊“打開(kāi)”按鈕,這樣就打開(kāi)了選中的文件。圖9-11“打開(kāi)文件”對(duì)話框圖9-12“頁(yè)面設(shè)置”對(duì)話框 9.3編輯網(wǎng)頁(yè)
9.3.1設(shè)置網(wǎng)頁(yè)屬性
在“設(shè)計(jì)”視圖顯示方式下,選擇“文件”菜單的“屬性”命令或在編輯區(qū)單擊鼠標(biāo)右鍵,在彈出的快捷菜單中選擇“網(wǎng)頁(yè)屬性”命令,即可打開(kāi)如圖9-13所示的“網(wǎng)頁(yè)屬性”對(duì)話框。在“網(wǎng)頁(yè)屬性”對(duì)話框中有“常規(guī)”、“格式”、“高級(jí)”、“自定義”、“語(yǔ)言”和“工作組”等六個(gè)選項(xiàng)卡,可以對(duì)網(wǎng)頁(yè)進(jìn)行屬性設(shè)置。圖9-13“網(wǎng)頁(yè)屬性”對(duì)話框
(1)“常規(guī)”選項(xiàng)卡用來(lái)設(shè)置具有鮮明個(gè)性和最能概括網(wǎng)頁(yè)內(nèi)容的標(biāo)題信息作為網(wǎng)頁(yè)標(biāo)題以區(qū)分網(wǎng)頁(yè)。在“默認(rèn)的目標(biāo)框架”欄中指定目標(biāo)框架名,使網(wǎng)頁(yè)中所有的超鏈接都跳轉(zhuǎn)到指定的目標(biāo)框架中。在“背景音樂(lè)”欄中可指定網(wǎng)頁(yè)背景音樂(lè),以便瀏覽器打開(kāi)網(wǎng)頁(yè)時(shí)能自動(dòng)播放背景音樂(lè)。
(2)“格式”選項(xiàng)卡用來(lái)為網(wǎng)頁(yè)指定背景圖片、背景顏色、文字顏色和超鏈接顏色。選定“水印”效果可使網(wǎng)頁(yè)滾動(dòng)時(shí)背景圖案保持靜止,設(shè)置超鏈接翻轉(zhuǎn)效果能使用戶在瀏覽網(wǎng)頁(yè)并指向超鏈接文字時(shí)改變字體和顏色特性,如圖9-14所示。
如果網(wǎng)頁(yè)應(yīng)用了主題就不能在“網(wǎng)頁(yè)屬性”對(duì)話框中看到選項(xiàng)卡。圖9-14“格式”選項(xiàng)卡
(3)“高級(jí)”選項(xiàng)卡用來(lái)指定頁(yè)面內(nèi)容相對(duì)于頂端和左端以像素為單位的留空距離。
(4)“自定義”選項(xiàng)卡用來(lái)定義文檔類型、字符集和頁(yè)面創(chuàng)建應(yīng)用程序等系統(tǒng)變量和用戶變量。
(5)“語(yǔ)言”選項(xiàng)卡用來(lái)設(shè)置網(wǎng)頁(yè)中涉及的語(yǔ)言問(wèn)題以確保瀏覽器能正常顯示而不出現(xiàn)亂碼。9.3.2編輯文本
FrontPage2003中的文本編輯基本上遵循Windows的文本編輯標(biāo)準(zhǔn),特別是與Word中的文本編輯功能非常相似。在網(wǎng)頁(yè)上輸入文本非常簡(jiǎn)單,只要在“設(shè)計(jì)”顯示模式下將插入點(diǎn)定位在需要的地方輸入文本即可。輸入過(guò)程中如按回車鍵,F(xiàn)rontPage2003默認(rèn)為另起一個(gè)段落,屏幕上將看到光標(biāo)定位在下一個(gè)空白行的位置上。
若僅需換行而不希望另起一個(gè)段落時(shí),則應(yīng)按Shift+Enter組合鍵或選擇“插入”菜單的“換行”命令并在“換行符屬性”對(duì)話框中選中“普通換行符”單選鈕,這樣無(wú)論屏幕窗口大小如何,文本都會(huì)強(qiáng)制換行。
FrontPage2003提供了多種方法選定頁(yè)面文本。
(1)英文單詞:當(dāng)鼠標(biāo)位于某個(gè)英文單詞的任何一個(gè)字母上時(shí)雙擊鼠標(biāo)左鍵即可選中。
(2)中文單詞:當(dāng)鼠標(biāo)位于某個(gè)中文單詞上時(shí)雙擊鼠標(biāo)左鍵即可選中。
(3)文本塊:光標(biāo)定位于文本塊首,按下鼠標(biāo)左鍵拖動(dòng)至文本塊尾或按住Shift鍵的同時(shí),在文本塊尾單擊鼠標(biāo)左鍵或按住Shift鍵的同時(shí)按相應(yīng)方向的光標(biāo)鍵均可選中。
(4)文本行:當(dāng)光標(biāo)在行首變成右向箭頭時(shí)單擊鼠標(biāo)左鍵可選中單行文本。當(dāng)光標(biāo)位于行首時(shí)按下鼠標(biāo)左鍵上下拖動(dòng)可選定多行文本。
(5)文本段:當(dāng)光標(biāo)位于段落左側(cè)時(shí)雙擊鼠標(biāo)左鍵可選中文本段。
(6)全部文本:按Ctrl+A組合鍵或選擇“編輯”菜單中的“全選”命令可選定頁(yè)面上全部文本。選定文本后利用“編輯”菜單中的“剪切”、“復(fù)制”和“粘貼”命令或“常用”工具欄中的“剪切”、“復(fù)制”和“粘貼”按鈕即可移動(dòng)或復(fù)制文本。利用鼠標(biāo)拖放技術(shù)也可移動(dòng)或復(fù)制文本,復(fù)制文本時(shí),則在按住Ctrl鍵的同時(shí)進(jìn)行拖放操作。9.3.3修飾文本
文本格式化包括兩類格式,一類是針對(duì)選定字體進(jìn)行修飾的字體格式,可設(shè)置字體、字型、大小、顏色、效果和字符間距等;另一類是針對(duì)當(dāng)前段落進(jìn)行修飾的段落格式,可調(diào)整段落對(duì)齊方式、縮進(jìn)和段落間距等。
一個(gè)好的網(wǎng)頁(yè)應(yīng)該是形式與內(nèi)容的完美統(tǒng)一。因此,充分利用FrontPage2003的文本格式化工具對(duì)網(wǎng)頁(yè)文本進(jìn)行修飾和美化是網(wǎng)頁(yè)編輯的一項(xiàng)基本工作。修飾文本主要利用“格式”工具欄、“字體”對(duì)話框和“段落”對(duì)話框。格式工具欄如圖9-15所示。圖9-15“格式”工具欄
1.設(shè)置字體格式
(1)設(shè)置字體:選定要設(shè)置字體的文字,打開(kāi)“格式”工具欄中的“字體”下拉列表框,選擇相應(yīng)的字體進(jìn)行設(shè)置就可以了。
(2)設(shè)置字號(hào):選定文字,在“格式”工具欄“字號(hào)”下拉列表框中選擇相應(yīng)字號(hào)即可。
(3)設(shè)置字型:選定文字,單擊“格式”工具欄上“加粗”、“傾斜”或“下劃線”按鈕即可設(shè)置相應(yīng)字型。
(4)設(shè)置顏色:選定文字,單擊“格式”工具欄“字體顏色”按鈕旁的向下箭頭,選擇某一顏色后選定文字的顏色就改變了。一般不要改變網(wǎng)頁(yè)中超鏈接顏色設(shè)置,這是大多數(shù)人所遵循的顏色設(shè)置。
以上操作也可通過(guò)“字體”對(duì)話框設(shè)置完成,如圖9-16所示。若要打開(kāi)“字體”對(duì)話框,選擇“格式”菜單下的“字體”命令?;蛘咴诰庉媴^(qū)單擊鼠標(biāo)右鍵,打開(kāi)快捷菜單后選擇“字體”命令。這里除了“格式”工具欄可以做的設(shè)置以外,還可以設(shè)置字體效果和字符間距。
設(shè)置字體格式時(shí),如果當(dāng)前沒(méi)有選定文本,則設(shè)定格式將對(duì)從光標(biāo)處輸入的文本起作用;如果當(dāng)前已選定文本,則設(shè)定格式對(duì)選定文本起作用。圖9-16“字體”對(duì)話框
2.設(shè)置段落格式
文本組織離不開(kāi)段落,沒(méi)有誰(shuí)愿意看一篇從頭到尾沒(méi)有段落間隔的文章。在FrontPage2003中創(chuàng)建新段落很方便,按Enter鍵就可在新的一行上開(kāi)始一個(gè)新的段落。
段落格式化是針對(duì)整個(gè)段落的,因此在格式化前應(yīng)選定一個(gè)或多個(gè)段落。如果沒(méi)有選定整個(gè)段落,則格式化將被應(yīng)用到光標(biāo)所在段落。利用“格式”工具欄上提供的三個(gè)段落對(duì)齊方式按鈕可以快速執(zhí)行段落對(duì)齊操作,但全面的段落格式化操作要利用“段落”對(duì)話框,要打開(kāi)“段落”對(duì)話框,只要打開(kāi)“格式”菜單后選擇“段落”命令,或者在編輯區(qū)單擊鼠標(biāo)右鍵打開(kāi)快捷菜單后,選擇“段落”命令,彈出如圖9-17所示的“段落”對(duì)話框。其中各選項(xiàng)的使用方法與Word類似。圖9-17“段落”對(duì)話框使用FrontPage2003時(shí),在默認(rèn)情況下,段與段之間的間距較大。可以按下Shift?+?Enter組合鍵或打開(kāi)“插入”菜單后選擇“換行符”命令實(shí)現(xiàn)換行,這樣開(kāi)始的一行仍是原段落的一部分,并且保留原段落所有格式屬性。
3.使用樣式
“樣式”是字體、段落等各種格式化信息的集合。利用“格式”工具欄中的“樣式”下拉框,可以將各種標(biāo)題和項(xiàng)目符號(hào)等預(yù)置樣式和自定義樣式應(yīng)用到段落中去。若要修改或新建樣式,則打開(kāi)“格式”菜單,選擇“樣式”命令,在“樣式”對(duì)話框中進(jìn)行相關(guān)操作。
對(duì)前面制作的網(wǎng)頁(yè)“郵件確認(rèn)表單”進(jìn)行文本格式設(shè)定和修飾后,如圖9-18所示。與圖9-9相比,效果明顯改善。圖9-18“郵件確認(rèn)”網(wǎng)頁(yè)9.3.4設(shè)置背景
1.設(shè)置網(wǎng)頁(yè)的背景圖片
我們可以為網(wǎng)頁(yè)設(shè)置背景圖片。所有的網(wǎng)頁(yè)元素,如文本和圖形,都會(huì)出現(xiàn)在當(dāng)前背景圖片上。背景圖片可以是站點(diǎn)、文件系統(tǒng)、全球廣域網(wǎng)或剪貼畫中的圖片,也可以將背景圖片設(shè)置為水印。設(shè)置網(wǎng)頁(yè)背景圖片的操作步驟如下:
(1)在網(wǎng)頁(yè)視圖模式下,右鍵單擊網(wǎng)頁(yè),然后單擊快捷菜單中的“網(wǎng)頁(yè)屬性”,單擊“格式”選項(xiàng)卡,如圖9-14所示。
(2)選擇“背景圖片”復(fù)選框,然后單擊“瀏覽”,彈出如圖9-19所示的對(duì)話框。
(3)在圖9-19中選擇背景圖片,可以選擇剪貼畫、本地計(jì)算機(jī)上的圖片,也可以選擇廣域網(wǎng)上的圖片。圖9-19選擇背景圖片
2.設(shè)置背景顏色
設(shè)置網(wǎng)頁(yè)背景顏色的操作步驟如下:
(1)在網(wǎng)頁(yè)視圖模式下,右鍵單擊網(wǎng)頁(yè),然后單擊快捷菜單中的“網(wǎng)頁(yè)屬性”,單擊“背景”選項(xiàng)卡,如圖9-14所示。
(2)在背景框中選擇一種背景即可。
3.設(shè)置背景音樂(lè)
在網(wǎng)頁(yè)中設(shè)置背景聲音后,當(dāng)訪問(wèn)者打開(kāi)網(wǎng)頁(yè)時(shí),就會(huì)播放聲音。設(shè)置背景音樂(lè)的操作步驟如下:
(1)在網(wǎng)頁(yè)視圖模式下,右鍵單擊網(wǎng)頁(yè),然后單擊快捷菜單中的“網(wǎng)頁(yè)屬性”,打開(kāi)如圖9-14所示的對(duì)話框。
(2)在“常規(guī)”選項(xiàng)卡中的“背景音樂(lè)”的“位置”框中,鍵入要播放的聲音文件,或單擊“瀏覽”來(lái)找出所要播放的聲音文件。
(3)如要持續(xù)地播放聲音,可選擇“不限次數(shù)”復(fù)選框,如只要聲音播放固定次數(shù),則清除“不限次數(shù)”復(fù)選框,然后在“循環(huán)次數(shù)”框中鍵入所想播放的聲音次數(shù)。9.3.5使用超鏈接
1.使用文本超鏈接
文本超鏈接是指以文本為超鏈接源的超鏈接,網(wǎng)頁(yè)上絕大多數(shù)的超鏈接都是文本超鏈接。瀏覽器通常給包含超鏈接的文本加下劃線,并以一種顏色來(lái)顯示,通常是藍(lán)色,如果用戶訪問(wèn)過(guò)一個(gè)超鏈接,則它對(duì)應(yīng)的文字的顏色就變成暗紅色。
創(chuàng)建文本超鏈接的步驟如下:
(1)在“網(wǎng)頁(yè)”視圖中,選中作為超鏈接源的文本。
(2)在選中的文本上,單擊鼠標(biāo)右鍵,在彈出快捷菜單中選擇“超鏈接”命令,彈出“插入超鏈接”對(duì)話框,如圖9-20所示。
圖9-20“插入超鏈接”對(duì)話框
·本文檔中的位置:選中要作為超鏈接的文字或其他內(nèi)容,單擊鼠標(biāo)右鍵,彈出快捷菜單,在其中選擇“超鏈接”命令,彈出“創(chuàng)建超鏈接”對(duì)話框。單擊“本文檔中的位置”選項(xiàng),選擇文檔中的書簽位置,然后單擊“確定”按鈕。
·新建文檔:在彈出的“創(chuàng)建超鏈接”對(duì)話框中單擊“創(chuàng)建一個(gè)網(wǎng)頁(yè)并鏈接到該網(wǎng)頁(yè)”按鈕,彈出“新建網(wǎng)頁(yè)”對(duì)話框,輸入“新建文檔名稱”。返回FrontPage2003主界面,新建了一個(gè)新的網(wǎng)頁(yè)。
·電子郵件地址:選中要以E-mail地址作為超鏈接目標(biāo)的E-mail地址,單擊鼠標(biāo)右鍵,彈出快捷菜單,如圖9-21所示。在其中選擇“超鏈接”命令,彈出“創(chuàng)建超鏈接”對(duì)話框。單擊“電子郵件地址”選項(xiàng),彈出如圖9-22所示的“創(chuàng)建電子郵件超鏈接”對(duì)話框。在“電子郵件地址”欄中鍵入要發(fā)送的電子郵件,單擊“確定”按鈕。圖9-21E-mail地址的快捷菜單圖9-22“創(chuàng)建電子郵件超鏈接”對(duì)話框
2.創(chuàng)建圖片超鏈接
使用圖片作為超鏈接源要比用文字作為超鏈接源生動(dòng)得多,但是圖片文件比較大,傳輸速度比較慢。因此在網(wǎng)頁(yè)中利用圖片作為超鏈接要少而精。
創(chuàng)建整個(gè)圖片的超鏈接的步驟如下:
(1)在“網(wǎng)頁(yè)”視圖中,選中需要建立超鏈接的圖片,單擊鼠標(biāo)右鍵,在彈出的快捷菜單中選擇“超鏈接”命令,彈出如圖9-20所示的“插入超鏈接”對(duì)話框。
(2)選擇需要鏈接到的目標(biāo)。同樣,在對(duì)話框中可以選擇四種鏈接目標(biāo),具體使用方法與創(chuàng)建文本超鏈接一樣,這里不再重復(fù)。
(3)單擊“確定”按鈕即可。創(chuàng)建整個(gè)圖片的超鏈接還有一種方法,其步驟如下:
(1)在“網(wǎng)頁(yè)”視圖中,選中需要建立超鏈接的圖片,單擊鼠標(biāo)右鍵,在彈出的快捷菜單中選擇“圖片屬性”命令,在彈出的“圖片屬性”對(duì)話框中選擇“常規(guī)”選項(xiàng)卡,如圖9-23所示。圖9-23“常規(guī)”選項(xiàng)卡
(2)在“默認(rèn)超鏈接”下的“位置”中直接鍵入目標(biāo)網(wǎng)頁(yè)的URL,單擊“確定”按鈕,彈出“創(chuàng)建超鏈接”對(duì)話框。也可以單擊“瀏覽”按鈕,彈出“編輯超鏈接”對(duì)話框。
(3)選擇需要鏈接到的目標(biāo),同樣也有多種選擇。
(4)選擇完畢,單擊“確定”按鈕。返回“圖片屬性”對(duì)話框,在“位置”中自動(dòng)填上選擇目標(biāo)的URL。
(5)單擊“確定”按鈕即可。9.3.6使用表格
作為組織文字的一種方法,表格具有很多優(yōu)點(diǎn),用表格可以非常方便地排列網(wǎng)頁(yè)中的文本。在網(wǎng)頁(yè)設(shè)計(jì)中,表格可用來(lái)調(diào)整頁(yè)面布局;對(duì)網(wǎng)頁(yè)信息進(jìn)行分類處理;進(jìn)行圖文混排;添加表格背景色調(diào);還可以利用表格把圖像分成小塊。
1.創(chuàng)建表格
FrontPage2003提供了方便、快捷、靈活的多種表格操作,在主菜單中有“表格”菜單,在工具欄中提供了表格工具欄。
打開(kāi)“表格”菜單,該菜單有許多選項(xiàng),其中四個(gè)常用的菜單項(xiàng)是插入、選擇、轉(zhuǎn)換、屬性等。
·插入:有四個(gè)子選項(xiàng),分別用來(lái)插入表格、插入行、插入列和插入單元格。
·選擇:有四個(gè)子選項(xiàng),分別用來(lái)選定表格、選定行、選定列和選定單元格。
·轉(zhuǎn)換:有兩個(gè)子選項(xiàng),分別實(shí)現(xiàn)“表格轉(zhuǎn)換為文本”和“文本轉(zhuǎn)換為表格”。
·屬性:分別用來(lái)查看表格、單元格和標(biāo)題的屬性。
打開(kāi)“查看”菜單,選擇“工具欄”的“表格”命令,彈出表格工具欄,如圖9-24所示。圖9-24表格工具欄創(chuàng)建表格是常用的一種操作。創(chuàng)建表格的步驟如下:
(1)打開(kāi)“表格”菜單,選擇“插入”中的“表格”命令,彈出圖9-25所示的“插入表格”對(duì)話框。圖9-25“插入表格”對(duì)話框
2.設(shè)置表格屬性
通過(guò)設(shè)置表格(或單元格)的屬性,可以指定表格(或單元格)的布局、邊框和背景等。設(shè)置表格屬性的步驟如下:
(1)將鼠標(biāo)移到表格內(nèi)的任意位置,單擊鼠標(biāo)右鍵,在彈出的快捷菜單中選擇“表格屬性”命令?;蛘叽蜷_(kāi)“表格”菜單,選擇“表格屬性”→“表格”命令,彈出圖9-26所示“表格屬性”對(duì)話框。圖9-26“表格屬性”對(duì)話框
(2)在對(duì)話框中包括了布局、邊框和背景三個(gè)方面的設(shè)置,用戶可以根據(jù)需要進(jìn)行設(shè)置。
除了設(shè)置表格屬性之外,我們還可以單獨(dú)對(duì)單元格進(jìn)行屬性設(shè)置。設(shè)置單元格屬性的步驟如下:
(1)將鼠標(biāo)移到某單元格內(nèi),單擊鼠標(biāo)右鍵,在彈出的快捷菜單中選擇“單元格屬性”命令?;蛘叽蜷_(kāi)“表格”菜單,選擇“表格屬性”→“單元格”命令,彈出如圖9-27所示的“單元格屬性”對(duì)話框。圖9-27“單元格屬性”對(duì)話框
(2)在對(duì)話框中包括布局、邊框和背景三個(gè)方面的設(shè)置,可以根據(jù)需要進(jìn)行相應(yīng)的設(shè)置。
如果要同時(shí)設(shè)置多個(gè)單元格的屬性,具體步驟如下:
(1)打開(kāi)“表格”菜單,選擇“選定”→“單元格”命令。
(2)按住Ctrl鍵,用鼠標(biāo)依次單擊需要選中的單元格。選擇完畢,單擊鼠標(biāo)右鍵,在彈出的快捷菜單中選擇“單元格屬性”命令,或者打開(kāi)“表格”菜單,選擇“屬性”→“單元格”命令,彈出如圖9-27所示的“單元格屬性”對(duì)話框。
(3)在“單元格屬性”對(duì)話框中,可以設(shè)置它們的布局、邊框和背景圖片等。
3.為表格添加標(biāo)題
FrontPage2003中通常用一個(gè)標(biāo)題作為表格內(nèi)容的概括,相當(dāng)于表格的名稱。標(biāo)題的位置可在表格的上方或下方。為表格添加標(biāo)題的步驟如下:
(1)在“網(wǎng)頁(yè)”視圖方式下,將鼠標(biāo)移到表格中任意一個(gè)單元格內(nèi)。
(2)打開(kāi)“表格”菜單,選擇“插入”→“標(biāo)題”命令。
(3)在表格的頂端自動(dòng)空出一行,并將光標(biāo)定位于這一行中,鍵入表格的標(biāo)題。
(4)將鼠標(biāo)定位于表格標(biāo)題中,單擊鼠標(biāo)右鍵,彈出快捷菜單,在其中選擇“標(biāo)題屬性”命令,彈出圖9-28所示“標(biāo)題屬性”對(duì)話框。圖9-28“標(biāo)題屬性”對(duì)話框
(5)在對(duì)話框中選擇“位置”在“表格底部”,單擊“確定”按鈕。這樣表格的標(biāo)題從在表格的頂端移到了表格的底部。圖9-29單元格中插入圖片
5.在表格中添加背景顏色或背景圖片
可以為表格設(shè)置背景顏色或背景圖片。背景顏色可用來(lái)標(biāo)記特殊的列或欄,起到強(qiáng)調(diào)的作用,背景圖片可以增加表格的視覺(jué)效果。
設(shè)置單元格背景顏色的步驟如下:
(1)選中需要設(shè)置背景顏色的單元格。
(2)打開(kāi)“表格”菜單,選擇“屬性”→“單元格”命令,彈出“單元格屬性”對(duì)話框,如圖9-27所示。
(3)單擊“背景”欄中的“顏色”編輯框的向下箭頭,打開(kāi)顏色編輯框。
(4)選中需要的背景顏色,單擊“確定”按鈕。設(shè)置單元格背景圖片的步驟如下:
(1)選中需要設(shè)置背景圖片的單元格。
(2)打開(kāi)“表格”菜單,選擇“屬性”→“單元格”命令,彈出“單元格屬性”對(duì)話框。
(3)單擊選中“使用背景圖片”復(fù)選框。
(4)單擊“瀏覽”按鈕,打開(kāi)“選擇文件”對(duì)話框,選擇作為背景的圖片文件,單擊“確定”按鈕。不僅可以對(duì)某些單元格設(shè)置背景顏色和圖片,還可以對(duì)整個(gè)表格設(shè)置。設(shè)置表格背景顏色與圖片的方法與單元格設(shè)置方法類似。具體步驟如下:
(1)將光標(biāo)定位在表格中的任意位置。
(2)打開(kāi)“表格”菜單,選擇“屬性”→“表格”命令,彈出“表格屬性”對(duì)話框,如圖9-26所示。
(3)類似于單元格屬性的操作方法,給表格添加背景顏色或背景圖片。9.3.7其他操作
1.項(xiàng)目符號(hào)和編號(hào)
若要顯示不連續(xù)的列表項(xiàng)目,可以創(chuàng)建項(xiàng)目符號(hào)列表;若要顯示連續(xù)的列表項(xiàng)目,則可以創(chuàng)建編號(hào)列表。操作步驟如下:
(1)在網(wǎng)頁(yè)視圖下,將插入點(diǎn)放在要?jiǎng)?chuàng)建列表處,在“格式”菜單上單擊“項(xiàng)目符號(hào)和編號(hào)方式”,彈出如圖9-30所示的對(duì)話框。圖9-30“項(xiàng)目符號(hào)和編號(hào)方式”對(duì)話框
(2)若要使用自定義項(xiàng)目符號(hào),則單擊“圖片項(xiàng)目符號(hào)”選項(xiàng)卡,再單擊“指定圖片”,通過(guò)“瀏覽”來(lái)查找并選取所要使用的圖形;若要使用標(biāo)準(zhǔn)項(xiàng)目符號(hào),如圓圈或方點(diǎn),則單擊“無(wú)格式項(xiàng)目列表”選項(xiàng)卡,再單擊所要使用項(xiàng)目符號(hào)的框,然后單擊“確定”按鈕,如圖9-31所示。圖9-31“無(wú)格式項(xiàng)目列表”選項(xiàng)卡圖9-32“編號(hào)”選項(xiàng)卡
(4)每一個(gè)要添加至列表的項(xiàng)目,直接鍵入項(xiàng)目,然后按Enter鍵。鍵入最后一個(gè)項(xiàng)目之后,可按Enter鍵兩次退出列表。
2.插入水平線
我們可以在網(wǎng)頁(yè)中添加水平線,用于分隔文本或加著重符。在添加水平線后,可以修改其屬性來(lái)更改其寬度、高度、對(duì)齊方式和顏色。插入水平線的操作步驟如下:
(1)在網(wǎng)頁(yè)視圖模式下,請(qǐng)將光標(biāo)移至您想要插入水平線的地方。
(2)在“插入”菜單中,單擊“水平線”,即可插入一條默認(rèn)的水平線。
(3)要修改水平線的外觀,雙擊水平線,彈出如圖9-33所示的對(duì)話框,然后完成一項(xiàng)或多項(xiàng)下列操作:
在“寬度”下,根據(jù)視窗寬度的百分比或像素值來(lái)指定水平線的寬度。
在“高度”下,輸入水平線高度的像素值。
在“對(duì)齊方式”下,指定水平線在網(wǎng)頁(yè)上的對(duì)齊方式。
在“顏色”框中,如果不要陰影線,可為水平線選擇一種顏色。
如果希望水平線以實(shí)心方式出現(xiàn),則選擇“實(shí)線”復(fù)選框。如果希望水平線以陰影方式出現(xiàn),則清除此復(fù)選框。如果選擇了顏色,水平線會(huì)顯示為實(shí)心,將無(wú)法應(yīng)用陰影
效果。圖9-33“水平線屬性”對(duì)話框
3.插入日戳
我們可以在網(wǎng)頁(yè)中添加日戳來(lái)顯示網(wǎng)頁(yè)上次更改的時(shí)間或日期。日戳可讓站點(diǎn)訪問(wèn)者知道,在他們上次訪問(wèn)之后站點(diǎn)上的信息是否有所更改。
插入日戳的操作步驟如下:
(1)在網(wǎng)頁(yè)視圖模式下,請(qǐng)將光標(biāo)移至您想要放置日戳的地方。
(2)在“插入”菜單中,單擊“日期和時(shí)間”,彈出如圖8-25所示的對(duì)話框。
(3)在圖9-34中指定要顯示的日戳的類型及日期和時(shí)間的格式。圖9-34日期和時(shí)間屬性設(shè)置
4.插入注釋
我們可以為網(wǎng)頁(yè)添加注釋,例如將信息提供給另一個(gè)網(wǎng)頁(yè)創(chuàng)作者。注釋具有與當(dāng)前段落樣式相同的屬性,但以不同的顏色顯示。雖然注釋可以在編輯網(wǎng)頁(yè)時(shí)被查看,但站點(diǎn)訪問(wèn)者在瀏覽網(wǎng)頁(yè)時(shí)無(wú)法在Web瀏覽器上看見(jiàn)注釋。插入注釋的操作步驟如下:
(1)在網(wǎng)頁(yè)視圖模式下,將光標(biāo)移至想添加注釋的地方。
(2)在“插入”菜單中,單擊“注釋”,在彈出的“注釋”對(duì)話框中鍵入注釋,單擊“確定”按鈕即可。
(3)雙擊注釋,彈出“注釋”對(duì)話框,在其中編輯注釋即可。 9.4使用框架
9.4.1框架概述
框架用來(lái)在一個(gè)瀏覽器窗口中顯示多個(gè)頁(yè)面??蚣苁蔷W(wǎng)頁(yè)中常用的技術(shù),Internet中的大多數(shù)網(wǎng)頁(yè)都使用了框架技術(shù)。框架技術(shù)將瀏覽器窗口拆分為相互獨(dú)立又保持聯(lián)系的多個(gè)框架,每個(gè)框架都與一個(gè)網(wǎng)頁(yè)文件相對(duì)應(yīng)。框架的獨(dú)立性表現(xiàn)在當(dāng)更新某個(gè)框架內(nèi)容時(shí),不會(huì)影響瀏覽器窗口中的其他框架;框架的關(guān)聯(lián)性表現(xiàn)在單擊某個(gè)框架中的超鏈接時(shí),將在瀏覽器窗口的其他框架中顯示超鏈接目標(biāo)頁(yè)面。在瀏覽網(wǎng)頁(yè)時(shí),我們肯定遇到過(guò)這樣的情形:瀏覽器窗口中被分隔成幾個(gè)不同的區(qū)域,每個(gè)區(qū)域中顯示不同的文檔內(nèi)容。最常見(jiàn)的是將左方或上方區(qū)域設(shè)置為目錄區(qū)域,其中顯示文檔頁(yè)面的目錄索引或?qū)Ш綏l,而將右方或下方區(qū)域設(shè)置為主體區(qū)域,顯示網(wǎng)頁(yè)主體內(nèi)容。通過(guò)單擊不同的目錄索引條目或?qū)Ш綏l按鈕,就可以在主體區(qū)域?qū)崿F(xiàn)網(wǎng)頁(yè)之間的導(dǎo)航。在瀏覽網(wǎng)頁(yè)的同時(shí),目錄索引或?qū)Ш綏l始終顯示在窗口目錄區(qū)中,這樣便于用戶繼續(xù)瀏覽其他的內(nèi)容??蚣芗夹g(shù)主要通過(guò)框架集和框架兩種元素來(lái)實(shí)現(xiàn)??蚣芗瘜?shí)際上是一個(gè)頁(yè)面,用于定義在一個(gè)窗口中顯示多個(gè)文檔的框架結(jié)構(gòu)。例如,它可以決定窗口中顯示的框架數(shù)目和每個(gè)框架的尺寸等。一般來(lái)說(shuō),框架集文檔中的內(nèi)容不會(huì)顯示在瀏覽器中,因此,可以將框架集僅僅看成是一個(gè)可以容納和組織多個(gè)文檔的容器。而框架就是在框架集中被組織和顯示的文檔。在框架集中顯示的每個(gè)框架實(shí)際上都是一個(gè)獨(dú)立存在的HTML文檔。框架技術(shù)經(jīng)常用于實(shí)現(xiàn)文檔的導(dǎo)航,其作用有點(diǎn)像Windows的資源管理器,一個(gè)窗格顯示目錄結(jié)構(gòu),另一個(gè)窗格顯示具體內(nèi)容。9.4.2創(chuàng)建框架
要在FrontPage2003中創(chuàng)建框架網(wǎng)頁(yè),必須使用框架網(wǎng)頁(yè)模板。在框架網(wǎng)頁(yè)模板的幫助下,生成初步的框架網(wǎng)頁(yè)。此時(shí)網(wǎng)頁(yè)工作區(qū)新增“無(wú)框架”和“框架網(wǎng)頁(yè)HTML”兩個(gè)按鈕,前者生成的網(wǎng)頁(yè)適用于不支持框架技術(shù)的瀏覽器,后者用于定義框架網(wǎng)頁(yè)的總體結(jié)構(gòu)。
創(chuàng)建框架的步驟如下:
(1)打開(kāi)“文件”菜單,選擇“新建”菜單后,在任務(wù)窗格中單擊“其他網(wǎng)頁(yè)模板”,彈出“新建”對(duì)話框,選擇“框架網(wǎng)頁(yè)”選項(xiàng)卡,如圖9-35所示。圖9-35“框架網(wǎng)頁(yè)”選項(xiàng)卡
(2)在框架網(wǎng)頁(yè)列表框中選擇一種模板,右側(cè)“預(yù)覽”區(qū)顯示所選模板外觀布局,“說(shuō)明”區(qū)給出簡(jiǎn)短的說(shuō)明文字。
(3)選擇所需的框架網(wǎng)頁(yè)模板后,單擊“確定”按鈕就創(chuàng)建了框架網(wǎng)頁(yè),如圖9-36所示。圖9-36新建“框架”網(wǎng)頁(yè)
(4)在新建框架網(wǎng)頁(yè)中單擊某個(gè)框架后,其周圍的邊框顯示為深藍(lán)色,表明該框架處于選中狀態(tài)。
(5)剛創(chuàng)建的框架網(wǎng)頁(yè)呈灰色,每個(gè)框架中顯示“設(shè)置初始網(wǎng)頁(yè)”和“新建網(wǎng)頁(yè)”兩個(gè)按鈕。單擊“設(shè)置初始網(wǎng)頁(yè)”按鈕可將一個(gè)已制作好的網(wǎng)頁(yè)作為該框架對(duì)應(yīng)的網(wǎng)頁(yè);單擊“新建網(wǎng)頁(yè)”按鈕,可創(chuàng)建一個(gè)新網(wǎng)頁(yè)作為該框架對(duì)應(yīng)的網(wǎng)頁(yè)。
使用框架網(wǎng)頁(yè)時(shí),不能使用共享邊框或?qū)Ш綑?,否則將導(dǎo)致站點(diǎn)出現(xiàn)導(dǎo)航錯(cuò)誤。9.4.3編輯框架
1.改變框架大小
將鼠標(biāo)移至框架邊框線上,出現(xiàn)雙向箭頭時(shí)拖動(dòng)邊界線至合適位置并釋放鼠標(biāo),框架尺寸就發(fā)生了變化。若要精確設(shè)置框架大小,可利用單擊鼠標(biāo)右鍵彈出的快捷菜單,打開(kāi)“框架屬性”對(duì)話框,如圖9-37所示,在“框架大小”設(shè)置區(qū)的“寬度”和“行高”編輯框中設(shè)定大小即可。
框架大小的度量單位可以是“像素”、“百分比”和“相對(duì)”三種。選擇“相對(duì)”作為度量單位時(shí),表示選擇框架與同列或同行框架的相對(duì)大小。圖9-37“框架屬性”對(duì)話框
2.拆分框架
將鼠標(biāo)移至框架邊框線上出現(xiàn)雙向箭頭時(shí),按下Ctrl鍵并拖動(dòng)邊界線至合適位置時(shí)釋放鼠標(biāo),選定框架一分為二。也可利用“框架”菜單中的“拆分框架”命令拆分框架。
3.刪除框架
選定要?jiǎng)h除的框架,打開(kāi)“框架”菜單,選擇“刪除框架”命令。雖然FrontPage2003對(duì)頁(yè)面內(nèi)框架的數(shù)量沒(méi)有限制,但最好不要超過(guò)四個(gè)框架,否則將使頁(yè)面看起來(lái)很零亂。
4.設(shè)置框架間距
默認(rèn)情況下,框架間距為兩個(gè)像素,若要改變框架間距,可在“框架屬性”對(duì)話框中,單擊“框架網(wǎng)頁(yè)”按鈕打開(kāi)“網(wǎng)頁(yè)屬性”對(duì)話框,如圖9-38所示。在“框架”選項(xiàng)卡中設(shè)定框架間距。若取消選中“顯示邊框”復(fù)選框,框架間將不顯示邊界線。圖9-38“網(wǎng)頁(yè)屬性”對(duì)話框
5.顯示滾動(dòng)條
一般來(lái)說(shuō),框架大小是有限的,在“框架屬性”對(duì)話框的選項(xiàng)設(shè)置區(qū)中,一定要將“顯示滾動(dòng)條”選項(xiàng)值設(shè)定為“總是”或“在需要時(shí)”,確保通過(guò)滾動(dòng)條操作在框架內(nèi)看到頁(yè)面的全部信息。
6.更換初始網(wǎng)頁(yè)
如果希望更換框架對(duì)應(yīng)網(wǎng)頁(yè),可在“框架屬性”對(duì)話框中單擊“初始網(wǎng)頁(yè)”編輯框右側(cè)的“瀏覽”按鈕,選擇其他網(wǎng)頁(yè)。9.4.4保存框架網(wǎng)頁(yè)
對(duì)于一個(gè)雙框架網(wǎng)頁(yè),保存框架網(wǎng)頁(yè)時(shí)要保存三個(gè)文件,其中一個(gè)用于保存框架頁(yè)面布局的框架頁(yè)面文件,另兩個(gè)文件分別保存每個(gè)框架對(duì)應(yīng)的頁(yè)面文件。保存框架頁(yè)面的步驟如下:
(1)單擊常用工具欄上的“保存”按鈕,彈出“另存為”對(duì)話框,如圖9-39所示?!傲泶鏋椤睂?duì)話框右側(cè)圖片表示現(xiàn)在要保存的是左框架對(duì)應(yīng)的頁(yè)面文件,在“文件名”編輯框內(nèi)輸入網(wǎng)頁(yè)文件名“Left.htm”,單擊“保存”按鈕保存左框架對(duì)應(yīng)的頁(yè)面文件。
(2)同樣的方法保存右框架對(duì)應(yīng)的頁(yè)面文件,文件名為“Right.htm”。
(3)最后保存框架網(wǎng)頁(yè)。觀察一下,現(xiàn)在“另存為”對(duì)話框右側(cè)圖片整個(gè)框架都選中了,如圖9-40所示。輸入框架網(wǎng)頁(yè)的名稱“Frame.htm”,單擊“保存”按鈕,框架網(wǎng)頁(yè)保存完畢。
如果只想保存某個(gè)框架對(duì)應(yīng)頁(yè)面,比如只保存左框架的對(duì)應(yīng)頁(yè)文件,只要選中左框架,打開(kāi)“框架”菜單,選擇“保存網(wǎng)頁(yè)”或“另存新網(wǎng)頁(yè)”命令,這時(shí)左框架的對(duì)應(yīng)頁(yè)面就保存了。圖9-39保存左框架圖9-40保存整個(gè)框架
9.5制作動(dòng)態(tài)網(wǎng)頁(yè)
在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中,字幕、廣告管理器和交互式按鈕等動(dòng)態(tài)效果一直深受人們關(guān)注。MicrosoftFrontPage2003將這些流行的功能進(jìn)行組合和編程,使它們成為可以輕易添加到網(wǎng)頁(yè)內(nèi)的組件。FrontPage2003提供的幾十個(gè)組件和對(duì)外部程序的有力支持將設(shè)計(jì)者從大量的編程工作中解脫出來(lái),人們只需通過(guò)簡(jiǎn)單的選擇和設(shè)置就能獲得令人滿意的動(dòng)態(tài)效果。下面將介紹幾個(gè)常用組件的使用方法。9.5.1使用字幕
網(wǎng)頁(yè)內(nèi)的字幕就是在瀏覽器中水平滾動(dòng)的文字信息,它用于發(fā)布Web站點(diǎn)通知和提示信息。創(chuàng)建字幕的過(guò)程僅僅是打開(kāi)“字幕屬性”對(duì)話框進(jìn)行簡(jiǎn)單的輸入和設(shè)置操作的過(guò)程,就可將生動(dòng)形象、形式多樣的字幕插入到網(wǎng)頁(yè)中。具體操作步驟如下:
(1)在“設(shè)計(jì)”標(biāo)簽狀態(tài)下,將光標(biāo)定位到要插入字幕的地方或選擇希望作為字幕的文本。
(2)打開(kāi)“插入”菜單,選擇“Web組件”命令,如圖9-41所示。打開(kāi)“字幕屬性”對(duì)話框,如圖9-42所示。圖9-41插入字幕圖9-42“字幕屬性”對(duì)話框
(3)在“文本”編輯框中輸入字幕內(nèi)容。如果在頁(yè)面內(nèi)選擇了作為字幕的文本,它將出現(xiàn)在編輯框內(nèi)。
在“方向”設(shè)置區(qū)內(nèi)設(shè)置字幕水平滾動(dòng)方向,從左向右或從右向左。
在“速度”設(shè)置區(qū)內(nèi)調(diào)整字幕的滾動(dòng)速度?!把舆t”表示字幕每滾動(dòng)一步的時(shí)間間隔是多少毫秒;“數(shù)量”表示字幕每滾動(dòng)一步的距離是多少像素。
在“表現(xiàn)方式”設(shè)置區(qū)內(nèi)指定滾動(dòng)字幕的表現(xiàn)方式。默認(rèn)是“滾動(dòng)條”,字幕最后一個(gè)字符滾出邊界后再次重新出現(xiàn);若選擇“幻燈片”,則字幕第一個(gè)字符觸及邊界時(shí)就停止?jié)L動(dòng);若選擇“交替”,字幕就往復(fù)滾動(dòng)。在“文本對(duì)齊方式”設(shè)置區(qū)內(nèi)調(diào)整字幕和它所在行文字的對(duì)齊方式。
在“大小”設(shè)置區(qū)內(nèi)設(shè)置字幕的寬度與高度。通常,我們可以使用像素來(lái)控制字幕的實(shí)際大小,也可以使用百分比來(lái)設(shè)置字幕的寬度,這時(shí)字幕的實(shí)際大小是根據(jù)瀏覽器窗口大小的百分比來(lái)計(jì)算的。
在“重復(fù)”設(shè)置區(qū)內(nèi)指定滾動(dòng)效果的循環(huán)次數(shù)。
在“背景顏色”設(shè)置區(qū)內(nèi)調(diào)整字幕的背景顏色。
(4)設(shè)置完畢,單擊“確認(rèn)”按鈕關(guān)閉“字幕屬性”對(duì)話框,然后切換到預(yù)覽模式下觀察滾動(dòng)效果。
圖9-43所示的是使用了滾動(dòng)字幕的網(wǎng)頁(yè)。在瀏覽時(shí),可以看到字幕“諷刺與幽默”在屏幕上從左向右滾動(dòng)。圖9-43滾動(dòng)字幕9.5.2交互式按鈕
交互式按鈕是一種具有動(dòng)態(tài)效果的活動(dòng)按鈕,當(dāng)鼠標(biāo)移至交互式按鈕時(shí),它能按照設(shè)置顯示一些動(dòng)態(tài)特性,如改變字體格式、發(fā)光等。單擊交互式按鈕時(shí),能在瀏覽器窗口內(nèi)打開(kāi)所定義的超鏈接目標(biāo),還可定義交互式按鈕在單擊或交互式時(shí)播放聲音和顯示圖片。制作交互式按鈕的步驟如下:
(1)在“設(shè)計(jì)”標(biāo)簽狀態(tài)下,將光標(biāo)定位到要插入懸停按鈕的地方。
(2)打開(kāi)“插入”菜單,選擇“Web組件”→“交互式按鈕”命令,如圖9-44所示。打開(kāi)“交互式按鈕”對(duì)話框,如圖9-45所示。圖9-44插入交互式按鈕圖9-45“交互式按鈕”屬性對(duì)話框
(3)在“文本”編輯欄中,輸入要在按鈕上顯示的文字。默認(rèn)的文字是“按鈕文本”。單擊“字體”選項(xiàng)卡可設(shè)置按鈕文字的字體。無(wú)論按鈕上文字的字號(hào)設(shè)置多么大,動(dòng)態(tài)按鈕的尺寸不變,顯示不下的文字將被裁剪掉。
(4)在“鏈接”編輯欄中,設(shè)置超鏈接目標(biāo)文件的URL。單擊“瀏覽”按鈕也可打開(kāi)“選擇交互式按鈕超鏈接”對(duì)話框,從中設(shè)置超鏈接目標(biāo)文件的URL。
(5)通過(guò)“按鈕”下拉列表選擇不同風(fēng)格的按鈕,通過(guò)“預(yù)覽”查看按鈕上的動(dòng)態(tài)效果和顏色變化;選擇“圖像”選項(xiàng)卡后,通過(guò)“寬度”和“高度”編輯欄設(shè)定按鈕尺寸大小,如圖9-46所示。圖9-46“自定義”對(duì)話框
(6)設(shè)置完畢,單擊“確定”按鈕,一個(gè)交互式按鈕就制作好了。如圖9-47所示,這時(shí),可在瀏覽器中預(yù)覽一下按鈕的動(dòng)態(tài)效果。圖9-47交互式按鈕9.5.3橫幅廣告管理器
橫幅廣告管理器是一個(gè)簡(jiǎn)單易用的廣告組件,它可以使幾幅圖片按照一定的過(guò)渡效果在瀏覽器窗口中循環(huán)播放,并且可以控制每一幅圖片顯示的時(shí)間,單擊橫幅廣告條,還能切換到它鏈接的另外一幅頁(yè)面。制作橫幅廣告管理器的步驟如下:
(1)在“設(shè)計(jì)”標(biāo)簽狀態(tài)下,將光標(biāo)定位到要插入橫幅廣告管理器的地方。
(2)打開(kāi)“插入”菜單,“橫幅廣告管理器”命令,如圖9-48所示。打開(kāi)“橫幅廣告管理器屬性”對(duì)話框,如圖9-49所示。圖9-48插入橫幅廣告管理器圖9-49“橫幅廣告管理器屬性”對(duì)話框
(3)在“寬度”和“高度”編輯欄內(nèi)設(shè)置橫幅廣告的顯示尺寸,單位為像素。
在“過(guò)渡效果”下拉列表框中選擇廣告各畫面之間的過(guò)渡效果。
在“每幅圖片顯示”編輯框內(nèi)設(shè)置每幅畫面在瀏覽器窗口中的顯示時(shí)間,單位為秒。
在“鏈接到”編輯框內(nèi)設(shè)置橫幅廣告的超鏈接目標(biāo)。
在“顯示圖片”設(shè)置區(qū)添加圖片、刪除圖片或改變選定圖片在廣告中的播放順序。
(4)設(shè)置完畢,單擊“確定”按鈕。
只有在瀏覽器中才能觀察到橫幅廣告效果。9.5.4DHTML效果
利用DHTML工具欄可以對(duì)選定對(duì)象進(jìn)行適當(dāng)?shù)脑O(shè)置。在執(zhí)行打開(kāi)網(wǎng)頁(yè)、單擊、雙擊或移動(dòng)鼠標(biāo)時(shí),使頁(yè)面上的選定文本或圖片都能動(dòng)起來(lái)。這些特殊效果大大增強(qiáng)了網(wǎng)頁(yè)的吸引力,而且用FrontPage2003很容易實(shí)現(xiàn),具體操作步驟如下:
(1)選定頁(yè)面上準(zhǔn)備施加DHTML效果的對(duì)象。
(2)打開(kāi)“DHTML效果”工具欄,單擊“視圖”→“工具欄”→“DHTML效果”命令,如圖9-50所示。圖9-50打開(kāi)動(dòng)態(tài)HTML效果
(3)打開(kāi)“DHTML效果”對(duì)話框,如圖9-51所示。在“開(kāi)啟”下拉列表中選擇一種事件。這里,事件表示瀏覽器能識(shí)別的動(dòng)作,開(kāi)啟下拉列表中有“單擊”、“雙擊”、“鼠標(biāo)懸?!焙汀熬W(wǎng)頁(yè)加載”四種事件,這四種事件發(fā)生時(shí)都能觸發(fā)選定對(duì)象產(chǎn)生動(dòng)態(tài)效果。假設(shè)選擇“單擊”事件。圖9-51選擇一種事件“單擊”和“雙擊”是使用最頻繁的鼠標(biāo)操作。若選定對(duì)象為文本,可用效果有“飛出”和“格式”兩種;若選定對(duì)象為圖片,可用效果有“飛出”和“交換圖片”兩種。“鼠標(biāo)懸?!北硎臼髽?biāo)停在選定對(duì)象上時(shí)的觸發(fā)動(dòng)態(tài)效果。若選定對(duì)象為文本,可用效果只有“格式”一種;若選定對(duì)象為圖片,可用效果也只有“交換圖片”一種。
“網(wǎng)頁(yè)加載”表示打開(kāi)該網(wǎng)頁(yè)時(shí)觸發(fā)動(dòng)態(tài)效果。此時(shí)可設(shè)置的動(dòng)態(tài)效果有“彈起”、“飛入”、“螺旋”和“擦除”等。
(4)在“應(yīng)用”下拉列表中,選擇一種效果。注意選定對(duì)象類型和事件不同將顯示不同的可選項(xiàng)目。這時(shí)選擇“飛出”,表明“單擊”事件發(fā)生時(shí)選定對(duì)象要產(chǎn)生飛出效果。
在“效果”下拉列表中選擇一種設(shè)置。這里顯示的項(xiàng)目與前面的設(shè)置有關(guān),對(duì)于文字對(duì)象的“單擊”事件有八種飛出效果供用戶選用,如圖9-52所示。而對(duì)于文字對(duì)象的“鼠標(biāo)懸停”事件只有兩種格式供用戶選用,如圖9-53所示。圖9-52“單擊”的飛出效果圖9-53鼠標(biāo)懸停效果9.5.5其他操作
1.使用音頻
對(duì)多媒體的良好支持是FrontPage2003的一個(gè)重要特色,我們能夠很容易地在網(wǎng)頁(yè)里播放音樂(lè)。新版本的瀏覽器支持?.wav、.snd、.au和MIDI格式音頻文件。在FrontPage2003中有嵌入、插入和鏈接三種方法調(diào)用音頻文件;利用“插件”功能在網(wǎng)頁(yè)中嵌入音頻,任意控制音頻播放;利用“網(wǎng)頁(yè)屬性”對(duì)話框?qū)⒁纛l設(shè)置為網(wǎng)頁(yè)背景音樂(lè),在打開(kāi)網(wǎng)頁(yè)時(shí)自動(dòng)播放;創(chuàng)建到音頻文件的超鏈接,從網(wǎng)上下載音頻文件。
1)利用“插件”功能調(diào)用音頻文件
(1)打開(kāi)“插入”菜單,選擇“Web組件”→“高級(jí)控件”→“插件”命令,如圖9-54所示,打開(kāi)“插件屬性”對(duì)話框,如圖9-55所示。圖9-54插入“插件”
(2)單擊“瀏覽”按鈕,打開(kāi)文件選擇對(duì)話框,從中選擇要播放的音頻文件。可以選擇擴(kuò)展名為?.wav、.mid、.snd、.au的音頻文件。
(3)單擊“確定”按鈕。在設(shè)計(jì)模式頁(yè)面中出現(xiàn)插頭標(biāo)記表示插入音頻的位置,切換到預(yù)覽模式,音樂(lè)就自動(dòng)播放了,現(xiàn)在插頭變成一個(gè)播放器,如圖9-56所示。
圖9-55“插件屬性”對(duì)話框圖9-56插頭標(biāo)記和播放器
2)建立鏈接到音樂(lè)文件的超鏈接
建立鏈接到音樂(lè)文件超鏈接的步驟如下:
(1)選中作為超鏈接源的文本或者圖片,單擊鼠標(biāo)右鍵,在彈出的快捷菜單中選擇“超鏈接”命令,彈出“創(chuàng)建超鏈接”對(duì)話框。
(2)選中所需要的音樂(lè)文件。例如,選擇一個(gè)?.wav格式的音樂(lè)文件。
(3)單擊“確定”按鈕,這樣鏈接到音樂(lè)文件的超鏈接就做好了。
2.使用視頻
用FrontPage2003不僅可以靈活地使用音頻,同時(shí)也可以很方便地控制視頻。同樣可以使用嵌入、插入和鏈接三種方法使用視頻。
如果要在網(wǎng)頁(yè)中嵌入視頻,具體步驟同嵌入音頻一樣。
使用插件,瀏覽者可以方便地控制媒體的播放。如果視頻播放控件太小,可以回到設(shè)計(jì)模式,單擊視頻的圖標(biāo),拖動(dòng)視頻圖標(biāo)周圍的小黑點(diǎn)改變大小即可,如圖9-57所示。圖9-57嵌入視頻使用插件技術(shù)嵌入視頻時(shí),只有切換至“預(yù)覽”模式或在瀏覽器內(nèi)打開(kāi)時(shí)才能看到視頻圖像的第一幀。對(duì)于使用InternetExplorer的用戶來(lái)說(shuō),可將視頻直接插入網(wǎng)頁(yè),并對(duì)播放視頻文件的次數(shù)、間隔和播放方式進(jìn)行設(shè)置。在網(wǎng)頁(yè)中插入視頻文件的步驟如下:
(1)確定網(wǎng)頁(yè)中需插入視頻的位置。
(2)打開(kāi)“插入”菜單,選擇“圖片”→“視頻”命令,如圖9-58所示,打開(kāi)“視頻”對(duì)話框,如圖9-59所示。圖9-58插入視頻圖9-59“視頻”對(duì)話框
(3)選擇視頻文件,單擊“打開(kāi)”按鈕。切換到預(yù)覽模式,視頻就自動(dòng)播放了。
(4)默認(rèn)設(shè)置為視頻自動(dòng)播放,可以利用“圖片屬性”對(duì)話框改變?cè)O(shè)置。在“網(wǎng)頁(yè)”視圖中,用鼠標(biāo)右鍵單擊視頻圖像,在快捷菜單中選擇“網(wǎng)頁(yè)屬性”命令,彈出“網(wǎng)頁(yè)屬性”對(duì)話框,選擇“視頻”選項(xiàng)卡,如圖9-60所示。
鏈接視頻文件很簡(jiǎn)單,只要選定超鏈接載體后利用“創(chuàng)建超鏈接”對(duì)話框選擇視頻文件即可。這與創(chuàng)建普通超鏈接的方法完全一致,唯一不同的是超鏈接目標(biāo)文件類型為視頻文件。圖9-60“視頻”選項(xiàng)卡
3.使用表單
表單是網(wǎng)頁(yè)交互功能的集中體現(xiàn),它可以幫助管理員收集所需的信息,在調(diào)查反饋信息、搜索站點(diǎn)內(nèi)容、接受網(wǎng)上注冊(cè)和實(shí)現(xiàn)網(wǎng)上查詢等方面具有廣泛的應(yīng)用前景,圖9-61所示的是一個(gè)典型的表單。圖9-61新浪會(huì)員注冊(cè)表單常見(jiàn)的典型表單有以下幾種:
(1)用戶注冊(cè)表單:用來(lái)限制或監(jiān)控站點(diǎn)的訪問(wèn),記錄訪問(wèn)者登錄時(shí)所用的用戶名和口令。注冊(cè)表單必須保存在根站點(diǎn),創(chuàng)建注冊(cè)表單最簡(jiǎn)單的方法是通過(guò)用戶注冊(cè)網(wǎng)頁(yè)模板。
(2)確認(rèn)表單:用來(lái)向用戶確認(rèn)由FrontPage表單結(jié)果或注冊(cè)組件所處理的用戶輸入。
(3)搜索表單:用來(lái)讓站點(diǎn)訪問(wèn)者對(duì)指定單字或短語(yǔ)搜索站點(diǎn)。當(dāng)訪問(wèn)者提交搜索表單后,F(xiàn)rontPage檢索文本索引,并且按匹配程度顯示指向包含搜索文本的網(wǎng)頁(yè)的超鏈接列表。
1)創(chuàng)建表單
創(chuàng)建表單的操作步驟如下:
(1)在“網(wǎng)頁(yè)”視圖方式下,將光標(biāo)定位在要插入表單的位置上。
(2)打開(kāi)“插入”菜單,選擇“表單”→“表單”命令?;蛘邌螕舯韱喂ぞ邫谥械摹氨韱巍卑粹o。生成一個(gè)含有“提交”和“全部重寫”兩個(gè)按鈕的表單。
假設(shè)我們要制作如圖9-62所示的表單。那么在制作表單時(shí),應(yīng)添加的表單域有:?jiǎn)涡形谋究?、下拉菜單、單選框、復(fù)選框、滾動(dòng)文本框等。添加這些表單域后,還要進(jìn)行必要的屬性設(shè)置。圖9-62用戶調(diào)查表
2)添加單行文本框表單域
(1)將光標(biāo)定位在需要插入文本框的地方,打開(kāi)“插入”菜單,選擇“表單”→“單行文本框”命令。這樣就插入了一個(gè)單行文本框?;蛘咧苯訂螕舯韱喂ぞ邫谥械摹皢涡形谋究颉卑粹o,即插入了一個(gè)單行文本框。在網(wǎng)上對(duì)于姓名、口令之類的信息一般都以單行文本框的形式讓用戶自己填寫。
為了使表單域滿足我們的實(shí)際需要,在插入表單域后可以對(duì)其屬性欄按照實(shí)際要求進(jìn)行設(shè)置。
(2)雙擊表單域或選中表單域單擊鼠標(biāo)右鍵,在彈出的快捷菜單中選擇“表單域?qū)傩浴泵睿瑒t會(huì)彈出相應(yīng)的表單域?qū)傩詫?duì)話框。
打開(kāi)如圖9-63所示的“文本框?qū)傩浴睂?duì)話框,在這個(gè)對(duì)話框中我們可以為文本框賦初始值、寬度等。圖9-63“文本框?qū)傩浴睂?duì)話框
(3)在如圖9-63所示的對(duì)話框中,單擊“驗(yàn)證有效性”按鈕,彈出“文本框有效性驗(yàn)證”對(duì)話框,它是有關(guān)文本框設(shè)置的一個(gè)非常重要的對(duì)話框。在對(duì)話框中,可以選擇輸入數(shù)據(jù)的類型,這樣就可以限制和提醒用戶輸入正確格式的數(shù)據(jù)。比如郵政編碼是6位純數(shù)字的數(shù)據(jù)格式,“文本框有效性驗(yàn)證”可以防止用戶多輸入一位數(shù)字和輸入非數(shù)字?jǐn)?shù)據(jù)。因此在添加文本框表單域時(shí),如果有特殊要求時(shí)就要設(shè)置它的屬性。
3)添加下拉菜單表單域
(1)將光標(biāo)定位在需要插入文本框的地方,打開(kāi)“插入”菜單,選擇“表單”→“下拉菜單”命令。在光標(biāo)定位處出現(xiàn)一個(gè)空的下拉菜單?;蛘咧苯訂螕舯韱喂ぞ邫谥械摹跋吕藛巍卑粹o,即插入了一個(gè)下拉菜單。下拉菜單也叫下拉列表,它的內(nèi)容可以在設(shè)置屬性時(shí)填寫。
(2)雙擊剛才生成的下拉菜單,彈出如圖9-64所示“下拉框?qū)傩浴睂?duì)話框,在這個(gè)對(duì)話框中,設(shè)置它的名稱,包括列表項(xiàng),是否允許多重選擇等。
(3)給這個(gè)對(duì)話框添加列表項(xiàng)。單擊“添加”按鈕,彈出如圖9-65所示的“添加選項(xiàng)”對(duì)話框,在“選項(xiàng)”中填入選項(xiàng)的內(nèi)容,系統(tǒng)的默認(rèn)指定值和選項(xiàng)內(nèi)容是一致的。當(dāng)然,我們也可以設(shè)置這個(gè)選項(xiàng)內(nèi)容的初始狀態(tài),設(shè)置完畢,單擊“確定”按鈕,返回“下拉菜單屬性”對(duì)話框。
圖9-64“下拉框?qū)傩浴睂?duì)話框圖9-65“添加選項(xiàng)”對(duì)話框
(4)再次單擊“添加”按鈕添加新的列表項(xiàng)。
(5)填入選項(xiàng)的內(nèi)容和初始狀態(tài),然后單擊“確定”按鈕。圖9-66所示的是一個(gè)已經(jīng)填寫好選項(xiàng)的“下拉框?qū)傩浴睂?duì)話框。可以對(duì)這些選項(xiàng)進(jìn)行修改、刪除和上下移動(dòng)。
(6)單擊“驗(yàn)證有效性”按鈕,我們來(lái)看看下拉菜單的有效性驗(yàn)證。如果下拉菜單不允許有多重選項(xiàng),則彈出如圖9-67所示“下拉框驗(yàn)證”對(duì)話框,在對(duì)話框中可以復(fù)選“要求有數(shù)據(jù)”,即用戶必須在下拉菜單中選擇一項(xiàng)。選中“禁用第一項(xiàng)”則用戶不能選擇下拉菜單中的第一項(xiàng),這是因?yàn)槲覀兂3⑾吕藛蔚牡谝豁?xiàng)作為對(duì)下拉菜單功能的說(shuō)明。圖9-66“下拉框?qū)傩浴睂?duì)話框圖9-67“下拉框驗(yàn)證”對(duì)話框(之一)如果下拉菜單允許多重選項(xiàng),則彈出如圖9-68所示的對(duì)話框,在對(duì)話框中可以復(fù)選“要求有數(shù)據(jù)”,并且還可以設(shè)定至少或至多選擇多少項(xiàng),即用戶必須在下拉菜單中選擇介于至多至少之間的選項(xiàng)。選中“禁用第一項(xiàng)”時(shí),用戶不能選擇下拉菜單中的第一項(xiàng)。圖9-68“下拉框驗(yàn)證”對(duì)話框(之二)圖9-69“選項(xiàng)按鈕屬性”對(duì)話框
(4)在如圖9-69所示的對(duì)話框中,需要設(shè)置“組名稱”,它決定了哪幾個(gè)單選框之間有互斥性,即哪幾個(gè)單選框?qū)儆谕粋€(gè)組。凡是在同一個(gè)表單中具有相同組名稱的單選框就屬于同一個(gè)組。在這個(gè)對(duì)話框中還可以設(shè)置單選框的初始狀態(tài),一般一組單選框中必須設(shè)置好一個(gè)而且只能是一個(gè)單選框的初始狀態(tài)為“已選”。
當(dāng)兩個(gè)單選框都設(shè)置好后,即已經(jīng)有一組單選框時(shí),“驗(yàn)證有效性”按鈕才會(huì)被激活。
(5)單擊“驗(yàn)證有效性”按鈕,彈出如圖9-70所示“選項(xiàng)按鈕驗(yàn)證”對(duì)話框。它操作比較簡(jiǎn)單,“要求有數(shù)據(jù)”表示用戶必須選中一個(gè)選項(xiàng),只有選中“要求有數(shù)據(jù)”復(fù)選框,“顯示名稱”才會(huì)被激活,輸入的顯示名稱內(nèi)容用于指定驗(yàn)證警告信息中說(shuō)明此表單域時(shí)用的名稱。圖9-70“選項(xiàng)按鈕驗(yàn)證”對(duì)話框
(2)選中文本和復(fù)選框,單擊表單工具欄中的“標(biāo)簽”按鈕,從而將文本與復(fù)選框關(guān)聯(lián)。為了方便用戶鍵盤操作,還可以設(shè)置熱鍵,即當(dāng)按下Alt鍵與該標(biāo)簽上的某個(gè)特定字母時(shí),相應(yīng)的操作熱點(diǎn)就轉(zhuǎn)移到這個(gè)表單域上來(lái)。設(shè)置“熱鍵”的操作比較簡(jiǎn)單,在標(biāo)簽的文本中加上字母,并給該字母設(shè)置下劃線屬性,則此字母便成為此標(biāo)簽的熱鍵。
使用同樣的方法建立多個(gè)復(fù)選框,但是系統(tǒng)還不知道這些復(fù)選框是否關(guān)聯(lián)。我們需要設(shè)置這些復(fù)選框的屬性,將其關(guān)聯(lián)起來(lái)。
(3)雙擊復(fù)選框表單域,彈出如圖9-71所示的“復(fù)選框?qū)傩浴睂?duì)話框。將這些復(fù)選框的名稱都設(shè)置成相同,這些復(fù)選框?qū)⑾嚓P(guān)聯(lián)。在“初始狀態(tài)”中我們可以設(shè)置“選中”或者“未選中”。“選中”時(shí)用戶開(kāi)始看到的復(fù)選框有一個(gè)對(duì)號(hào);“未選中”時(shí)用戶看到的復(fù)選框?yàn)榭湛颉D9-71“復(fù)選框?qū)傩浴睂?duì)話框 9.6站點(diǎn)管理
9.6.1創(chuàng)建站點(diǎn)
1.建立個(gè)人站點(diǎn)
打開(kāi)編輯主界面,建立個(gè)人站點(diǎn)的步驟如下:
(1)打開(kāi)“文件”菜單,選擇“新建”→“網(wǎng)站”命令,打開(kāi)“新建網(wǎng)站”任務(wù)窗格。
(2)選擇“由一個(gè)網(wǎng)頁(yè)組成的網(wǎng)站…”選項(xiàng),在“指定新網(wǎng)站的位置”中指定新站點(diǎn)在用戶計(jì)算機(jī)上的位置,如“C:\MyDocuments\Mywebs”。
(3)單擊“確定”按鈕,屏幕上將顯示“正在創(chuàng)建新站點(diǎn)”提示對(duì)話框,稍后彈出如圖9-72所示的FrontPage2003的主界面。圖9-72FrontPage主界面這時(shí),已經(jīng)利用“個(gè)人站點(diǎn)”模板成功地創(chuàng)建好一個(gè)個(gè)人站點(diǎn)。在主界面的“文件夾列表”中給出了這個(gè)站點(diǎn)中包括的文件和文件夾。
文件夾列表中詳細(xì)列出了站點(diǎn)根目錄下的文件夾和文件,可以看到“個(gè)人站點(diǎn)”模板創(chuàng)建了_private和images等多個(gè)文件夾,還有六個(gè)網(wǎng)頁(yè)favorite.htm(收藏夾)、index.htm(主頁(yè))、interest.htm(興趣)、aboutme.htm(自序)、feedback.htm(反饋)和photo.htm(圖片集)。在“文件夾列表”中單擊每一個(gè)文件夾,可使文件窗口中顯示該文件夾中的文件和下一級(jí)文件夾。
單擊“視圖”菜單下的“導(dǎo)航”,F(xiàn)rontPage2003以形象的圖示給出當(dāng)前站點(diǎn)的導(dǎo)航結(jié)構(gòu),如圖9-73所示。圖9-73“導(dǎo)航”結(jié)構(gòu)
2.使用站點(diǎn)向?qū)?/p>
我們也可以使用“站點(diǎn)向?qū)А保瑥谋镜赜?jì)算機(jī)或網(wǎng)絡(luò)導(dǎo)入一個(gè)源目錄里的文件,創(chuàng)建站點(diǎn)。操作步驟如下:
(1)單擊“文件”→“新建”,在任務(wù)窗格中單擊“其他網(wǎng)站模板”,打開(kāi)如圖9-74所示的“網(wǎng)站模板”對(duì)話框。圖9-74“網(wǎng)站模板”對(duì)話框
(2)選擇“導(dǎo)入站點(diǎn)向?qū)А保凇爸付ㄐ戮W(wǎng)站的位置”中輸入新站點(diǎn)所在的位置后,單擊“確定”按鈕,屏幕上將顯示“創(chuàng)建新站點(diǎn)”的提示,稍后出現(xiàn)如圖9-75所示的對(duì)話框。選擇所要導(dǎo)入文件的位置后,單擊“下一步”按鈕。圖9-75“選擇源”對(duì)話框
(3)彈出如圖9-76所示的“編輯文件列表”對(duì)話框,再單擊“下一步”按鈕。圖9-76“編輯文件列表”對(duì)話框
(4)創(chuàng)建新站點(diǎn)成功,彈出如圖9-77所示的對(duì)話框,單擊“完成”按鈕即可。圖9-77完成站點(diǎn)的創(chuàng)建9.6.2視圖
1.文件夾視圖
文件夾視圖以列表的形式給出了當(dāng)前站點(diǎn)中的文件夾和文件夾里包含的文件。由于一個(gè)站點(diǎn)要涉及到許多文件,因此將這些文件分門別類地放置在不同文件夾中就很有必要。比如,可以把所有的圖形文件放入images文件夾。FrontPage2003還提供了一個(gè)_private文件夾,用來(lái)存放一些網(wǎng)絡(luò)瀏覽者不可見(jiàn)的信息。與Windows中的資源管理器類似,我們可以在文件夾視圖中查看、創(chuàng)建和刪除文件夾和網(wǎng)頁(yè)文件,唯一不同的是FrontPage2003的站點(diǎn)管理功能自動(dòng)維護(hù)著超鏈接關(guān)系和導(dǎo)航信息等。?在FrontPage2003中,單擊視圖區(qū)中的?“文件夾”圖標(biāo),打開(kāi)文件夾視圖,如圖9-78所示。圖9-78文件夾視圖
2.報(bào)表視圖
報(bào)表視圖提供了關(guān)于當(dāng)前站點(diǎn)全面的綜合統(tǒng)計(jì)信息,利用它可以更好地分析和管理站點(diǎn)。在FrontPage2003中,單擊視圖區(qū)中的“報(bào)表”圖標(biāo),打開(kāi)報(bào)表視圖。在報(bào)表視圖中主要包括15項(xiàng)內(nèi)容,每項(xiàng)所表示的意義如圖9-79所示。圖9-79報(bào)表視圖
3.導(dǎo)航視圖
導(dǎo)航視圖主要用于反映站點(diǎn)內(nèi)各頁(yè)面之間的邏輯關(guān)系,利用它可以方便地設(shè)計(jì)網(wǎng)站導(dǎo)航結(jié)構(gòu)。在FrontPage2003中,單擊視圖區(qū)中的“導(dǎo)航”圖標(biāo),打開(kāi)導(dǎo)航視圖,如圖9-80所示。圖9-80導(dǎo)航視圖
4.超鏈接視圖
超鏈接視圖以圖形的方式顯示了某個(gè)網(wǎng)頁(yè)的進(jìn)入與外出的鏈接,超鏈接視圖在決定每個(gè)頁(yè)面共接收和發(fā)出多少鏈接方面時(shí)特別有用。在FrontPage2003中,單擊視圖區(qū)中的“超鏈接”圖標(biāo),打開(kāi)超鏈接視圖,如圖9-81所示。圖9-81超鏈接視圖9.6.3導(dǎo)航欄
導(dǎo)航欄是一組超鏈接對(duì)象,用來(lái)瀏覽站點(diǎn)中全部或部分有代表性的頁(yè)面。一般在站點(diǎn)的每個(gè)頁(yè)面上顯示相同的導(dǎo)航欄,這樣便于瀏覽者訪問(wèn)站點(diǎn)主要網(wǎng)頁(yè)。在FrontPage2003中,設(shè)計(jì)者可以手工創(chuàng)建一組按鈕或使用一組文本,讓它們鏈接到站點(diǎn)中的相關(guān)網(wǎng)頁(yè)實(shí)現(xiàn)導(dǎo)航功能,這種方法可以創(chuàng)建非常個(gè)性化的導(dǎo)航欄,但創(chuàng)建工作比較繁瑣。也可以利用FrontPage2003的插入導(dǎo)航欄功能自動(dòng)創(chuàng)建和維護(hù)導(dǎo)航欄,這種方法創(chuàng)建的導(dǎo)航欄雖然形式不多,但創(chuàng)建工作比較快捷,而且便于維護(hù)。
(2)單擊視圖欄中的“網(wǎng)頁(yè)”圖標(biāo)切換到網(wǎng)頁(yè)視圖,在“設(shè)計(jì)”標(biāo)簽狀態(tài)下選定要插入導(dǎo)航欄的位置。
(3)打開(kāi)“插入”菜單,選擇“導(dǎo)航”命令→“鏈接欄”→“基于導(dǎo)航結(jié)構(gòu)的鏈接欄”,如圖9-82所示。
(4)在“要添加到網(wǎng)頁(yè)的超鏈接”設(shè)置區(qū),選擇希望在導(dǎo)航欄中出現(xiàn)的超鏈接。各選項(xiàng)含義如下:
·父層:在導(dǎo)航欄內(nèi),創(chuàng)建指向當(dāng)前網(wǎng)頁(yè)上一級(jí)網(wǎng)頁(yè)的超鏈接,并將上一級(jí)網(wǎng)頁(yè)的標(biāo)題名稱顯示在導(dǎo)航欄內(nèi)。圖9-82“鏈接欄屬性”對(duì)話框
(4)在“要添加到網(wǎng)頁(yè)的超鏈接”設(shè)置區(qū),選擇希望在導(dǎo)航欄中出現(xiàn)的超鏈接。各選項(xiàng)含義如下:
·父層:在導(dǎo)航欄內(nèi),創(chuàng)建指向當(dāng)前網(wǎng)頁(yè)上一級(jí)網(wǎng)頁(yè)的超鏈接,并將上一級(jí)網(wǎng)頁(yè)的標(biāo)題名稱顯示在導(dǎo)航欄內(nèi)。
·同一層:在導(dǎo)航欄內(nèi)創(chuàng)建指向當(dāng)前網(wǎng)頁(yè)同級(jí)網(wǎng)頁(yè)的超鏈接,并將同級(jí)網(wǎng)頁(yè)的標(biāo)題名稱顯示在導(dǎo)航欄內(nèi)。
·前一層與后一層:在導(dǎo)航欄內(nèi)創(chuàng)建向當(dāng)前網(wǎng)頁(yè)前、后相鄰的兩個(gè)網(wǎng)頁(yè)的超鏈接,相鄰的網(wǎng)頁(yè)位于同級(jí),導(dǎo)航欄內(nèi)將出現(xiàn)“上一面”與“下一面”選項(xiàng)卡,但并不會(huì)出現(xiàn)對(duì)應(yīng)網(wǎng)頁(yè)的標(biāo)題名稱。
·子層:在導(dǎo)航欄內(nèi)建立指向當(dāng)前網(wǎng)頁(yè)下一級(jí)網(wǎng)頁(yè)的超鏈接,并將下一級(jí)網(wǎng)頁(yè)的標(biāo)題名稱顯示在導(dǎo)航欄內(nèi)。
·共享層:在導(dǎo)航欄內(nèi)建立指向站點(diǎn)內(nèi)頂層網(wǎng)頁(yè)的超鏈接,并將頂層網(wǎng)頁(yè)的標(biāo)題名稱顯示在導(dǎo)航欄內(nèi)。
·主頁(yè)下面的子頁(yè):在導(dǎo)航欄內(nèi)建立指向緊鄰主頁(yè)的子頁(yè)的超鏈接,并將這些子頁(yè)的標(biāo)題名稱顯示在導(dǎo)航欄內(nèi)。
在“附加網(wǎng)頁(yè)”設(shè)置區(qū)選中“主頁(yè)”和“父頁(yè)”復(fù)選框表示在導(dǎo)航欄中加入到主頁(yè)和父頁(yè)的超鏈接。
(5)在“樣式”選項(xiàng)卡中的“方向和外觀”設(shè)置區(qū)選擇導(dǎo)航欄在網(wǎng)頁(yè)上的顯示方向和外觀。
(6)設(shè)置完畢,單擊“確定”按鈕,導(dǎo)航欄就插入到頁(yè)面中了,如圖9-83所示。圖9-83個(gè)人站點(diǎn)中的導(dǎo)航欄9.6.4站點(diǎn)維護(hù)
1.測(cè)試站點(diǎn)
設(shè)計(jì)制作網(wǎng)頁(yè)的最終目的是將它們發(fā)布到網(wǎng)站上供別人瀏覽訪問(wèn)。在發(fā)布站點(diǎn)之前,有必要對(duì)即將發(fā)布的站點(diǎn)進(jìn)行全面的檢查,以確保站點(diǎn)結(jié)構(gòu)合理、內(nèi)容準(zhǔn)確、訪問(wèn)流暢,從而吸引更多訪問(wèn)者。測(cè)試項(xiàng)目可以包括如下幾個(gè)方面:
1)頁(yè)面內(nèi)容
頁(yè)面內(nèi)容很重要,應(yīng)確保頁(yè)面內(nèi)容豐富,沒(méi)有錯(cuò)誤或過(guò)時(shí)的信息,更不能出現(xiàn)違反法律的內(nèi)容。應(yīng)仔細(xì)觀察頁(yè)面中的文字、圖片、超鏈接、表格、組件、框架和表單元素是否能準(zhǔn)確顯示。利用“站點(diǎn)”視圖可快速獲取站點(diǎn)中的各項(xiàng)信息,幫助我們檢查頁(yè)面內(nèi)容。
2)瀏覽速度
頁(yè)面下載速度是每個(gè)瀏覽者很關(guān)心的問(wèn)題。不管頁(yè)面設(shè)計(jì)得多好,內(nèi)容多豐富,若瀏覽時(shí)要等待很久才出現(xiàn)頁(yè)面,肯定不受歡迎。影響頁(yè)面訪問(wèn)速度的因素主要與頁(yè)面自身和站點(diǎn)服務(wù)器帶寬有關(guān)。如因頁(yè)面中使用了大量圖片文件或交互組件而引起瀏覽速度降低,則設(shè)計(jì)者可通過(guò)修改頁(yè)面找到解決方法;如因服務(wù)器帶寬不夠引起,那只能增加服務(wù)器帶寬。
3)在不同瀏覽器下測(cè)試
雖然頁(yè)面瀏覽與客戶端操作系統(tǒng)環(huán)境無(wú)關(guān),但與瀏覽器及版本號(hào)有關(guān),要測(cè)試頁(yè)面在不同的瀏覽器中是否能正常顯示。
4)由不同設(shè)計(jì)者來(lái)測(cè)試
網(wǎng)頁(yè)設(shè)計(jì)者在檢查自己設(shè)計(jì)的頁(yè)面時(shí),可能會(huì)因習(xí)慣的緣故,而對(duì)頁(yè)面中出現(xiàn)的一些問(wèn)題視而不見(jiàn),若從不同角度和審美觀瀏覽頁(yè)面可能會(huì)提出許多有益的修改意見(jiàn)。
5)注意收集訪問(wèn)者的反饋信息
網(wǎng)站設(shè)計(jì)是個(gè)不斷改進(jìn)和不斷完善的工作,網(wǎng)站發(fā)布運(yùn)行后要注意收集訪問(wèn)者的反饋信息。
2.發(fā)布站點(diǎn)
如果站點(diǎn)服務(wù)器中已經(jīng)安裝好了FrontPage服務(wù)器擴(kuò)展,而且又具有管理員級(jí)的訪問(wèn)權(quán)限,那么這便是一項(xiàng)很簡(jiǎn)單的工作,要做的僅僅是按一個(gè)按鈕,具體操作步驟如下:
(1)打開(kāi)“文件”菜單,選擇“發(fā)布站點(diǎn)”命令,打開(kāi)“發(fā)布站點(diǎn)”對(duì)話框,如圖9-84所示。
(2)在“指定發(fā)布站點(diǎn)的位置”文本框里直接輸入站點(diǎn)的URL地址。如果沒(méi)有配置FrontPage服務(wù)器擴(kuò)展,或Web服務(wù)器不能支持FrontPage服務(wù)器擴(kuò)展,那么就不能使用HTTP協(xié)議來(lái)發(fā)布站點(diǎn),這時(shí)可以采用FTP的形式發(fā)布站點(diǎn),只要在“發(fā)布站點(diǎn)”對(duì)話框中輸入站點(diǎn)對(duì)應(yīng)的FTP地址就可以了。
(3)若選中“只發(fā)布更改過(guò)的網(wǎng)頁(yè)”單選按鈕,則FrontPage會(huì)將要發(fā)布的文件與Web服務(wù)器上的文件進(jìn)行比較。只有自上次發(fā)布后更新的文件才將其發(fā)布。圖9-84發(fā)布站點(diǎn)對(duì)話框
(4)若選中“發(fā)布所有的網(wǎng)頁(yè),覆蓋目標(biāo)站點(diǎn)上已有的同名網(wǎng)頁(yè)”單選按鈕,則FrontPage將發(fā)布所有網(wǎng)頁(yè)。
(5)若選中“包含子站點(diǎn)”復(fù)選框,則子站點(diǎn)將隨父站點(diǎn)一同發(fā)布。
(6)若選中“需要安全的鏈接”復(fù)選框,則發(fā)布過(guò)程采用安全鏈接方式。
(7)設(shè)置完畢,單擊“發(fā)布”按鈕,這時(shí)FrontPage就開(kāi)始向網(wǎng)站中發(fā)送網(wǎng)頁(yè)了。站點(diǎn)發(fā)布成功后給出“完成”對(duì)話框,如圖9-85所示。
(8)單擊“完成”按鈕,站點(diǎn)發(fā)布成功。圖9-85站點(diǎn)發(fā)布成功
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 2024運(yùn)輸合同書格式正規(guī)范本
- 2025年度智慧社區(qū)物業(yè)管理系統(tǒng)承包合同范本4篇
- 2024食品行業(yè)供應(yīng)鏈管理供貨合同范本3篇
- 2025年度住宅小區(qū)車輛收費(fèi)員雇傭合同材料3篇
- 2024銀杏樹(shù)苗圃基地設(shè)施租賃與苗木采購(gòu)合同3篇
- 2025年度智能化場(chǎng)消防系統(tǒng)升級(jí)改造維修工程合同4篇
- 2025年度新型智能車位買賣合同規(guī)范4篇
- 2025年度新能源汽車生產(chǎn)車間承包合作框架協(xié)議4篇
- 2025年度數(shù)據(jù)中心機(jī)房租賃及維護(hù)服務(wù)合同4篇
- 2025年度水庫(kù)環(huán)境保護(hù)與承包服務(wù)協(xié)議4篇
- 2025年度土地經(jīng)營(yíng)權(quán)流轉(zhuǎn)合同補(bǔ)充條款范本
- 南通市2025屆高三第一次調(diào)研測(cè)試(一模)地理試卷(含答案 )
- 2025年上海市閔行區(qū)中考數(shù)學(xué)一模試卷
- 2025中國(guó)人民保險(xiǎn)集團(tuán)校園招聘高頻重點(diǎn)提升(共500題)附帶答案詳解
- 0的認(rèn)識(shí)和加、減法(說(shuō)課稿)-2024-2025學(xué)年一年級(jí)上冊(cè)數(shù)學(xué)人教版(2024)001
- 重癥患者家屬溝通管理制度
- 醫(yī)院安全生產(chǎn)治本攻堅(jiān)三年行動(dòng)實(shí)施方案
- 法規(guī)解讀丨2024新版《突發(fā)事件應(yīng)對(duì)法》及其應(yīng)用案例
- 工程項(xiàng)目合作備忘錄范本
- 信息安全意識(shí)培訓(xùn)課件
- Python試題庫(kù)(附參考答案)
評(píng)論
0/150
提交評(píng)論