建立個人網頁的經驗談 (By Eric Lin 1998-6-2)

1。中文網站的欠缺。

2。 HTML 文字檔的編輯。

3。 背景的設定。

4。關於文字。

5。關於表格。

6。關於影像圖片。

7。其他進階技巧。

8。放入網路

9。後記


中文網頁的欠缺

有朋友問我,我的 Homepage 是找那家公司設計的。其實答案是:我自己寫的。朋友說好佩服,你電腦懂好多。其實很簡單。 PC Megazine 說, 每個人都應該擁有一個 Homepage 的時代到了。

我常想,天生我才必有用。每個人都可以將自己的專長做個網頁,供大家觀看。不需要「投稿」讓報社去決定要不要退稿,而且登載報上的文章第二天就沒有了。

中文的網頁實在是太欠缺了。我看到有人把舊火柴盒收集寫了故事作成網頁,我就想,很多人不是也是多少有收集欲?拿出來公佈不是很好?洪通的畫為什麼不設個網頁?布袋戲也可以設網頁,很多民俗都可以設個網頁。

不要學問那麼大,簡單的也可以。那麼多人開車,寫個中文版的「買車須知」也好,讓我們在專業的車輛雜誌外還可以看到另類的意見。

想起來真的好多好多希望看到的中文網頁。

寫一個網頁很困難嗎?真的不會難。如果有輔助軟體就更簡單了。如果沒有輔助軟體,也沒什麼困難,像我就是用 notepad 直接寫的。寫完,找個免費供人展示網頁的地方,放上去,就可以告訴朋友請來上我的網站了。

網頁要放的文章,最重要的是內容,不是花俏。現在的網路一般速度都不快,常常等了很久,只看到很多花俏的圖案或動畫,然後沒什麼內容。要把內容放在網路上,其實不那麼困難了,也不需特別的技巧。

自己會作網頁的好處是,內容有錯,或是想要更新,自己來比較方便。否則,有個錯字都要經過設計公司,那很麻煩。

我來談談以一個不是電腦專業的人,寫網頁的經驗。

回本頁頁初大綱


撰寫 HTML 文字檔

HTML 檔其實是單純的文字檔,並不一定需要什麼特殊的軟體才能寫。早期的 html 格式很簡單,基本上只是加上圖案跟文字而已。把文章打好了以後,<title>,以及<body>,然後把段落用 <p>註明,要放圖的地方,加上<img src="圖案檔案">就大功告成了。當時到書局買了簡單的書看,就加上了所謂的「連結 Link」。我只會兩招,一招是<a href="檔案名">,另一招是<a href="mailto:信箱地址>。

初期的 html 大概就是這樣而已。後來看到一些漂亮的網站,就把網頁儲存起來,用 notepad 看看,人家是怎麼寫的。所以又學會了背景顏色的設定,背景圖案的應用以及表格的應用,Frame 的作法,最後才練習到 java。我到現在還沒用到 javaScript,也不懂 Active X,也沒機會嘗試 CGI。

開始學習寫 html 檔案時,也搞不懂那麼多的 tag 到底是什麼東西,所以用偷懶的方法,把別人的網頁偷拿過來,用剪貼的方式,創造自己的網頁。譬如我很喜歡那種背景顏色,那麼<body>的設定不要動他,只要把後面的文章加上我的內容,在把不要的刪掉就行了。像連結,寄信等的寫法,都是模仿別人的,只要把別人的檔案名或是信箱地址改成自己的就是我的網頁了。

到現在我還是用 Notepad 寫網頁,不過做得很辛苦。好處是,你可以很清楚知道 HTML 是什麼東西。不過如果對 HTML 沒有很大的興趣,就直接學習一些專門用來設計網頁的軟體,可能比較快。以前有醫師朋友問我,怎麼寫網頁,我告訴他用 notepad 就可以了,教了他一些原則後,他就打退堂鼓了。要用 notepad 寫 HTML 就必須完全清楚所有的 tag,所以你手上必須有參考書,像我就是用 htmlib.hlp 這個檔案跟 notepad 完成的。

