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

2024-09-12 15:14:51

字體：大中小

供稿：網(wǎng)友

你可能實(shí)在是很厭惡上一節(jié)中所做的那個(gè)網(wǎng)頁，因?yàn)閷?shí)在是太“次”了！
那好，我們接著學(xué)，爭取更專業(yè)：）
上一節(jié)當(dāng)中我們做的網(wǎng)頁（如圖8），給人的第一感覺除了是“次”的要死以外就是凌亂。

（圖8）

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

（圖9）

（圖10）

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

（圖11）

接下來我們?cè)诘谝恍械谋砀窭锩娲蛏献约合矚g的文字，并定義它的屬性。在第二行的表格里面插入一張圖片（如圖12）。

（圖12）

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

（圖13）

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

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

（圖14）

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

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

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

（圖16）

我們?cè)傩陆ㄒ粋€(gè)網(wǎng)頁，在編輯區(qū)編輯你自己的自我介紹，然后保存，記住用英文名保存，比如用“ziwojieshao.htm”，不能用中文。
保存好了，我們重新打開剛才保存的主頁（index.htm），為主頁上的“自我介紹：做超級(jí)連接。
用鼠標(biāo)左鍵括起主頁上的“自我介紹”四個(gè)字，然后點(diǎn)擊按紐欄的超級(jí)連接按紐

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

（圖17）

（圖18）

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

（圖19）

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

要點(diǎn)：
1學(xué)會(huì)善于運(yùn)用表格，是整個(gè)網(wǎng)頁頁面看起來更整潔。
2多使用“左對(duì)齊”“居中”“右對(duì)齊”按紐配合表格的使用。
3保存網(wǎng)頁時(shí)記住不能使用中文保存。
4做超級(jí)連接時(shí)要細(xì)心，不然很容易出現(xiàn)連接錯(cuò)誤。
5不談專業(yè)與否，一個(gè)出色的網(wǎng)站關(guān)鍵在于創(chuàng)意。

上一篇：認(rèn)識(shí)FrontPage 2002擴(kuò)充插件之四

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