Frontpage2000中文教程:第三章 製作你的第一個首頁(1)

來源:互聯網
上載者:User
frontpage|教程|中文  知道了一個網站的結構之後,你是否很想馬上動手製作網站裡面的網頁?那好,我們本章就來學習如何製作。

首先我們運行Frontpage2000,並且開啟一個網站。在開啟網站之後我們就要在製作窗的編輯區裡面開始工作了。如果你忘記了什麼是製作窗或者什麼是編輯區的話,你可以複習一下本教程的第一章。

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

我們建立一個網頁,你可以點擊控制窗按紐欄的來建立一個網頁。

網頁上的文字如何製作你該不會不知道吧?在編輯區打字,你打出來的文字就會出現在游標閃動的地方(如圖1)。我們在編輯區打上“你好,歡迎你光臨我的首頁。”



(圖1)



(圖2)



(圖3)

你可能不希望網頁上的文字都一樣,只是黑色的吧。你可能希望它是紅色,也可能希望它是藍色。又或者你希望某些文字比較大,而且還有一些特殊效果。如何才能做到更改文字?很簡單。我們用按住滑鼠的左鍵,把你想改變顏色的字括起來(如圖2),括起來之後按滑鼠右鍵,選擇快顯功能表中的“文字”(如圖3)。接下來會快顯視窗中選擇你想要改變的方式(如圖4)。



(圖4)



(圖5)

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

我們這樣來修改:把字型定置為宋體,在字型菜單中選擇宋體。字型為粗體,在字型菜單中選粗體。文字大小為6,即是24磅。顏色為紅色,文字效果為底線。按確定,你就會發現剛才打在編輯區的文字起了變化(如圖5)。

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

我們把編輯區上的滑鼠游標移動到編輯區希望出現圖片的地方,然後按控制窗的按紐欄裡面的插入圖片按紐,在彈出的視窗中選擇你希望放在網頁上的圖片(如圖6),按確定就行了。

大家記住,插入網頁中的圖片格式必須是“JPG”或者是“GIF”格式的,讀者如何區分這兩種格式呢與其他格式的不同呢?如果你安裝了ACDsee這個著名的看圖軟體的話,你可以看一下圖7就能分清楚了。



(圖6)



(圖7)

這裡要提醒一下大家:在第二章筆者已經跟大家提過網站中圖片的儲存位置了,大家必須把網頁中使用到的圖片儲存在網站檔案夾的“images”檔案夾中。要是你插入的圖片不是儲存在網站檔案夾裡的話,那你做好網頁瀏覽的時候就看不到網頁中你插入的圖片了。所以大家要緊記,網站中所有的檔案,包括網頁,圖片等等都必須儲存在這個網站的檔案夾中,還必須用英文名字。

還要注意的一點就是:已經插入網頁中的圖片,你就不能再修改那張圖片的檔案名稱了,否則在瀏覽時同樣會出現看不見圖片的後果。

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

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



(圖8)

對於這個網頁嘛,有些讀者會大罵:“什麼破玩意,怎麼見得了人呢!”可能另一些讀者會說:“哦,小寶貝,這是我做的第一個首頁,要好好儲存起來。”哈哈,具體你會怎麼樣做筆者可猜不著了。怎麼說也是第一個,也只能做到這種水平了:)如果你想學習把網頁做的更好看一點的話,歡迎你繼續閱讀本章的第二小節。

要點:

1修改文字的屬性時必須把需要修改的文字用滑鼠左鍵括起來。
2網站內所有檔案都必須儲存在網站檔案夾內。
3已經插入到網頁中的圖片不能再修改它的檔案名稱。


聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.