我的作法是,先寫一個文字檔,加上 <title> 跟 <body>,儲存成 .html,然後用 msIE 去看,然後檢視原始檔,再修改原始檔,儲存後 Reload,如此反覆,直到滿意。

除了 notepad 以外,我用過許多其他的軟體。以前比較有名的是 htmabc.exe ,這是國人設計的免費軟體。用法是,當你把文章都打好了,就用他來加上各種的 tag。不過,因為沒有 WYGIWYS,就是說,你做的網頁實際上看起來怎樣沒有辦法直接看到,必須把檔案儲存後,再用瀏覽器觀看,然後再修改。他只是比 notepad 稍微方便一點,你如果不懂 HTML 的 各種 tag,你要修改時,還是搞不懂怎麼改。尤其是碰到表格時,更糟。

當時很有名的共享軟體是叫做 HotDog,跟上述的作用差不多。

後來 microsoft 出了個 ia (internet assistant),如果你有 Office 或是 word ,只要加上 IA 就可以用 Word 來編輯 html。你只要像 Word 一樣,那裡要換行,字體要用什麼,設定他的大小,顏色,甚至表格都很方便。不過,我在試做時,發現插入圖形並不太好用,我常碰到他自動改名為 image001 的情形,也不知道是我那裡設定錯了。後來的 Word97 已經直接可以製作 html 檔了,不需 ia。不過,好像圖形的問題還是一樣,而且,我用起來,速度非常慢。我想這是首次看到 WYGIWYS 的製作,不懂 HTML 的人也可以直接編輯。

國外有很多製作 html 的共享軟體。不過因為不是「雙位元」的,所以所有的中國字,在儲存之後就變成亂碼了。

雙位元的軟體比較有名的是 Frontpage。如果真的不想懂 HTML,那麼就該買套這個來設計網頁。目前是 FrontPage 98。我只用他的 editor,沒用他的 virtual server。這是目前我還偶爾會用到的軟體。非常方便。以前我常有的困擾是,特殊的字元像 <,>,等等是不能直接打在文章上,必須用特別的代號,用這個軟體就不用費神了。放圖片時,要計算圖片的大小,他可以直接幫你算了放上去。最重要的是,自己用 notepad 寫作時,長常會忘了寫結尾。譬如寫表格時,前面寫了 <td> 表示一格的開始,後面卻忘了</td> 的結尾。這樣的疏忽,用 msIE 觀看時沒有關係,但是用 netscape 就出問題了。以前就是漏了個 tag ,結果網友寫信來說,我的網頁有一篇是「空白」的,我上網看好好的,一直到我用 netscape 去上網,才發現問題。不過,Frontpage 有些地方也不是很方便。像是 <br> 這個東西,沒有直接的按鈕。圖形放上去,他是用絕對位置,而不是相關位置,後來還得用人工修改。他的 Font 的大小,都是採用 IE 的絕對大小<font size=5>,到了 netscape 會變成字很大很大。新版的 netscape 用了選項讓你決定。

我們醫院買了 netObjectFusion 這個軟體。他的功能非常強大,你可以把文字跟圖片拉到放在你想要的地方,沒什麼限制。他還整合 java,active X,以及提供幾個特效的 applet。當你把網頁的父子關係改變時,他可以自動把連結改變,不用一篇一篇調出來修改。不過,如果你是初學者,或是你只是設計簡單的網頁,這個軟體是複雜而且要上手很困難。

值得一提的是 netscape 所附的 editor。 以前是附在黃金版裡頭。他應該是最早的即寫即視軟體。我用不習慣。我發覺他最大的用處是,上網的時候,用編輯功能,把網頁編輯,但是不要修改,直接儲存。一般我們上網時看到的網頁,儲存時只有文字,圖片部份只是空空的匡。如果你用黃金版的 netscape 的編輯程式儲存的話,會把圖片也存起來。你離線觀看時,還可以看到整個帶圖的網頁。現在 netscape 好像都有編輯的功能了,不用黃金版了。

