教 牧 與 教 育 小 站
www.christianeducation.net

       
基礎電腦教室
第廿一課 圖文並茂的留言

留言版是網際網路上十分流行的功能,透過留言版可以傳遞對網站的意見或想對網友說的話語。而這個留言版除了貼上純文字外,也可以貼上Html格式的留言,好讓您的留言變得圖文並茂。

我就喜歡在留言版上貼個附有圖片及不同顏色、字體的留言。也因此有不少網友問我那是怎麼做的?想想,還是做張網頁,讓大家明白那是如何做得的。真的不難,多試幾下就會了。

 

一、 Frontpage編好要留言的一段圖文
chat001.jpg (55263 bytes)首先執行編輯網頁的程式Front- page。就像編輯網頁一樣,編輯好一段你想要貼上留言版的圖片和文字。
二、 進到FrontpageHtml格式
chat002.jpg (58846 bytes)接著進到Front- pageHtml功能,看看html格式的留言。
三、 改變圖片位址
chat003.jpg (18966 bytes)在這裡,我們需要修改圖片的位址。也就是說,預設的圖片位址是在你的電腦硬碟裡,你必須將這位址改成網路的位址。
四、 指向圖片網路位址
chat004.jpg (15956 bytes)<img src="file:///...>就是圖片在硬碟的位址,你必須改成<img src=http://...>。當然,這裡就必須告訴你,若你想要讓留言版有圖片,那你就必須先有一個可以上傳圖片的網站。
五、 修正Html設定
chat005.jpg (26868 bytes)接著是一個十分重要的步驟。你需要將html格式的句子連在一起,也就是說,原本分做兩行,其實是一行的段落,你必須要將它們連成一行,否則瀏覽器會將它們分成兩個段落來讀。
六、 插入換行或段落格式
chat006.jpg (35155 bytes)左邊就是一個修整過的Html格式的段落。為了美觀,你可以加上<br>,也就是分行符號,讓每一個段落的文字能夠分開,才不會擠在一起。
七、 上傳圖片到儲存圖片網站
chat007.jpg (42819 bytes)別忘了,你需要將要貼到留言版的圖片,用任何FTP程式,傳送到你存放圖片的網站。
八、 複製Html格式的留言
chat009.jpg (31360 bytes)將圖片上傳後,就要將修整過的Html格式的留言反白、複製。
九、 Html格式的留言貼上留言版
chat010.jpg (25620 bytes)然後打開留言版,將你複製的Html格式的留言貼在留言空格上。就算大功告成了。

唯一的問題是,你必須確定那個留言版能個讀取Html格式的留言。

十、 看看不一樣的留言
chat011.jpg (18211 bytes)看看這個留言,就是一個對有圖又有不同顏色、字體的留言。

 

name-h.jpg (1401 bytes)

maosung_chiang@yahoo.com.tw
http://ce.fhl.net