論Frontpage網頁制作方法

[摘要]網頁是互聯網的基本展現形態之一，本文探討了網頁制作的意義及基本要素，并簡單講述了使用Frontpage制作網頁的方法。

[關鍵詞]網頁制作 Frontpage 方法

一、網頁制作的意義

隨著科學技術日新月異的發展，信息技術正以前所未有的速度改變著世界。當前，全世界已經進入了信息時代，人們利用互聯網進行信息交流和資源共享。網絡為人們提供了各種各樣簡單而且快捷的通信與信息檢索手段，為人們提供了巨大的信息資源和服務資源。通過使用互聯網，全世界范圍內的人們既可以互通信息，交流思想，又可以獲得各個方面的知識、經驗和信息。網頁的學名是HTML，是一種超文本文件，是多媒體的，也可以是互動的，因其功能強大，可以表現圖像、語音、音樂、動畫等多媒體內容而在近幾年迅速成為互聯網的靈魂。基于互聯網的普及性，網頁成了各個機構面向全球推廣產品、樹立形象的最好手段，網頁是各個單位形象宣傳、產品展示宣傳、客戶溝通的最新最快捷的橋梁。因此，學習網頁制作，是一項重要的技能。

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

二、網頁的基本要素

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

三、使用Frontpage制作網頁的方法

(一)創建個人站點

創建一個只包含一個網頁的站點，只需點擊文件一新建一站點即可，在彈出菜單中根據需要選擇站點類型和站點本地目錄，先新建一個空站點；右邊可以指定新站點在我們電腦中的放置位置。新建只包含一個網頁的站點時，Frontpage就自動為我們創建了站點的主頁了。這個新建的站點主頁是空的，我們可以向里面添加內容。新建站點時，Frontpage都會在站點所在位置下新建幾個文件夾，一個是“images”，一個是“private”，另一個是“photogallery”。我們在編輯站點時可以在“image”文件夾放置站點用的圖片。“pvivate”文件夾的文件對瀏覽者來說是隱含的，網頁制作者可以把一些不想讓瀏覽者看到的網頁文件放在這個文件夾里。“plaotoganery'’文件夾就是我們“個人站點”需創作的具體內容了。

(二)輸入文字

雙擊“indexhtm”圖標，選擇在編輯區，在光標閃爍的地方，我們就可以調用輸入法錄入文字了。網頁里的文字編輯全是手動的，制作者可以根據需要，確定每行顯示的文字數量手動換行，手工加入空格來實現段落首行縮進，文字輸入完成后，我們即可用鼠標拖黑全部或者某部分，再對其定義字體字號和各種修飾。需要注意的是，網頁制作中，文字必須以宋體為主，標題等大字可以使用黑體、楷體、和仿宋體。

要使網頁加入豐富的動態效果，設計出生動活潑的網頁，可以做一條滾動字幕，首先進入“設計”視圖，將插入點放到要添加的新Web組件的位置。然后單擊“插入/Web組件”，接著再單擊字幕，最后在代碼內設計相應的字體，這樣就可以設計出生動活潑的字幕。

(三)插入圖片

網上幾乎所有的網頁都使用圖片加以點綴，在網頁中插入適當的圖片，是能使網頁倍添姿色的法寶，能夠產生圖文并茂的效果。首先要看你的圖片是什么格式的，也就是客觀存在的擴展名是什么，只有擴展名為git和jpeg的圖片文件格式才能成為我們的頁面的一部分，因為這兩種圖片格式不僅應用廣泛，而且有利于節省存儲空間。如果圖片格式不是這兩種格式，而使用了其他格式的圖片文件，Frontpage可以自動進行格式轉換：將光標移到想要插入圖片的位置，然后點擊“插入”一“圖片”一“來自文件”，或者直接點擊快捷按鈕欄的插入圖片按鈕，如果圖片在站內，直接點擊images文件夾找到文件即可，如果不存在，則通過最右邊的瀏覽按鈕插入放在其他路徑的圖片。圖片不在站內時，保存網頁時系統會提示你將要把圖像文件保存到站內文件夾，如果文件夾下不是images則點擊“改變文件夾”將其保存到圖片文件夾下。網頁中的圖片要盡量精巧美觀，體積小巧。可以使用“圖片屬性”對話框來精確設置圖片的大小，比如在“大小”區域里，為圖片設置“高度”和“寬度”；在“布局”區域里可以為圖片設置“對齊方式”、“邊框粗細”、“水平間距”、“垂直間距”等等。

(四)建立超鏈接

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

(五)表格的運用

網頁中表格的運用是網頁制作的重中之重，因為表格可以用來對網頁中其他元素精確的定位，將復雜的元素有條理地分布到網頁各個位置，運用表格可以做出一個復雜的圖文混排的版面效果。首先，插入表格，點擊主菜單的“表格”——“插入”——“表格”，在彈出的菜單里列出表格的各個選項，包括表格的行數、列數。其次，設置表格，在表格任意單元格內點擊鼠標右鍵，在彈出的菜單里選擇“表格屬性”即可對表格整體進行設置。可以通過插入行、插入列、刪除單元格、拆分單元格等操作對表格進行修改和設置。