以下談談我過去的一些經驗。

回本頁頁初大綱


背景:

本來網頁主要是把內容放上去最重要,所以有些網頁還乾脆只接用 .txt 檔。但是美觀還是值得講求的。一般正規的網頁喜歡用白色,跟一般文書軟體一樣,那沒有問題,不過有人覺得刺眼。有些網頁背景用黑色,因為黑色的背景顯示圖片時比較鮮豔。我用過很多顏色當背景,後來發現學問也很大。

當背景顏色改變時,記得要把文字的顏色也設定。有一次我把背景改了顏色,文字也改了反差較強的顏色,看起來沒有問題。但是放到網路上時,發現看過的連結(visited link)會變色,變得跟背景顏色分佈清楚而很難辨識,所以記得改背景顏色時,不只要改文字顏色,還要設定「visited link」的顏色,看是否適合。

網頁背景顏色的設定,可以指定固定名字的顏色,像 BGCOLOR="pink"。但是一般這種顏色都不會讓你滿意。你要滿意的顏色還是要用到 BGCOLOR="#3e678d" 這種全彩的設定方式。我自己用 C 語言製作了一個三色混和劃板,調節三色值到滿意,這比一般視窗所附的調色版方便。(有興趣可以下載 colors.zip 30k for Win95) 。不過值得注意的是,你的電腦所顯示的顏色跟別人的電腦顯示的不一定完全一樣,像我的網頁,在另一部電腦顯示的『棕色』,就不是很漂亮。有些人用 256 色的螢幕看時,更糟。
 

有一陣子,我嘗試過背景圖案的方法。不過我覺得效果不好。你要設計圖案來當背景,首先是圖案的上下跟左右要能銜接,否則背景看起來會像格子,一格一格的,看上去就是向浴室地板的磁磚。其次是,色彩不能鮮豔,否則會影響你在上面寫的文字內容。我看過好的背影圖案是像 www.winfiles.com 的白雲。有些用淡淡的浮水印圖案,效果也不錯。有些人用『黑暗天空,星光點點』,也不錯,還有很多像『紋裡』的圖案也可以。我看過一個用背景圖案製作的使版面像『活頁紙』的網頁,很佩服。不過,我還是覺得光滑單色的版面還是最不困擾的。

回本頁頁初大綱


文字:

一般而言,設計網頁除了編排以外,最花時間的還是「打字」。而做html時,文字本身好像沒什麼特別。不過還是有幾點經驗可以談談。

首先是字的大小問題。當你要把文字放大一點時,在netscape是用相對大小,就是設定 <font size=+2>,可是在IE是設定字的絕對大小,<font size=7>,這樣有時用IE設計出來的東西在netscape會變成放大很多倍。我們看過有些網站,進去時發現字體好大,一行沒有幾個字,大概是這個問題。

其次是特殊字元的問題。如果你網頁是介紹「如何寫HTML」或是「數學」,那麼難免你會用到「大於 >」或「小於<」這個符號,以及「"」「&」。這些符號直接寫在HTML檔上時,會干擾指令,所以要用特別的代號替代,譬如用 &lt (less than) 來代替 「<」。如果你是用HTML編輯軟體的話,就沒問題,他自動會替你改好,如果你是用notepad,那麼就必須自己查明代號是什麼了。

其次是換行的問題。如果你的網頁是用中文打的,人家用英文版的netscape去看,會出現不會換行的問題。因為英文版的把整句當作一個字。有網友抱怨我的網頁,一句話寫得很長,瀏覽器的下方出現個Scroll bar,每看一段話,就要一直用Scroll。我告訴他,把netscape上面的「語言」本來是western ,把他選擇traditional Chinses (big-5),這樣就沒問題了。但不是每個看我網頁的人都會寫信來問我,所以我把中文的標點符號後面加個空白,這樣瀏覽器就可以有機會在標點符號處斷句。不過,這樣netscape還是會在第一個字出現亂碼。後來Jennifer來信告訴我解決的辦法後,就不再這麼麻煩了。

