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已經插入到網頁中的圖片不能再修改它的檔案名稱。