Frontpage2000中文教程：第三章制作你的第一個主頁（1）

2024-09-12 15:14:18

字體：大中小

供稿：網(wǎng)友

知道了一個網(wǎng)站的結(jié)構之后，你是否很想馬上動手制作網(wǎng)站里面的網(wǎng)頁？那好，我們本章就來學習如何制作。

首先我們運行frontpage2000，并且打開一個站點。在打開站點之后我們就要在制作窗的編輯區(qū)里面開始工作了。如果你忘記了什么是制作窗或者什么是編輯區(qū)的話，你可以復習一下本教程的第一章。

如筆者在第一章所比喻的一樣，網(wǎng)頁就象一張白紙，該如何讓它顯得美觀，華麗，關鍵是要看網(wǎng)頁設計者自己。網(wǎng)頁中少不了文字和圖象，把文字和圖象擺在自己希望的位置，一個網(wǎng)頁就出來了。其實制作網(wǎng)頁就這么簡單，你也不想筆者浪費口水了吧？那我們馬上開始。

我們新建一個網(wǎng)頁，你可以點擊控制窗按紐欄

的來新建一個網(wǎng)頁。

網(wǎng)頁上的文字如何制作你該不會不知道吧？在編輯區(qū)打字，你打出來的文字就會出現(xiàn)在光標閃動的地方（如圖1）。我們在編輯區(qū)打上“你好，歡迎你光臨我的主頁?！?br>

（圖1）

（圖2）

（圖3）

你可能不希望網(wǎng)頁上的文字都一樣，只是黑色的吧。你可能希望它是紅色，也可能希望它是藍色。又或者你希望某些文字比較大，而且還有一些特殊效果。如何才能做到更改文字？很簡單。我們用按住鼠標的左鍵，把你想改變顏色的字括起來（如圖2），括起來之后按鼠標右鍵，選擇彈出菜單中的“文字”（如圖3）。接下來會彈出窗口中選擇你想要改變的方式（如圖4）。

（圖4）

（圖5）

字體菜單可選擇你希望的字體，字型可以改變文字的形狀，可以是粗體也可以是傾斜體，大小就是改變文字的大小，還可以改變顏色和增加一些文字的效果。更改好了可以在預覽區(qū)預覽一下，不滿意可以再改。

我們這樣來修改：把字體定置為宋體，在字體菜單中選擇宋體。字型為粗體，在字型菜單中選粗體。文字大小為6，即是24磅。顏色為紅色，文字效果為下劃線。按確定，你就會發(fā)現(xiàn)剛才打在編輯區(qū)的文字起了變化（如圖5）。

當然你也可以隨意更改成自己喜歡的樣式。
網(wǎng)頁中最主要的元素除了文字，就是圖片。如果網(wǎng)頁中只有文字，而沒有圖片的搭配或者裝飾，一定會顯的很呆板。那么在frontpage2000制作網(wǎng)頁中如何為網(wǎng)頁加上圖片呢？很簡單。

我們把編輯區(qū)上的鼠標光標移動到編輯區(qū)希望出現(xiàn)圖片的地方，然后按控制窗的按紐欄里面的插入圖片按紐

，在彈出的窗口中選擇你希望放在網(wǎng)頁上的圖片（如圖6），按確定就行了。

大家記住，插入網(wǎng)頁中的圖片格式必須是“jpg”或者是“gif”格式的，讀者如何區(qū)分這兩種格式呢與其他格式的不同呢？如果你安裝了acdsee這個著名的看圖軟件的話，你可以看一下圖7就能分清楚了。

（圖6）

（圖7）

這里要提醒一下大家：在第二章筆者已經(jīng)跟大家提過網(wǎng)站中圖片的保存位置了，大家必須把網(wǎng)頁中使用到的圖片保存在網(wǎng)站文件夾的“images”文件夾中。要是你插入的圖片不是保存在網(wǎng)站文件夾里的話，那你做好網(wǎng)頁瀏覽的時候就看不到網(wǎng)頁中你插入的圖片了。所以大家要緊記，網(wǎng)站中所有的文件，包括網(wǎng)頁，圖片等等都必須保存在這個網(wǎng)站的文件夾中，還必須用英文名字。

還要注意的一點就是：已經(jīng)插入網(wǎng)頁中的圖片，你就不能再修改那張圖片的文件名了，否則在瀏覽時同樣會出現(xiàn)看不見圖片的后果。

筆者插入一張“welcome”字樣的圖片，如果你沒有的話可以插如其他自己喜歡的圖片。

到目前為止，一個簡單的網(wǎng)頁就算制作成功了，點擊制作窗的切換按紐中的“預覽”按紐預覽一下（如圖8）。

（圖8）

對于這個網(wǎng)頁嘛，有些讀者會大罵：“什么破玩意，怎么見得了人呢！”可能另一些讀者會說：“哦，小寶貝，這是我做的第一個主頁，要好好保存起來?！惫唧w你會怎么樣做筆者可猜不著了。怎么說也是第一個，也只能做到這種水平了：）如果你想學習把網(wǎng)頁做的更好看一點的話，歡迎你繼續(xù)閱讀本章的第二小節(jié)。

要點：

1修改文字的屬性時必須把需要修改的文字用鼠標左鍵括起來。
2網(wǎng)站內(nèi)所有文件都必須保存在網(wǎng)站文件夾內(nèi)。
3已經(jīng)插入到網(wǎng)頁中的圖片不能再修改它的文件名。

上一篇：FrontPage 2002擴充插件（六)

下一篇：FrontPage10全透視教程(5)