在網頁設計中,我的參考資料有關「meta」這個指令的解釋說得不詳細,我也不知道做什麼用的。當我用frontPage或是Netscape editor做網頁時,上面會有一行 <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=big5">。以前我都把他刪掉了。這行的意思,就是告訴瀏覽器,要把語言設定成big5。所以即使使用者自己沒設定,瀏覽器也知道這時要用big5的語言來顯示。

文件的流向控制是個很頭大的問題。雖然有很多像clear,alignment,等等的東西可以用,但是都不理想。 譬如你要把文字放在圖案的右邊,那麼很多問題都會出來。即使你告訴圖案說,圖在左,文章在右,但是文字太多或太少,都會造成問題。太多,則文字滿了後會流到圖案下方;太少,那麼下一段落的文章又會在圖形的右邊而不會再下方。有時你想補上「空白」讓文章往下移,但是「空白」在瀏覽器上就是一個空白,十個空白,還是算一個空白。換行也是一樣,十個換行,還是相當於一個換行。有十我們會用強迫空白的代號(&nbsp;   non-break-space)來達成。不過我的經驗是,控制文章流向最理想的方法還是用「沒有匡線的表格」來控制。

回本頁頁初大綱


表格:

一開始的HTML是沒有表格的。表格的出現,是很大的進展,因為表格的利用不只是劃格線。如果你精通沒有匡線的表格,那麼表格可以當作座標用,你可以把你的文章像圖文框那樣,要放那裡,就放那裡。

如果你需要文章排的整齊,那麼就試試表格。

就像在灰色的紙板上劃個正方形一樣,如果上左兩匡用白線,下右兩匡用黑線,那麼就是立體的磁磚了。表格也是一樣,可以利用這種方法製作立體效果。

如果你是用一般文書軟體來寫HTML,那麼小心漏掉任何的tag。netscape對tag非常嚴謹,一漏掉就會亂七八糟,不像IE那麼隨便。而當表格很複雜包括晇欄或誇行時,用一般軟體來修改是非常非常繁雜的事。還是交給HTML編輯軟體處理好。

回本頁頁初大綱


影像

沒有圖案的網頁,其實只要有內容,把文字的大小,字型加點變化性,也是足夠美觀了。很多網頁除了「首頁」以外都是沒有圖形的。我很討厭有人在網頁上放了一堆大檔案的圖形。現在網路傳輸速度很慢,尤其是網路塞車,或是一方面下載軟體一方面瀏覽網站時,傳輸更慢。有些網頁,等了老半天,當圖形顯示才知道,那圖形根本不重要。還有些網站,他的連結沒有文字,全部是花俏的圖形按鈕,圖形還沒出來就無法連結到內容。因為在設計階段,圖形是放在硬碟的,所以感覺不到慢,但是放到網站時,傳輸經過網路,就知道慢了。有時設計完了,放到網站,你自己看也覺得不慢,為什麼別人會抱怨?那是因為只有第一次會慢,第二次是利用硬碟的Casche。你自己會看自己的網頁好多次,別人則可能看第一次很慢,就不看了。有人說,首頁盡量在40kb以下,傳輸30秒內。

我自己不會畫漂亮的圖,如果要放圖案,我是盜取別人做好的圖。現在網路上很多可以合法的下載的一些圖,或是按鈕等等,很好用。如果你想用自己圖,那麼就要有些軟體跟設備了。

我有掃瞄機。可以把X光片掃瞄成檔案。像我做急診處的春天時,一些小圖片,適用普通的照相機,照完洗成相片後再掃瞄的。去年買了數位照相機就方便一點了。

