論Frontpage網(wǎng)頁(yè)制作方法

[摘要]網(wǎng)頁(yè)是互聯(lián)網(wǎng)的基本展現(xiàn)形態(tài)之一，本文探討了網(wǎng)頁(yè)制作的意義及基本要素，并簡(jiǎn)單講述了使用Frontpage制作網(wǎng)頁(yè)的方法。

[關(guān)鍵詞]網(wǎng)頁(yè)制作 Frontpage 方法

一、網(wǎng)頁(yè)制作的意義

隨著科學(xué)技術(shù)日新月異的發(fā)展，信息技術(shù)正以前所未有的速度改變著世界。當(dāng)前，全世界已經(jīng)進(jìn)入了信息時(shí)代，人們利用互聯(lián)網(wǎng)進(jìn)行信息交流和資源共享。網(wǎng)絡(luò)為人們提供了各種各樣簡(jiǎn)單而且快捷的通信與信息檢索手段，為人們提供了巨大的信息資源和服務(wù)資源。通過(guò)使用互聯(lián)網(wǎng)，全世界范圍內(nèi)的人們既可以互通信息，交流思想，又可以獲得各個(gè)方面的知識(shí)、經(jīng)驗(yàn)和信息。網(wǎng)頁(yè)的學(xué)名是HTML，是一種超文本文件，是多媒體的，也可以是互動(dòng)的，因其功能強(qiáng)大，可以表現(xiàn)圖像、語(yǔ)音、音樂(lè)、動(dòng)畫(huà)等多媒體內(nèi)容而在近幾年迅速成為互聯(lián)網(wǎng)的靈魂?；诨ヂ?lián)網(wǎng)的普及性，網(wǎng)頁(yè)成了各個(gè)機(jī)構(gòu)面向全球推廣產(chǎn)品、樹(shù)立形象的最好手段，網(wǎng)頁(yè)是各個(gè)單位形象宣傳、產(chǎn)品展示宣傳、客戶溝通的最新最快捷的橋梁。因此，學(xué)習(xí)網(wǎng)頁(yè)制作，是一項(xiàng)重要的技能。

目前的網(wǎng)頁(yè)制作軟件很多，而FrontPage融入了微軟一貫的易學(xué)易用、功能強(qiáng)大、界面簡(jiǎn)潔等人性化設(shè)計(jì)，采用所見(jiàn)即所得的方式編輯網(wǎng)頁(yè)，可以輕松地組織、編輯網(wǎng)頁(yè)并將其發(fā)布到指定的站點(diǎn)上，而且在發(fā)布之后還能對(duì)更新情況進(jìn)行監(jiān)控以更新站點(diǎn)的內(nèi)容，簡(jiǎn)單易學(xué)，受到網(wǎng)頁(yè)制作用戶的極大推崇。

二、網(wǎng)頁(yè)的基本要素

首先是文字。作為信息傳達(dá)的主要手段和目前網(wǎng)頁(yè)設(shè)計(jì)的主體，文字是網(wǎng)頁(yè)中必不可少的元素，也是網(wǎng)頁(yè)中的主要信息描述要素，一般來(lái)講，同一頁(yè)面上使用的字體種類最多只能有三四種。文字在視覺(jué)傳達(dá)中作為頁(yè)面的形象要素之一，除了表意以外，還具有傳達(dá)感情的功能，因此必須具有視覺(jué)上的美感，給人以美好印象。其次是圖片。圖片是除文字以外最早引入到網(wǎng)絡(luò)中的多媒體對(duì)象。網(wǎng)絡(luò)可以圖文并茂地向用戶提供信息，成倍加大它所提供的信息量。圖片對(duì)互聯(lián)網(wǎng)用戶的吸引也遠(yuǎn)遠(yuǎn)超過(guò)單純的文字。在網(wǎng)頁(yè)制作過(guò)程中，要在圖片選擇和優(yōu)化的同時(shí)，考慮圖片在整體編輯計(jì)劃中的作用，達(dá)到和諧整齊的效果。

三、使用Frontpage制作網(wǎng)頁(yè)的方法

(一)創(chuàng)建個(gè)人站點(diǎn)

創(chuàng)建一個(gè)只包含一個(gè)網(wǎng)頁(yè)的站點(diǎn)，只需點(diǎn)擊文件一新建一站點(diǎn)即可，在彈出菜單中根據(jù)需要選擇站點(diǎn)類型和站點(diǎn)本地目錄，先新建一個(gè)空站點(diǎn)；右邊可以指定新站點(diǎn)在我們電腦中的放置位置。新建只包含一個(gè)網(wǎng)頁(yè)的站點(diǎn)時(shí)，F(xiàn)rontpage就自動(dòng)為我們創(chuàng)建了站點(diǎn)的主頁(yè)了。這個(gè)新建的站點(diǎn)主頁(yè)是空的，我們可以向里面添加內(nèi)容。新建站點(diǎn)時(shí)，F(xiàn)rontpage都會(huì)在站點(diǎn)所在位置下新建幾個(gè)文件夾，一個(gè)是“images”，一個(gè)是“private”，另一個(gè)是“photogallery”。我們?cè)诰庉嬚军c(diǎn)時(shí)可以在“image”文件夾放置站點(diǎn)用的圖片。“pvivate”文件夾的文件對(duì)瀏覽者來(lái)說(shuō)是隱含的，網(wǎng)頁(yè)制作者可以把一些不想讓瀏覽者看到的網(wǎng)頁(yè)文件放在這個(gè)文件夾里。“plaotoganery'’文件夾就是我們“個(gè)人站點(diǎn)”需創(chuàng)作的具體內(nèi)容了。

