網(wǎng)頁(yè)制作的基礎教程

網(wǎng)頁(yè)制作的基礎教程

　　FrontPage教程:網(wǎng)頁(yè)制作基礎知識

　　1.視圖與模式（一）

　　現在進(jìn)入FrontPage。單擊任務(wù)欄“開(kāi)始”按鈕，選擇“程序”選項，單擊“Microsoft FrontPage”選項就可以了。 可能你會(huì )發(fā)現FrontPage界面和Word很相似[圖2－1]，這是因為編輯WEB頁(yè)面和編輯Word文檔有很多同樣的設置，這些設置所用的圖標和Word中的是一樣的。

　　[圖2－1]FrontPage2000 界面

　　視圖中的組框是用來(lái)切換視圖的，單擊里面的小圖標就可以切換到不同的視圖。FrontPage共有6種視圖[如圖2－1左]，使用不同的視圖可以從不同的側面查看設計的WEB站點(diǎn)。對一個(gè)WEB站點(diǎn)而言，不斷更新是很重要的。隨著(zhù)站點(diǎn)的成長(cháng)，維護站點(diǎn)的工作量會(huì )越來(lái)越大。建立站點(diǎn)可能很快，但是如果沒(méi)有這6種視圖的幫助，維護起來(lái)就很困難了。

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

　　2.視圖與模式（二）

　　下面看一看同一個(gè)WEB站點(diǎn)在不同視圖中是怎樣顯示的。

　　(1)單擊“網(wǎng)頁(yè)”按鈕，切換到網(wǎng)頁(yè)視圖，再單擊工具欄上的“文件夾列表”按鈕 ，窗口中增加了一個(gè)文件夾列表框[圖2－2]。網(wǎng)頁(yè)視圖是用來(lái)顯示選中的網(wǎng)頁(yè)的，雙擊文件夾列表中的某一個(gè)HTM文件，在最右方的工作區中就會(huì )顯示該網(wǎng)頁(yè)的內容。

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

　　(2)文件夾視圖以列表的形式給出了當前WEB站點(diǎn)的文件夾和文件夾里包含的文件[圖2-4]。由于一個(gè)WEB站點(diǎn)要涉及到許多文件，因此將這些文件分類(lèi)并分別放到不同的文件夾就很有必要。比如，可以把所有的圖形文件放入IMAGES文件夾。FrontPage還提供了一個(gè)_PRIVATE文件夾，用來(lái)存放一些對網(wǎng)絡(luò )瀏覽者不可見(jiàn)的信息。下面為當前站點(diǎn)再添加一個(gè)SOUND文件夾，用來(lái)存放WEB站點(diǎn)用到的聲音文件：選中站點(diǎn)的根目錄，然后單擊“文件”菜單的“新建”項，在彈出的子菜單中選擇“文件夾”命令。在輸入SOUND，新文件夾就建立好了[圖2-5]。

　　其實(shí)一個(gè)站點(diǎn)實(shí)際上就是一個(gè)目錄，在這個(gè)目錄下可以建立許多子目錄，并將站點(diǎn)的各種文件放在這些目錄里。

　　(3)報表視圖給出了當前站點(diǎn)的一些統計信息。這里可以知道在站點(diǎn)的目錄中哪些文件被鏈接進(jìn)站點(diǎn)了，哪些沒(méi)有。

　　(4)導航視圖可以方便地組織站點(diǎn)中各網(wǎng)頁(yè)的層次關(guān)系，在本視圖中，每一個(gè)頁(yè)框代表一個(gè)網(wǎng)頁(yè)。如果站點(diǎn)設置了導航功能，就可以先在這里設置好各網(wǎng)頁(yè)的層次關(guān)系，然后用導航欄把這種層次關(guān)系表現出來(lái)。

　　(5)超鏈接視圖是用來(lái)察看選中網(wǎng)頁(yè)中設置的超鏈接的。通過(guò)它可以方便地知道在網(wǎng)頁(yè)中設置了多少超級鏈接，以及是什么類(lèi)型的鏈接。

　　(6)任務(wù)視圖里放著(zhù)關(guān)于站點(diǎn)維護的任務(wù)列表，如果站點(diǎn)大到由許多人共同維護，他們就可以通過(guò)任務(wù)列表知道工作的進(jìn)展情況了。

　　3.創(chuàng )建網(wǎng)頁(yè)

　　這一節我們討論怎樣創(chuàng )建頁(yè)面。

　　創(chuàng )建頁(yè)面最簡(jiǎn)單的方法就是單擊FrontPage“常用”工具欄的“新建”按鈕。它的右方有一個(gè)向下的小箭頭，它是用來(lái)選擇要新建什么，可以用“新建”按鈕新建網(wǎng)頁(yè)、站點(diǎn)、文件夾和任務(wù)。默認狀態(tài)下是新建網(wǎng)頁(yè)。

　　如果要新建網(wǎng)頁(yè)，可以不用向下箭頭鍵選擇，而直接單擊“新建”按鈕。不過(guò)使用文件菜單的“新建”命令來(lái)新建網(wǎng)頁(yè)能夠有更大的選擇。

　　單擊文件菜單的“新建”命令，選擇“新建網(wǎng)頁(yè)”，在“新建”對話(huà)框里，可以看到FrontPage提供的許多網(wǎng)頁(yè)模板[圖2-6]，我們可以用這些模板來(lái)建立相應的網(wǎng)頁(yè)。在右下角的預覽框里可以看到選中模板的外觀(guān)。選擇“兩欄正文”網(wǎng)頁(yè)，這樣就創(chuàng )建了一個(gè)新的分為兩欄的網(wǎng)頁(yè)了。然后點(diǎn)確定。

　　使用模板可以不用總是從空白網(wǎng)頁(yè)開(kāi)始編輯，這樣就省力很多。