圖形檔按通常還要剪裁。把他縮小到適合你的網頁的大小。有時要更複雜的剪貼與編輯。網路上一般只接受jpeg及gif兩種壓縮檔案。全彩的圖,用jpeg比較適當,如果是256色以下,就又gif檔。如果只是美觀,不是科學精確圖案,你可以把jpeg的壓縮比加大,檔案很小,但是還是有效果。

精緻的網頁應該在加入圖案時,把大小以及代替文字都填上,這樣瀏覽時才不會顯示一個圖,文字流向就左變右變,而且圖形還沒出來,使用者也可以按線空白的匡,進到內容頁。

在這裡談一下有關「Transpatent gif」以及 「Animated gif」的問題。

一開始我並不知道有所謂「透明」的圖案,當photoshop談到透明的alpha
channel時,我也不知道那是什麼。我們如果把標題作成圖案,一定是長方形的標籤。如果要顯示標題好像是寫在網頁上,也就是說把長方形去掉,那麼我的作法是,把標籤長方形的背景,做得跟網頁的背景顏色一樣,那麼圖片放上去的時候,就看不到長方形了。不過,實際上做起來那個背景跟標籤總是顏色有點不一樣,還是看得出來。最後只好學習所謂的「透明」圖案的作法。要做透明圖案,需要比較複雜的影像軟體。我個人是用photoshop。裡面有個select wizard,然後inverse select,再剪下,貼到透明的底色,然後export成Gif89a的格式。當然,把現成的圖片,不要的地方塗掉,要輸出時在指定透明色也可以。

動畫的製作,也是新的gif的規格。你可以用java去製作動畫,不過要學習比較困難。最簡單的方法還是用Animated gif的方式。先要準備軟體,像是Animagic或是Gif construction set。網路上都可以下載。因為動畫的道理是顯示一張圖片,一段時間後再顯示另一張,再一張,繼續下去。如果你每十分之一秒顯示一張,製作300張,那就是半分鐘的電影了。不過很少人做到那麼精細。我把一個聖誕樹的圖,跟鈴鐺的圖,用Gif construction set結合起來,就變成聖誕樹上,有個一閃一閃的鈴鐺了。我在電腦斷層教學上,放了個頭顱,上面有一條線會幾秒鐘往上移一公分,也是這樣做成的。

Animagic有fade in,fade out的功能,要製作簡單的效果很方便。不過值得注意的事,小小的動畫可能就包含了十張圖片。檔案很大。如果要很精緻,圖片要大,那麼檔案會大得可怕,傳輸費時。效果也不好。如果沒什麼必要,也不需要弄個動畫。

回本頁頁初大綱


其他技巧:

開始也不會用frame。不過看到有人的網頁能夠把螢幕視窗分成兩半,一半放各種的連結,很好奇,就檢視原始檔,原來是這麼簡單。模仿著用,在慢慢弄清楚是怎麼回事,就熟悉了。不過,用到frame時,螢幕切得太小,觀看並不方便。有些網站,螢幕已經切一半了,連過去的網站又用frame切了一半,小得簡直不能看了。要用到frame還要弄懂target這個字。一般的連結不用指定target,不過要用到frame時,就要指定名稱,然後註明連結到的網頁要顯示在那個frame中,就是target。有個問題,我找了好久才找到答案。那就是,怎麼樣「回上頁?」。因為如果你只是連結到上頁,那麼也只會出現在半個螢幕而已,後來才知道,整個螢幕叫做「_parent」,要回上頁指定 target是要顯示在「_parent」。

另外有個東西叫做Form。就是像流言版,或是checkbox,或是一個匡讓你輸密碼的那種。因為他的目的是要把使用者輸入的文字或選項傳回公司處理,而一般個人網頁沒有權限作這種處理(CGI),所以我也不用。只有一次,我用到選項,讓人家連結到想要的網頁。不過後來就取消了,還是用一整頁來供選擇好。

上面所謂的CGI是指網路公司用在網路上的程式,一般做字串搜尋等等的工作。個人網頁除了「上網人數的統計」公司開放外,一般都不希望個人寫個程式在公司的電腦上「跑」。