(二)輸入文字

雙擊“indexhtm”圖標(biāo)，選擇在編輯區(qū)，在光標(biāo)閃爍的地方，我們就可以調(diào)用輸入法錄入文字了。網(wǎng)頁(yè)里的文字編輯全是手動(dòng)的，制作者可以根據(jù)需要，確定每行顯示的文字?jǐn)?shù)量手動(dòng)換行，手工加入空格來(lái)實(shí)現(xiàn)段落首行縮進(jìn)，文字輸入完成后，我們即可用鼠標(biāo)拖黑全部或者某部分，再對(duì)其定義字體字號(hào)和各種修飾。需要注意的是，網(wǎng)頁(yè)制作中，文字必須以宋體為主，標(biāo)題等大字可以使用黑體、楷體、和仿宋體。

要使網(wǎng)頁(yè)加入豐富的動(dòng)態(tài)效果，設(shè)計(jì)出生動(dòng)活潑的網(wǎng)頁(yè)，可以做一條滾動(dòng)字幕，首先進(jìn)入“設(shè)計(jì)”視圖，將插入點(diǎn)放到要添加的新Web組件的位置。然后單擊“插入/Web組件”，接著再單擊字幕，最后在代碼內(nèi)設(shè)計(jì)相應(yīng)的字體，這樣就可以設(shè)計(jì)出生動(dòng)活潑的字幕。

(三)插入圖片

網(wǎng)上幾乎所有的網(wǎng)頁(yè)都使用圖片加以點(diǎn)綴，在網(wǎng)頁(yè)中插入適當(dāng)?shù)膱D片，是能使網(wǎng)頁(yè)倍添姿色的法寶，能夠產(chǎn)生圖文并茂的效果。首先要看你的圖片是什么格式的，也就是客觀存在的擴(kuò)展名是什么，只有擴(kuò)展名為git和jpeg的圖片文件格式才能成為我們的頁(yè)面的一部分，因?yàn)檫@兩種圖片格式不僅應(yīng)用廣泛，而且有利于節(jié)省存儲(chǔ)空間。如果圖片格式不是這兩種格式，而使用了其他格式的圖片文件，F(xiàn)rontpage可以自動(dòng)進(jìn)行格式轉(zhuǎn)換：將光標(biāo)移到想要插入圖片的位置，然后點(diǎn)擊“插入”一“圖片”一“來(lái)自文件”，或者直接點(diǎn)擊快捷按鈕欄的插入圖片按鈕，如果圖片在站內(nèi)，直接點(diǎn)擊images文件夾找到文件即可，如果不存在，則通過(guò)最右邊的瀏覽按鈕插入放在其他路徑的圖片。圖片不在站內(nèi)時(shí)，保存網(wǎng)頁(yè)時(shí)系統(tǒng)會(huì)提示你將要把圖像文件保存到站內(nèi)文件夾，如果文件夾下不是images則點(diǎn)擊“改變文件夾”將其保存到圖片文件夾下。網(wǎng)頁(yè)中的圖片要盡量精巧美觀，體積小巧?？梢允褂谩皥D片屬性”對(duì)話框來(lái)精確設(shè)置圖片的大小，比如在“大小”區(qū)域里，為圖片設(shè)置“高度”和“寬度”；在“布局”區(qū)域里可以為圖片設(shè)置“對(duì)齊方式”、“邊框粗細(xì)”、“水平間距”、“垂直間距”等等。

(四)建立超鏈接

超鏈接是從一個(gè)網(wǎng)頁(yè)指向另一個(gè)網(wǎng)頁(yè)及同一網(wǎng)頁(yè)的不對(duì)位置或者指向另一個(gè)文件、網(wǎng)址、電子郵件地址等的鏈接。超鏈接包括兩部分：鏈接的載體和鏈接的目標(biāo)地址。要建立超鏈接，首先選擇要定義超鏈接的文字或圖片，在“插入”菜單中單擊“超鏈接”命令，將出現(xiàn)“創(chuàng)建超鏈接”對(duì)話框，在Wed瀏覽的“地址”欄中輸入要鏈接的站點(diǎn)的地址，然后按Enter鍵，Wed瀏覽器將鏈接到該站點(diǎn)，切換到Frontpage窗口，可以看到剛剛輸入的站點(diǎn)地址出現(xiàn)在“創(chuàng)建超鏈接”對(duì)話框“URL”欄中，單擊“確定”按鈕，完成超鏈接的創(chuàng)建。

(五)表格的運(yùn)用

網(wǎng)頁(yè)中表格的運(yùn)用是網(wǎng)頁(yè)制作的重中之重，因?yàn)楸砀窨梢杂脕?lái)對(duì)網(wǎng)頁(yè)中其他元素精確的定位，將復(fù)雜的元素有條理地分布到網(wǎng)頁(yè)各個(gè)位置，運(yùn)用表格可以做出一個(gè)復(fù)雜的圖文混排的版面效果。首先，插入表格，點(diǎn)擊主菜單的“表格”——“插入”——“表格”，在彈出的菜單里列出表格的各個(gè)選項(xiàng)，包括表格的行數(shù)、列數(shù)。其次，設(shè)置表格，在表格任意單元格內(nèi)點(diǎn)擊鼠標(biāo)右鍵，在彈出的菜單里選擇“表格屬性”即可對(duì)表格整體進(jìn)行設(shè)置?？梢酝ㄟ^(guò)插入行、插入列、刪除單元格、拆分單元格等操作對(duì)表格進(jìn)行修改和設(shè)置。