通常網(wǎng)頁的布局使用到的是FrontPage中的表格和框架菜單欄里的命令。
表格(TABLE)是將頁面中的內(nèi)容以表格的形式排列,常用于單一頁面內(nèi)圖片與文字的安排,是最常用的布局命令。
圖3.1
框架(FRAMES)是在同一瀏覽器窗口中顯示多個相互隔離的HTML頁的結(jié)構(gòu)。使用框架組織頁面時,每個框架顯示一個不同的獨立頁面或者圖像,你可以將一些框架中的內(nèi)容永遠(yuǎn)保留在瀏覽器窗口中,而其余窗口則發(fā)生改變。
圖3.2
表格的使用十分簡單,一般經(jīng)過如下步驟:
§ 插入表格
§ 修改表格樣式
§ 填充內(nèi)容
一、輕輕松松插入表格
點擊“表格”菜單中的“插入表格”,在彈出的對話框中可以對所需表格的行列數(shù)及邊框?qū)傩赃M(jìn)行設(shè)置。插入一個大概樣子的表格,自己調(diào)整它在整個網(wǎng)頁中的位置,為之后填充內(nèi)容做好準(zhǔn)備。
圖3.3
二、對表格外觀進(jìn)行前所未有的美化
鼠標(biāo)左擊已經(jīng)插入的表格,彈出的菜單中選擇“表格屬性”選項。彈出的對話框可以讓你對表格的外觀進(jìn)行設(shè)置。基本上除了行列數(shù)這些需要使用插入行列等菜單完成的功能,在此設(shè)置的大都和表格的外觀有關(guān)。
圖3.4
FrontPage 2002的新功能:表格自動套用格式提供了快速和容易的方法,來創(chuàng)建具有專業(yè)外觀的表格。用戶可以選擇他們想要使用的樣式,可以自動更改表格的邊框、底紋和顏色。使用新的填充表格,用戶可以將一個單元格的內(nèi)容快速地重復(fù)輸入到該單元格右側(cè)的單元格(向右填充),或輸入其下面的單元格(向下填充)。當(dāng)用戶想要將相同內(nèi)容復(fù)制到多個單元格中時,該功能將節(jié)約用戶的時間。拆分表格讓用戶能夠?qū)⑷魏挝恢玫谋砀窨焖俸腿菀椎夭痖_。當(dāng)用戶想要在表格的各行之間添加文本或圖形時,這會很方便。
§ 在 FrontPage 中編輯任何表格時,單擊該表格,并從表格菜單中選擇表格自動套用格式。從幾個表格格式和設(shè)計中選擇,以創(chuàng)建想要的外觀。
§ 從表格菜單中單擊插入,插入五個新行,然后選擇行或列。在想要復(fù)制的內(nèi)容下面,添加所需數(shù)量的行。選中想要復(fù)制的文本和想要填充的單元格。從表格菜單中選擇表格填充,然后選擇向下填充或向右填充,以匹配突出顯示的單元格。
§ 在表格中間挑選一個單元格,然后從表格菜單中選擇拆分表格。
三、簡單填充完內(nèi)容。
只需點擊鼠標(biāo)在表格中與插入的地方,就可以輸入文字或者創(chuàng)建圖像,或者導(dǎo)入文字圖像等等,簡簡單單的操作之后,一張有條有理的網(wǎng)頁就做好了。
圖3.5
與以往的FrontPage一樣,在FrontPage 2002中可以非常方便地利用框架來組織頁面。
一般地,利用框架組織WEB頁面需要經(jīng)過如下步驟:
一.創(chuàng)建框架
二.設(shè)置框架屬性
三.設(shè)定初始頁面
四.確定框架間的調(diào)用關(guān)系
一、創(chuàng)建框架原來如此輕松!
在FrontPage 2002中,點擊新建圖標(biāo)旁的小三角調(diào)出新建網(wǎng)頁模板選擇窗口,選擇滿意的模板創(chuàng)建框架Web頁面。如果沒有模板符合需要,你可以選擇最接近的風(fēng)格,然后改變框架大小或者增加框架以得到想要的結(jié)構(gòu)。
圖3.6
可以拖拉框架邊改變框架大小;增加或刪除框架則可以使用框架菜單中的拆分框架和刪除框架命令。
在這里我們建立一個目錄框架頁面。
二、設(shè)置框架屬性
點擊頁面右鍵菜單中的框架屬性,在彈出的對話框中設(shè)置框架屬性。你可以指定框架名稱、控制框架之間邊界的大小、在一個框架內(nèi)是否允許滾動等。
在顯示滾動條選項框中選擇在該框架中是否允許存在滾動條。點擊框架網(wǎng)頁按鈕進(jìn)入該框架的頁面屬性設(shè)置窗口。在框架間距標(biāo)簽中設(shè)置框架之間的邊界的寬窄,也可以取消顯示邊框的選項,不顯示框架邊框。記住,框架之間的邊界越大,對于讀者觀看頁面就越困難。
圖3.7
一般地,我們把左、右兩個框架名稱定義為“contents”(目錄)和“main”(主框架)。
三、設(shè)定初始頁面
作為Web設(shè)計者,你要決定當(dāng)?shù)谝淮纬霈F(xiàn)框架頁面時,在每個框架內(nèi)顯示哪個頁面即初始頁面。只要框架的初始頁面存在于你的Web中,這個頁面就能夠在每次顯示框架時自動出現(xiàn)在框架中。
點擊工作區(qū)域上的“設(shè)置初始頁面”按鈕,在對話窗口中設(shè)置初始頁面。這時你可以選擇點擊原有文件中的瀏覽按鈕查找需要的頁面,或點擊新建頁面按鈕直接在框架中新建一個頁面。在這里我們新建一個頁面。
圖3.8
四、組織框架間的調(diào)用關(guān)系
在使用框架時一定會遇到如何處理框架間的調(diào)用關(guān)系的問題,即點擊一個框架中的超鏈接后目的頁面將會出現(xiàn)在哪一個框架內(nèi),或是新打開一個瀏覽器窗口。我們接著上面的例子來學(xué)習(xí)如何處理調(diào)用關(guān)系。
現(xiàn)在,我們需要在左邊的頁面中加入超鏈接,選中頁面中任一藍(lán)色按鈕作為加入超鏈接的對象,這時我們希望所鏈接的頁面在調(diào)入時出現(xiàn)在框架“main”中。你會發(fā)現(xiàn)在設(shè)置超鏈接窗口的右側(cè)有一目標(biāo)框架按鈕,點擊按鈕將出現(xiàn)目標(biāo)框架窗口,在這個窗口中你可以隨意設(shè)定目的頁面將出現(xiàn)在哪個框架中。你可以直接在“當(dāng)前框架網(wǎng)頁框”中選擇左或右框架作為目的框架。你也可以選擇“公共目標(biāo)區(qū)框”中的選項來確定目標(biāo)頁面的出現(xiàn)形式:
圖3.9
“默認(rèn)網(wǎng)頁(main)”:目標(biāo)頁面將出現(xiàn)在默認(rèn)目的框架中,默認(rèn)目的框架可以在框架的頁面屬性設(shè)置窗口中設(shè)置。如果不加以說明,系統(tǒng)將按照默認(rèn)目的框架調(diào)用目標(biāo)頁面。
“當(dāng)前相同網(wǎng)頁”:目標(biāo)頁面將出現(xiàn)在同一框架中,也就是覆蓋調(diào)用頁面。
“整個網(wǎng)頁”:目標(biāo)頁面將覆蓋整個框架頁面,獨立地出現(xiàn)在瀏覽器窗口中。
“新窗口”:目標(biāo)頁面將出現(xiàn)在新打開的一個瀏覽器窗口中,而在原來的瀏覽器窗口中不發(fā)生任何變化。
在上面的例子中,我們將“Contents”框架中所有鏈接的目的框架都設(shè)為“main”框架。
好了,你已經(jīng)能夠在你的主頁中利用框架來組織頁面了!很簡單,是嗎?
圖3.10
新功能:FrontPage 2002現(xiàn)在支持由高級技術(shù)(例如 HTML 4)實現(xiàn)的功能,包括嵌入式框架、語言屬性以及表單中的按鈕和字段集。讓這些特性幫助您做出更具動感和專業(yè)的Web站點
從插入菜單中,選擇嵌入式框架,然后選擇“設(shè)置初始網(wǎng)頁”并瀏覽到您的站點上或 Internet 上的任何 Web 頁,(插入項的名稱/地址應(yīng)當(dāng)出現(xiàn)在地址窗口中),然后單擊確定。所選頁將出現(xiàn)在 Web 頁的框架中。通過選中它然后拖動角落,還可調(diào)整該框架大小。(連載)
新聞熱點
疑難解答