Maps也是值得學習的技巧。像www.winfiles.com的首頁,一個視窗圖,裡面好多icon,你點到那個icon,就連結到那個網頁去了。這是一種spy glass的功能。所謂的maps就是做一個指定座標區域的資料,當使用者滑鼠在這個圖上點一下時,瀏覽器會計算出點下去的座標是什麼,然後參考座標區域資料,算出該連結到那個網頁。當然,你一個圖像,做一個檔案,每個檔案圖像指定一個連結,也同樣可以達成這個效果,不用做個map的資料。不過網路上要傳十個小檔案,就要敲網路公司的門十次,跟他要檔案傳輸的動作要做十次,比較慢。不如一下傳個大的檔案,要求傳輸的動作只要做一次,經濟多了。要做map可以自己計算,不過還是用軟體來處理比較方便。我用的軟體是map this。

從三年前開始,很轟動的一件事就是「爪哇java」的出現。聽說他有能力打敗microsoft。 我先用粗淺的解釋來說明什麼是java。在電腦最早以前,當我們使用DOS,實際上他就是一種將BIOS的整合。如果你寫個DOS的遊戲程式,為了有聲音,那麼還要為了聲霸卡寫一套聲音,為魔音卡寫一套聲音。為了顯示卡,你還得寫好多套程式。遊戲開始,就有個選項,問你用的是什麼音效卡,顯示卡式那個廠牌的。如果你用的不在裡面,就沒得玩了。寫程式的人很累。到了Windows時代,Windows整合了各種螢幕與聲音的驅動程式,寫軟體的人,不用管你是用什麼音效卡,或是哪種顯示卡了。但是他還是要寫好幾套,一套For Windows,一套For Unix,一套For Macintosh。如果到了java的時代,java整合了所有的作業系統,你寫個程式,不需要註明適用於什麼,用Windows的人也可以買回去用,用Macintosh的人買同樣的東西照樣可以用,這叫做「跨平台」。將來大家都不一定會因為市面上Windows的軟體比較多而選擇windows當作業軟體了。

JAVA事實上有兩種東西。一個是java script,一種是java applet。java script是很像BASIC的指令集合,就像是macro,直接將指令寫在網頁上,大家都看得到。我不習慣用java script。一般個人網頁只用來處理背景,顯示日期時間,需要性不大。可用的主要功能是,轉向,就是可以用這個技術,視情況來改變連結。企業方面,用到CGI時,如能結合java script功能就強大了。

我現在都不用java script。原因是,IE 發展的java script是自創的,並不是由netscape那兒來的,所以網頁上寫的java script,在兩個瀏覽器上,表現有時不一樣。我經歷過一些script在netscape上跑得好好的,在IE上會「當機」,真正的需要「重開機」的當機。同樣在IE上面跑得好好的,在netscape上,卻又完蛋了。最近script的版本又改了。

JAVA applet倒是很有趣。那是真正的程式。不過一般人要學的話,需要有點寫程式的基礎。網路上很多教學跟示範,如果有點程式基礎,學起來也不是頂困難。我下載了JDK (java development kid),然後用javamaker就練習做了一些applet。我第一次練習是做了個月曆的applet。 不過因為java的date有點問題,所以做出來的月曆只能顯示1970到2000之間。這個以外,會出問題。我又寫了個MRI的示範,當你滑鼠移到那裡,程式就參考另一張隱藏住的顏色圖,顯示那是那個部位。

Java applet因為安全問題,所以功能也不大。因為他不能讀寫,所以計算,編輯等等都不能儲存,只能寫些遊戲玩玩,或是顯示動畫。我目前困擾的是,沒有辦法用「中文」,不知道誰有解答沒有。

