網頁製作的基礎教程

網頁製作的基礎教程

FrontPage教程:網頁製作基礎知識

1.檢視與模式（一）

現在進入FrontPage。單擊工作列“開始”按鈕，選擇“程式”選項，單擊“Microsoft FrontPage”選項就可以了。 可能你會發現FrontPage介面和Word很相似[圖2－1]，這是因為編輯WEB頁面和編輯Word文件有很多同樣的設定，這些設定所用的圖示和Word中的是一樣的。

[圖2－1]FrontPage2000 介面

檢視中的組框是用來切換檢視的，單擊裡面的小圖示就可以切換到不同的檢視。FrontPage共有6種檢視[如圖2－1左]，使用不同的檢視可以從不同的側面檢視設計的WEB站點。對一個WEB站點而言，不斷更新是很重要的。隨著站點的成長，維護站點的工作量會越來越大。建立站點可能很快，但是如果沒有這6種檢視的幫助，維護起來就很困難了。

這些檢視的使用不用一下就全部掌握，只要知道有這些檢視就可以了。

2.檢視與模式（二）

下面看一看同一個WEB站點在不同檢視中是怎樣顯示的。

(1)單擊“網頁”按鈕，切換到網頁檢視，再單擊工具欄上的“資料夾列表”按鈕 ，視窗中增加了一個資料夾列表框[圖2－2]。網頁檢視是用來顯示選中的網頁的，雙擊資料夾列表中的某一個HTM檔案，在最右方的工作區中就會顯示該網頁的內容。

注意，此時工作區的左下角有三個切換顯示模式的選項卡[圖2－3]。單擊“普通”選項卡，就切換到了普通模式。在普通模式可以編輯網頁的內容以及設定各種格式。單擊“預覽”選項卡就到了預覽模式。如果要看一看當前編輯的檔案在瀏覽器中的顯示情況，就使用預覽模式，在預覽模式下，是不能編輯網頁的。也可以切換到HTML模式直接對網頁對應的HTML文字檔案進行編輯，從而為網頁作一些特殊的設定，前提是你要懂一點HTML語言（在教程附錄中有相關說明）。

(2)資料夾檢視以列表的`形式給出了當前WEB站點的資料夾和資料夾裡包含的檔案[圖2-4]。由於一個WEB站點要涉及到許多檔案，因此將這些檔案分類並分別放到不同的資料夾就很有必要。比如，可以把所有的圖形檔案放入IMAGES資料夾。FrontPage還提供了一個_PRIVATE資料夾，用來存放一些對網路瀏覽者不可見的資訊。下面為當前站點再新增一個SOUND資料夾，用來存放WEB站點用到的聲音檔案：選中站點的根目錄，然後單擊“檔案”選單的“新建”項，在彈出的子選單中選擇“資料夾”命令。在輸入SOUND，新資料夾就建立好了[圖2-5]。

其實一個站點實際上就是一個目錄，在這個目錄下可以建立許多子目錄，並將站點的各種檔案放在這些目錄裡。

(3)報表檢視給出了當前站點的一些統計資訊。這裡可以知道在站點的目錄中哪些檔案被連結進站點了，哪些沒有。

(4)導航檢視可以方便地組織站點中各網頁的層次關係，在本檢視中，每一個頁框代表一個網頁。如果站點設定了導航功能，就可以先在這裡設定好各網頁的層次關係，然後用導航欄把這種層次關係表現出來。

(5)超連結檢視是用來察看選中網頁中設定的超連結的。透過它可以方便地知道在網頁中設定了多少超級連結，以及是什麼型別的連結。

(6)任務視圖裡放著關於站點維護的任務列表，如果站點大到由許多人共同維護，他們就可以透過任務列表知道工作的進展情況了。

3.建立網頁

這一節我們討論怎樣建立頁面。

建立頁面最簡單的方法就是單擊FrontPage“常用”工具欄的“新建”按鈕。它的右方有一個向下的小箭頭，它是用來選擇要新建什麼，可以用“新建”按鈕新建網頁、站點、資料夾和任務。預設狀態下是新建網頁。

如果要新建網頁，可以不用向下箭頭鍵選擇，而直接單擊“新建”按鈕。不過使用檔案選單的“新建”命令來新建網頁能夠有更大的選擇。

單擊檔案選單的“新建”命令，選擇“新建網頁”，在“新建”對話方塊裡，可以看到FrontPage提供的許多網頁模板[圖2-6]，我們可以用這些模板來建立相應的網頁。在右下角的預覽框裡可以看到選中模板的外觀。選擇“兩欄正文”網頁，這樣就建立了一個新的分為兩欄的網頁了。然後點確定。

使用模板可以不用總是從空白網頁開始編輯，這樣就省力很多。