1。中文網站的欠缺。
2。 HTML 文字檔的編輯。
3。 背景的設定。
4。關於文字。
5。關於表格。
6。關於影像圖片。
7。其他進階技巧。
8。放入網路
9。後記
有朋友問我,我的 Homepage 是找那家公司設計的。其實答案是:我自己寫的。朋友說好佩服,你電腦懂好多。其實很簡單。 PC Megazine 說, 每個人都應該擁有一個 Homepage 的時代到了。
我常想,天生我才必有用。每個人都可以將自己的專長做個網頁,供大家觀看。不需要「投稿」讓報社去決定要不要退稿,而且登載報上的文章第二天就沒有了。
中文的網頁實在是太欠缺了。我看到有人把舊火柴盒收集寫了故事作成網頁,我就想,很多人不是也是多少有收集欲?拿出來公佈不是很好?洪通的畫為什麼不設個網頁?布袋戲也可以設網頁,很多民俗都可以設個網頁。
不要學問那麼大,簡單的也可以。那麼多人開車,寫個中文版的「買車須知」也好,讓我們在專業的車輛雜誌外還可以看到另類的意見。
想起來真的好多好多希望看到的中文網頁。
寫一個網頁很困難嗎?真的不會難。如果有輔助軟體就更簡單了。如果沒有輔助軟體,也沒什麼困難,像我就是用 notepad 直接寫的。寫完,找個免費供人展示網頁的地方,放上去,就可以告訴朋友請來上我的網站了。
網頁要放的文章,最重要的是內容,不是花俏。現在的網路一般速度都不快,常常等了很久,只看到很多花俏的圖案或動畫,然後沒什麼內容。要把內容放在網路上,其實不那麼困難了,也不需特別的技巧。
自己會作網頁的好處是,內容有錯,或是想要更新,自己來比較方便。否則,有個錯字都要經過設計公司,那很麻煩。
我來談談以一個不是電腦專業的人,寫網頁的經驗。
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檔上時,會干擾指令,所以要用特別的代號替代,譬如用 < (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,等等的東西可以用,但是都不理想。 譬如你要把文字放在圖案的右邊,那麼很多問題都會出來。即使你告訴圖案說,圖在左,文章在右,但是文字太多或太少,都會造成問題。太多,則文字滿了後會流到圖案下方;太少,那麼下一段落的文章又會在圖形的右邊而不會再下方。有時你想補上「空白」讓文章往下移,但是「空白」在瀏覽器上就是一個空白,十個空白,還是算一個空白。換行也是一樣,十個換行,還是相當於一個換行。有十我們會用強迫空白的代號( 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 ,讓人家寫信問,就是造福人間了。
希望我國的網頁能夠蓬勃發展。