寫Java applet,放到網頁上還碰過幾個問題。那時我把試寫的java class都放在同一個子目錄。結果,當我要放到網路上時,已經搞不懂那麼多class之間的從屬繼承關係了。只好又一個一個找,從孫子一直找到祖父幾代。必須把祖宗八代都放入網頁,applet才能跑。我當初是因為java的frame.class沒有辦法關閉,所以繼承以後作了個能關閉的Winframe.class,後來設計了Calender.class,把兩者整合繼承後又做了個CalenderFrame.class。放到網頁上時,雖然只有指定CalenderFrame.class但是,必須把前面兩個也放上去。

還有一個問題,我做的月曆的 applet,有個奇怪的現象。如果你是用 msIE 去看,那麼日期跟星期是對的。如果你是用 netscape 去看,卻發現日期比星期提前一天。我還不知道這是怎麼回事。

按一下這個連結可以看到這個網頁:我的小月曆

我試過一些會替我弄好繼承關係的Java IDE(整合編輯軟體)。不過都不好用。反正我也不是職業的程式設計家,也不做很複雜的java程式,我用javamaker就夠了。

網路上有些已經做好的applet可以做到動畫跟走馬燈的功能,但是不能用中文。我也用過。

回本頁頁初大綱


出版

寫完 HTML 當然是要放到網路上啦。先學學 ftp 吧。現在很多人只會下載檔案,那是一般瀏覽器就辦得到了。但是要放網頁就要會「上傳」檔案了,那就得學會 ftp 了。

我那時候不知道那裡有讓人家放 homepage 的地方。我用的是 hinet,那時沒有提供這項服務,即使是現在,他放 homepage 的地方還蠻貴的。我那時還沒有像 geocity 那樣讓人免費放 homepage 的地方。我在 newsgroup 上,留言請教人家那裡可以放。有人建議,我就聽了。我申請了民營的 ISP 叫做 Globalnet,他給了我網路帳號,還附送 4mb 的空間放 homepage,每個月上網不限時間,收費 500 元。這就是我放 homepage 的開始。現在好像隨便找,都有免費的地方可以放了。不過,要長久固定位址,而且需要很大的空間的話,還是找要收錢的吧。

將做好的內容放到網站上,還有一些問題。

首先面臨的是大小寫的問題。Photoshop 儲存檔案時,副檔名一概用大寫,像 GIF 或是 JPG。在電腦中做 homepage 時,連結沒有發現問題。後來放上網路,問題來了。連結不出來,圖也看不到。原來像 java 程式一樣,大寫跟小寫並不是相同的,連結如果寫小寫 GIF 那麼網路上就連不到大寫的 GIF。這跟我們一般電腦上的檔名,不管大小寫都是同一檔案是有點差異。後來我就固定一切檔名,除了 java applet 會混合大小寫外,通通都小寫,以免出問題。

其次是子目錄的「/」問題。我老是搞不懂應該「/」還是「\」。在網路上應該用「/」,而在電腦上我們習慣用「C:\homepage\index.htm」,如果混淆了,會出問題。

另外,如果你是用 html 的編輯軟體,像 FrontPage, 如果你不用 virtual server,而直接用 editor 編輯,那麼,你的圖片很可能是絕對目錄<img src="c:/homepage/image1.gif>。如果是用 netscape 的 editor ,那麼連結還可能直接寫上
「File://C/homepage/page1.htm」。你如果不檢查,原封不動就放上網頁,那就會出問題。我通常都用相對目錄。我的連結,全部都是 <a href="....">,不指定作用的方式,而讓使用者的瀏覽器去決定怎麼處理這個資料。

最後很重要的一點,就是,不管怎麼樣,放到網路上去的內容,自己要真正連線到自己的網站上看一遍。很多時候,連線跟不連線,有很大的差異。還有,如果可能的話,最好準備各種瀏覽器,譬如 msIE 跟 Netscape 兩個都準備。用不同的瀏覽器都看一遍,因為這兩個最大宗的瀏覽器都還有很多沒有共識的地方。

