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

2024-09-12 15:14:51

字體：大中小

來源：轉載

供稿：網友

你可能實在是很厭惡上一節中所做的那個網頁，因為實在是太“次”了！
那好，我們接著學，爭取更專業：）
上一節當中我們做的網頁（如圖8），給人的第一感覺除了是“次”的要死以外就是凌亂。

（圖8）

網頁就是這樣，要想給人一種視覺上的沖擊或是享受，你就必須會搭配文字與圖片等等元素。
就圖8上面的這個網頁來說吧，如果把文字和圖片擺在中間的話，感覺還會好一些。但是我們要怎么樣做才能更方便地把網頁上的元素整齊地擺放好呢？這就要用到表格了。
表格在網頁中是用的最廣泛，也是用處最大的一個元素。
怎么樣在網頁中使用表格呢？我們點擊frontpage2000控制窗菜單欄的“表格→插入→表格”（如圖9），在彈出的窗口中選擇要插入表格的要求（如圖10）。選擇好之后按確定，就在你的網頁上插了表格了。

（圖9）

（圖10）

我們新建一個網頁，選擇插入表格，在彈出的窗口中的“大小”欄里選擇行數為2，列數為1，邊框粗細，單元格邊距和單元格間距為0，指定寬度為100，并且是指百分比（如圖10）。然后按確定，我們就在網頁里插入了兩行的表格（如圖11）。

（圖11）

接下來我們在第一行的表格里面打上自己喜歡的文字，并定義它的屬性。在第二行的表格里面插入一張圖片（如圖12）。

（圖12）

到這里有些讀者又要大罵了：“什么鬼東西，還不是和剛才一樣次！”哈哈，好戲這才開始呢。
剛才說了，如果把文字和圖片移到網頁的中間就會比較好看，那我們現在就移動它。
具體怎么樣移呢？難道要我們可愛的讀者不停地在文字或者前面狂按空格鍵？不是的，很簡單就可以做到了。
我們用鼠標左鍵把表格括起來使里面的文字和圖片被選中，把鼠標依到表格的頂端的邊緣線上上按左鍵，把它括起來（如圖13）

（圖13）

括好之后我們按控制窗的按紐欄里面的居中按紐

，使選中的內容居中（如圖14）。以后有需要你也可以使用按紐欄里面的做對齊，右對齊按紐。

（圖14）

怎么樣？放在中間是不是好看了一點？
接下來我們繼續編輯網頁里面的內容，依舊使用表格和居中按紐，添加一些自己喜歡的內容。

（圖15）
筆者在原先“welcome”的圖片下面再插入一張小叮當的圖片，在小叮當的圖片下面再添加了一些內容。這樣整個頁面就做好了：）是不是很不錯了？夠專業了吧：）什么？還不專業？哦，對對…… 的確還不專業，因為這個網頁上缺少了超級連接。
超級連接是一個網站的靈魂。可以這么說，超級連接就象人體內的血管。人們的手如果缺少血管的話，那血液就不能流到手上，那手就不能運動了。網站也一樣，如果你的子文件做的非常非常好，但是沒有超級連接，瀏覽者就只能看到網站的主頁了，而不能看到后面的子文件了。所以，超級連接在網頁中起了很重要的作用。
不要以為很重要就很難學了，不是的。在frontpage2000里做超級連接就象是打字一樣簡單：）
我們先不要管剛才做好的網頁，先把它保存起來。點按紐欄的保存按紐

保存剛才做的網頁，由于是主頁，所以保存時的應該把它命名為“index.htm”或者是“index.html”（如圖16）。

（圖16）

我們再新建一個網頁，在編輯區編輯你自己的自我介紹，然后保存，記住用英文名保存，比如用“ziwojieshao.htm”，不能用中文。
保存好了，我們重新打開剛才保存的主頁（index.htm），為主頁上的“自我介紹：做超級連接。
用鼠標左鍵括起主頁上的“自我介紹”四個字，然后點擊按紐欄的超級連接按紐

，在彈出的窗口中選擇剛才保存的“ziwojieshao.htm”（如圖17）。

（圖17）

（圖18）

按確定。如果你發現“自我介紹”四個字下面多了一條橫線，說明你的超級連接就做成功了：）
依次把“我的收藏”“我的愛好”等幾個網頁做好，并依次為它們做上連接。
當做“給我寫信”的連接的時候，要注意一下它的做法稍有不同。由于是給你寫信的連接，點擊這個連接之后系統就會自動運行電子郵件程序給你發郵件。所以這個連接的地址應該是你的電子郵箱地址。在點超級連接按紐彈出的窗口中點圖18中畫著圈圈的按紐，在另一個彈出的小窗口中填寫你的郵箱地址，就行了。
竟然文字可以做連接，那圖片可以給它做個連接嗎？當然可以啊，點擊你想要做連接的圖片，并按按紐欄的超級連接按紐，跟做文字連接的做法完全一樣。
這里還有最后的補充：每個網頁都應該有標題嘛，如何定置網頁的標題呢？在網頁的空白處點擊鼠標右鍵，選擇“網頁屬性”，彈出另一個窗口（如圖19）。

（圖19）

在“標題”欄填寫你想要的標題，按確定就行了。你也可以為你的網頁使用背景圖案，那樣網頁看起來就更好了。點擊“網頁屬性”窗口的“背景”按紐，或是使用背景色，或是使用背景圖案，一切由你決定。你還可以在這里定置超級連接的顏色呢，真是太棒了！
到此為止，你的第一個網站誕生了：）為了紀念又一位專業級的網頁設計師誕生，筆者號召全家人為他鼓掌三秒鐘：）
什么？還不專業？！夠專業的了！什么？網易，新浪才算專業？！*_* 你這是什么道理？專業就是這樣的了，只不過你認為的專業就是象網易，新浪那樣的專業。其實它們之所以會讓你覺得專業，是因為他們內容齊全，分類詳細，而且還是商業公司，每天同時有幾百個員工在更新它的網站的。如果你愿意勤勞一點，每天更新一下你的網站，放一點更好的內容，這樣就專業了。什么？！…… 你想做成網易，新浪那樣？！
網站是做好了，但是你是不是還覺得平平淡淡呢？有興趣學做更漂亮一點的網頁嗎？那你可要留意下一章的教程了，精彩！

要點：
1學會善于運用表格，是整個網頁頁面看起來更整潔。
2多使用“左對齊”“居中”“右對齊”按紐配合表格的使用。
3保存網頁時記住不能使用中文保存。
4做超級連接時要細心，不然很容易出現連接錯誤。
5不談專業與否，一個出色的網站關鍵在于創意。

上一篇：認識FrontPage 2002擴充插件之四

下一篇：精彩新思路：Frontpage XP玩特效