技術(shù)員聯(lián)盟提供win764位系統(tǒng)下載,win10,win7,xp,裝機(jī)純凈版,64位旗艦版,綠色軟件,免費(fèi)軟件下載基地!

當(dāng)前位置:主頁(yè) > 教程 > 軟件教程 >

用FrontPage建個(gè)小窩—網(wǎng)頁(yè)的美化

來(lái)源:技術(shù)員聯(lián)盟┆發(fā)布時(shí)間:2019-04-09 12:04┆點(diǎn)擊:

  頁(yè)面的美化

  通過(guò)模板建立的網(wǎng)頁(yè),常常預(yù)先置放了些標(biāo)題欄、目錄欄(一般叫導(dǎo)航欄),導(dǎo)航欄都是用很多元素組成的,結(jié)構(gòu)上稍稍復(fù)雜一些。一般情況下我們不必要對(duì)這些東西進(jìn)行低層次的修改,F(xiàn)rontPage也不允許操作者修改,但在某些項(xiàng)目上,我們還是可以根據(jù)自己頁(yè)面的要求來(lái)修改。

  操作修改頁(yè)面的主標(biāo)題:在主頁(yè)(index.htm)的頁(yè)面上部,模板預(yù)置了一個(gè)名為“主頁(yè)”的橫幅標(biāo)題,這個(gè)橫幅標(biāo)題和整個(gè)主頁(yè)格格不入。點(diǎn)擊橫幅,按“Del”鍵刪除,然后在同樣位置插入一個(gè)事先準(zhǔn)備好的橫幅圖片為主頁(yè)標(biāo)題。

  操作修改導(dǎo)航條的鏈接:在主頁(yè)的左邊,有一個(gè)導(dǎo)航條(目錄欄),在建立站點(diǎn)的時(shí)候,導(dǎo)航條就建立了幾個(gè)網(wǎng)站的鏈接。這些鏈接不能在網(wǎng)頁(yè)窗口中修改,只能在站點(diǎn)管理的“導(dǎo)航”視圖窗口中修改。但可以在網(wǎng)頁(yè)視圖窗口中給導(dǎo)航條添加鏈接。在導(dǎo)航條中點(diǎn)擊鼠標(biāo),然后選擇輸入文字“給我寫信”,設(shè)置文字的超鏈接,這里的鏈接地址設(shè)置的是我的郵箱地址“mailto:豆豆@yesky.com”。

  操作刪除頁(yè)面元素:在主頁(yè)的右下,程序放置了一個(gè)LOG圖片,這個(gè)圖片和我的主頁(yè)不符,選擇該圖片,按“Del”刪除。

  操作給頁(yè)面添加水平線:水平線對(duì)于規(guī)劃頁(yè)面有很大的作用,可以讓頁(yè)面清楚,簡(jiǎn)潔。在要插入水平線的位置點(diǎn)擊鼠標(biāo),選擇“插入/水平線”,水平線就出現(xiàn)了。注意,一般模板網(wǎng)頁(yè)的水平線由程序自動(dòng)設(shè)置外觀屬性。而其他情況下,將由操作者自己設(shè)置水平線的顏色,粗細(xì)等。

  進(jìn)一步學(xué)習(xí)的建議:頁(yè)面長(zhǎng)期編輯后,可能會(huì)留下垃圾(無(wú)效代碼),如果想做得更專業(yè)一點(diǎn),可以在HTML標(biāo)簽窗口修改源代碼,或者使用其他網(wǎng)頁(yè)制作工具休整

  表格的美化

  表格實(shí)際和文字、圖片一樣,是一個(gè)網(wǎng)頁(yè)的基本元素,但表格在網(wǎng)頁(yè)中,更大的用途是來(lái)規(guī)劃頁(yè)面。實(shí)際上,在網(wǎng)頁(yè)編輯中,通過(guò)空格、段落、縮進(jìn)等是很不容易規(guī)劃好一個(gè)有很多元素的頁(yè)面的,特別是圖文混排的頁(yè)面。

  在FrontPage中添加常用的數(shù)據(jù)表格,和在word中添加表格一樣的方便,直接使用插入表格命令,然后填寫數(shù)據(jù)就可以了。甚至還可以將word文件中的? 粘貼進(jìn)來(lái)。

  操作添加一個(gè)簡(jiǎn)單表格:在要插入表格的位置點(diǎn)擊鼠標(biāo),選擇“表格/插入/表格”,在彈出的對(duì)話框中設(shè)置表格的屬性,然后選擇表格的行數(shù)——2,選擇表格的列數(shù)——1,然后指定表格的寬度,可以設(shè)置表格的寬度占網(wǎng)頁(yè)寬度的百分比,或者直接設(shè)置表格的絕對(duì)寬度——像素。其他設(shè)置表格邊框線的寬度為1,設(shè)置單元格間距為2。確定即可。

  操作在表格中添入文字:在表格中輸入文字和在普通編輯頁(yè)面中輸入文字沒(méi)有什么區(qū)別,另外,在生成主頁(yè)模板的時(shí)候,程序在網(wǎng)頁(yè)中添加了一個(gè)高級(jí)控件,可以自動(dòng)顯示網(wǎng)頁(yè)的更新時(shí)間。將這個(gè)控件拖入到表格中。這樣,一個(gè)顯示網(wǎng)頁(yè)制作者的表格就制作好了。

  操作設(shè)置表格的屬性:表格的屬性比較復(fù)雜,分成單元格屬性和表格屬性。選擇表格,然后選擇菜單“表格/屬性/表格”,在彈出的窗口中可以設(shè)置表格的邊框、背景、顏色等等。特別要說(shuō)明的是表格的浮動(dòng),表格的浮動(dòng)是設(shè)置整個(gè)表格的對(duì)齊方式,而一般的對(duì)齊方式是設(shè)置表格內(nèi)的元素的對(duì)齊。

  操作圖文混排:在需要的位置加入一個(gè)只有一個(gè)單元格的表格,并設(shè)置好其他屬性。在表格中添加圖片,并設(shè)置好表格的大小。再設(shè)置表格為“左浮動(dòng)”,調(diào)整文字,讓文字在表格的右邊。這樣,圖文相配的混排就得到了。

  進(jìn)一步學(xué)習(xí)的建議:表格的操作比較復(fù)雜,需要反復(fù)的練習(xí),學(xué)習(xí)如何用表格構(gòu)造特殊頁(yè)面,如何實(shí)現(xiàn)復(fù)雜的圖文混排等等。

  主題的設(shè)置

  經(jīng)過(guò)以上過(guò)程,我主頁(yè)制作也基本完成了。但頁(yè)面的背景圖、導(dǎo)航欄、顏色選擇,邊框等都不太令我滿意,而這些都是模板自動(dòng)設(shè)計(jì)的,而且不能修改。這個(gè)時(shí)候,就要使用主題了。

  主題,就是FrontPage針對(duì)頁(yè)面中的背景、導(dǎo)航欄、橫幅、按鈕、各種邊框自動(dòng)進(jìn)行設(shè)置,主題的內(nèi)容有幾十種,操作者可以根據(jù)自己的喜好選擇,這樣,就可以省去自己分別對(duì)這些頁(yè)面元素的設(shè)置。

  操作為網(wǎng)頁(yè)指定主題:打開(kāi)主頁(yè),選擇“格式/主題”,彈出主題窗口。在主題窗口的左邊,列出了可以選擇的主題,默認(rèn)的是“直邊”,點(diǎn)擊這些主題,可以在右面窗口查看該主體的風(fēng)格,如橫幅是什么樣、是什么樣的顏色、標(biāo)題的樣式、超鏈接的顯示樣式,導(dǎo)航條的樣式等等。另外,還可以設(shè)置是否需要背景圖片,是否使用鮮艷的顏色等。選擇“漸藍(lán)”主題,單擊確定,即可在網(wǎng)頁(yè)窗口看到效果了。

  主題都是事先設(shè)計(jì)好的,如果你有什么特殊要求,而FrontPage又不允許你在網(wǎng)頁(yè)編輯時(shí)修改,這個(gè)時(shí)候,可以自定義主題。