現在市面上的有許多制作網頁的工具，office中也有壹個專門作網頁的工具FrontPage ，其操作與word相似，比較容易上手。下面以FrontPage 2000 為例，介紹網頁制作的基本知識。
如何打開FrontPage了解主界面
單擊任務欄“開始”按鈕，選擇“程序”選項，單擊FrontPage就可以進入。
進入後妳會發現PRONTPAGE界面和WORD很相似[圖壹]，這是因為編輯WEB頁面和編輯WORD文檔有很多同樣的設置，這些設置所用的圖標和WORD中的是壹樣的。
[圖壹]ProntPage2000 界面
視圖中的組框是用來切換視圖的，單擊裏面的小圖標就可以切換到不同的視圖。FRONTPAGE***有6種視圖[如左]，使用不同的視圖可以從不同的側面查看設計的WEB站點。對壹個WEB站點而言，不斷更新是很重要的。隨著站點的成長，維護站點的工作量會越來越大。建立站點可能很快，但是如果沒有這6種視圖的幫助，維護起來就很困難了。
這些視圖的使用不用壹下就全部掌握，只要知道有這些視圖就可以了。
下面看壹看同壹個WEB站點在不同視圖中是怎樣顯示的。
單擊“網頁”按鈕，切換到網頁視圖，再單擊工具欄上的“文件夾列表”按鈕，窗口中增加了壹個文件夾列表框[圖壹]。網頁視圖是用來顯示選中的網頁的，雙擊文件夾列表中的某壹個HTM文件，在最右方的工作區中就會顯示該網頁的內容。
[圖壹]網頁視圖
註意，此時工作區的左下角有三個切換顯示模式的選項卡[圖二]。單擊“普通”選項卡，就切換到了普通模式。在普通模式可以編輯網頁的內容以及設置各種格式。單擊“預覽”選項卡就到了預覽模式。如果要看壹看當前編輯的文件在瀏覽器中的顯示情況，就使用預覽模式，在預覽模式下，是不能編輯網頁的。單擊“HTML”，有的時候，也可以切換到HTML模式直接對網頁對應的HTML文本文件進行編輯，從而為網頁作壹些特殊的設置。
[圖二]工作區的三個切換模式
文件夾視圖以列表的形式給出了當前WEB站點的文件夾和文件夾裏包含的文件[圖三]。由於壹個WEB站點要涉及到許多文件，因此將這些文件分類並分別放到不同的文件夾就很有必要。比如，可以把所有的圖形文件放入IMAGE文件夾。FRONTPAGE還提供了壹個_PRIVATE文件夾，用來存放壹些對網絡瀏覽者不可見的信息。下面為當前站點再添加壹個SOUND文件夾，用來存放WEB站點用到的聲音文件：選中站點的根目錄，然後單擊“文件”菜單的“新建”項，在彈出的子菜單中選擇“文件夾”命令。在輸入SOUND，新文件夾就建立好了[圖四]。
[圖三]文件列表 [圖四]文件列表
其實壹個站點實際上就是壹個目錄，在這個目錄下可以建立許多子目錄，並將站點的各種文件放在這些目錄裏。
任務視圖裏放著關於站點維護的任務列表，如果站點大到由許多人***同維護，他們就可以通過任務列表知道工作的進展情況了。
報表視圖給出了當前站點的壹些統計信息。這裏可以知道在站點的目錄中哪些文件被鏈接進站點了，哪些沒有。
導航視圖可以方便地組織站點中各網頁的層次關系，在本視圖中，每壹個頁框代表壹個網頁。如果站點設置了導航功能，就可以先在這裏設置好各網頁的層次關系，然後用導航欄把這種層次關系表現出來。
超鏈接視圖是用來察看選中網頁中設置的超鏈接的。通過它可以方便地知道在網頁中設置了多少超級鏈接，以及是什麽類型的鏈接。
任務視圖裏放著關於站點維護的任務列表，如果站點大到由許多人***同維護，他們就可以通過任務列表知道工作的進展情況了。
創建網頁
這壹節我們討論怎樣創建頁面。
創建頁面最簡單的方法就是單擊FRONTPAGE“常用”工具欄的“新建”按鈕。它的右方有壹個向下的小箭頭，它是用來選擇要新建什麽，可以用“新建”按鈕新建網頁、站點、文件夾和任務。默認狀態下是新建網頁。
如果要新建網頁，可以不用向下箭頭鍵選擇，而直接單擊“新建”按鈕。不過使用文件菜單的“新建”命令來新建網頁能夠有更大的選擇。
單擊文件菜單的“新建”命令，選擇“新建網頁”，在“新建”對話框裏，可以看到FRONTPAGE提供的許多網頁模板[圖壹]，我們可以用這些模板來建立相應的網頁。在右下角的預覽框裏可以看到選中模板的外觀。選擇“兩欄正文”網頁，這樣就創建了壹個新的分為兩欄的網頁了。然後點確定。
[圖壹]新建網頁對話框
使用模板可以不用總是從空白網頁開始編輯，這樣就省力很多。
加入文字
FrontPage中對於文字與圖像的處理與word很相似，用過word的人對於FrontPage中這部分的操作很容易上手的。不過，畢竟是網頁制作軟件，在Web的基礎上，又增加了很實用的功能，也能做出復雜而且高級的網頁文字與圖像。
FrontPage中對於文字以及圖像的處理基本集中在這三個菜單欄裏：編輯、插入、格式。編輯：包括用於處理文字的復制、粘貼等操作，調整網頁內容（包括文字、圖像、控件等等）的多少以及安排。是最基礎的工具，經常使用其對應的快捷鍵。插入：用於網頁各種部件及其組成部分的創建，很多選項都能創建既復雜又實用的部件，這方面較Dreamwaver更容易被初學者接受。（圖2.1）
圖2.1
格式：對於文字的處理大多集中在這裏，這裏的選項是用來協調整個網頁以及整個網站的內容編制，也是個較常用到的菜單欄。（圖2.2）
圖2.2
（壹）創建文字：在FrontPage中創建文字的方法大致分兩種：輸入和導入。1、新建壹個網頁，之後輸入的文字就會在光標所在位置出現，根本得不能再根本的方法，說白了就是打字。只要光標能到的地方都可以正常輸入文字。2、通過粘貼能將之前在任何程序中復制或者剪切的文字創建到當前編輯網頁中，編輯菜單欄中的選項與之有關。還可以通過插入中文件的形式導入文字，包括txt、doc、htm等純文本或者包含文字的文件。（二）處理文字字體：選擇格式菜單欄中的字體選項，出現字體對話框（如圖2.3）。
圖2.3
字體：框中選擇想應用的字體。字體文件都保存在windows目錄中的fonts子目錄中，可以自行刪改添加。字形：有常規、傾斜、加粗和加粗傾斜四個選項。壹般來說正文選用保持常規，加粗用於標題，傾斜則用於突出正文中的內容以及使文字美觀。字號：可以直接在輸入框中輸入想使用的字號，也可以在選項中選取。壹般來說在瀏覽器中9磅和10.5磅看起來最美觀最舒服。字符間距：這個分頁中的選項是用來進行行距設置以及文字定位的。預覽：無論在字體中進行什麽操作，都可以在預覽框中看到樣品，方便選取合適的搭配。