一開始,朋友問我,你做個網頁要放什麼內容?我那時也沒概念,只是想要有個「個人的門面」。把自己的自我介紹弄進去?誰會想看呢?後來我把「我的近況」作成網頁,談談最近結婚啦,蜜月到巴黎的經驗啦,後來又去了夏威夷啦,現在又做了什麼啦等等。那時我把網頁當作要寫給朋友的信,讓朋友知道我還活著。我沒有在網路上公布我的網址,只有給朋友知道而已,知道我的網址能上的也只有幾個朋友而已。

後來,我把在 Newsgroup 上寫的急診室春天的每一篇文章,放了上去,再加上一些醫學的病例,又翻譯了一些英文醫學的文章,就打算公佈了。在網頁上,我還是把我的近況隱藏了起來,後來就乾脆把他刪掉了。

要怎樣讓人家知道網址呢?我在寫 newsgroup 上的文章後面就以網址當簽名。後來我又上「蕃薯藤」將自己的網址內容登錄上去。那時中文的網址還不多,上蕃薯藤搜尋的時候,很容易就找到了。

不過,一旦向網路上公佈,網頁的維護就要花多一點心思了。其實,有空想一想,怎麼美觀網頁,寫些什麼放到網頁上也是蠻有趣的。

不幸的是,後來一方面我忘了繳錢,另一方面是 Globalnet 結束了網路的業務,改成了 hello。所以我的網址就不見了。就在那時,PC Office 希望跟我作個個人專訪。前一週網頁還在,告訴 PC Office 我的網址後,就不見了。害我趕忙重新申請,有了新的網址,從新改寫網頁。這時我把醫院的教學資料也放了上去,因為醫學圖案很多,很快就爆掉了。我追加到 30 mb 的空間,一年付費 5000 元。因為畢竟只是「個人」的網址,我也不是職業的,只是興趣而已,所以沒有打算作個「www.ericlin.com」那樣炫的網址,登記那樣的網址,還要一點花費的。

有了自己的網頁,如果朋友跟我要什麼小軟體,我可以把軟體上傳到我的網路磁碟裡頭,告訴朋友去下傳。醫師朋友轉介來的病人,檢查的結果,我也上傳到磁碟上,讓他可以用瀏覽器觀看,不用附在 Email 裡頭,以免塞到他的信箱。我還設計了聖誕賀卡,聖誕節時,只要寄給他網址就可以了,比一般賀卡公司要輸入密碼的方式好多了。

回本頁頁初大綱


後記

我一直覺得中文的網頁還是很欠缺,需要大家來貢獻。每個人應該都有個人的專長,把專長寫出來讓大家看看。建立一個網頁很有興趣的。如果有興趣,想建立自己的網頁,首先要瞭解 HTML 的編輯方法,試作一點網頁。然後就丟出去,告訴朋友,得到一點回饋,用來改進自己的網頁。要學得高深一點,可以把別人的網頁儲存起來,慢慢用網頁編輯軟體看看人家是怎麼寫的。如果要參考資料,網路上多得是。如果有問題,就丟到 newsgroup 去留言發問,很容易就有答案了。

我想,網頁就像是個門面。我要學的還很多。有空的時候,我會再玩玩變化底色,再設計一些圖案,當作休閒。

像最近我要買車,就希望有些網頁能夠提供我要買的車的意見。找來找去,都是一些比較正式的文章。正式的文章,總是太「正式」。不敢講真正的「缺點」。想殺價,不知道有沒有網頁在教人「殺價」。我找到英文版的「買車須知」,就有談到車商賣一部車賺多少,應該怎麼殺價。

英文的網頁現在很多,反而是要去淘汰一些垃圾。中文的網頁還是很少,有很多問題都找不到資料。其實,只要你放了個網頁,不需要什麼都寫在上面。只要你放個網頁上去,留個 Email ,讓人家寫信問,就是造福人間了。

希望我國的網頁能夠蓬勃發展。

回本頁頁初大綱



 


回上頁

ericlin@ms1.hinet.net


 



1