今天有人寫信問我的網頁是怎麼寫的,我邊想邊寫,不知不覺就出現了一大篇,於是再補了一些東西,交代一下網站成立至今的心路歷程,希望能給有興趣的人一點過來人想法與做法。
首先要說,我的網站(除了部落格的內容管理外)完全是我自己寫的--用純文字編輯工具。沒有任何所見即所得(What You See Is What You Get)編輯器(WYSIWYG Editor)、沒有任何內容管理系統(Content Manage System, CMS)。
除了相簿與部落格以外,其他的部分事實上都可以用一般的網頁(html)來完成,我僅用php來處理每一頁都會重複的部分,像是logo與頁腳的版權聲明等等。
相簿的部分有用到較多的php語言,算是我的第一個php實作作品。但是其實還是很簡陋的,因為目前我只會一些簡單的語法而已。我的相簿其實還是可以只用html語法來完成,但是因為我想有一個一勞永逸的方法來處理這堆照片,加上對php這個語言也有興趣,因此就決定選擇從這個地方來切入。
部落格的部分我是用Blogger(http://www.blogger.com/)的服務,範本則是自己設計的,這部分除了要懂html語法外,還要對他們專用的語法有一點了解才能做好。
如果你有興趣做網站的話,我建議你先從簡單的html語法開始學,不要用Frontpage或是Dreamweaver之類的軟體來做,像我自己只用純文字編輯軟體(例如記事本、EmEditor等),就能完成整個網站的建置了。
自己寫的好處是語法精練、而且自主性高、創意無限,不用受限於軟體的功能。雖然一開始就用網頁製作軟體,初期你可以快速得到非常好的視覺效果,但是久了以後會覺得處處受限,到時候再來改已經亂七八糟的原始碼,因為沒有基礎,所以會覺得異常費力,效果也不好。如果一開始一步一腳印地從基本語法紮根,雖然進度慢,可是熟練了以後會發現其實不難,效率甚至勝過使用軟體,而且創意所及之處,不太需要擔心寫不出你想要的效果來。
如果需要教學的話,我網站上面的那些教學資料應該就很夠用了,其實學起來並不難,只要耐心看過前面幾個章節,我相信你至少會有一些基本概念,至少可以解讀人家的網頁原始碼是怎麼寫的。
基本工具具備之後,接下來的就是靠你自己的創意,來形成整個版面,以及內容的部分。當然,一開始要自己無中生有做出一個版面來,或許有些困難(以我自己來說啦一.一因為我這個人沒什麼創意可言)。所以你可以到處參考人家的網頁排版、看看原始碼的內容。甚至先整個複製別人的板面,以自己的方法寫出一樣的板面來,有做不出來的地方,再參考他的原始碼進行改進,最後修改出屬於自己的風格。
風格確立之後,接下來就是把你的內容慢慢套進整個網頁,藉由自己編輯原始碼,你會對html標籤的使用越來越熟練,之前的努力也都會在這邊開花結果。
到這裡,整個網站靜態的內容就已經完成。此時應該可以對自己網站的風格、內容走向等等,有一個確實的方向。
接下來,如果你需要部落格的話,可以開始物色挑選自己喜歡的服務商。以我自己使用的Blogger來說,我主要是看上他可以高度自訂版面配置,而且可以將內容上傳到我指定的網路空間,最重要的,是他背後有Google撐腰,服務的永續性較有保障。但是Blogger也不是沒有缺點的,因為他的一些控制標籤不是很完善,所以連某些部落格基本該具有的效果都做不出來。
如果你希望部落格可以跟你自己的網頁版面搭配,那麼自訂樣板是一定要的,但因為我對這方面了解不是很多,所以能提供的意見也有限。除了我用的Blogger外,Yam Blog樂多日誌(http://blog.yam.com/)應該也可以自訂板面,其他的我就不是很清楚了。
至於自訂板面的方法,事實上與html語法也大同小異,只是多了一些專屬的標籤,用來顯示你的文章、網友評論等等,所以熟練html語法後,這方面要上手應該不會太困難。
最後是php的部分。這是一種可以內嵌於網頁中程式語言,可以透過程式來控制變數,產生一些動態的內容,也可以跟使用者進行較多的互動。要寫php的門檻比較高,首先你的網頁空間一定要支援php(通常以自己架設或學校提供的為首選),但這類的服務多半要錢,免費的就是品質差(速度慢、限制多)、有廣告,或是過陣子就倒了。其次,你最好可以有一些寫程式的基礎,不然一開始都是在學程式怎麼寫,跟網頁的關聯性就小了。
接下來就是要怎麼入門了,我建議想學php的人,可以到書店去看看相關書籍,並且至少買一本。雖然說網路上資料不少,但是針對初學者寫的卻不多,如果沒有條理、沒有系統性,這樣看起來會很累,效果事倍功半。手上有一本書的話,至少對整個php語言會有一個較完整的概念,日後要上網找資料也會容易許多。
以上是一點關於網站建置的小小心得。事實上除了表面上看得到的部分以外,其他像是為什麼我最後決定自己架站?為什麼我要非常標新立異地自己寫原始碼?為什麼即使Blogger功能殘障,我還是選擇它?其實這些都跟我這幾年來的網路與電腦使用經驗有關。
容後再談。
我從四年前開始學作網頁,一直到現在已經可以獨當一面製作出整個網站,過幾天就要成為某間公司的小網頁設計師了。
但是我,仍沒有辦法自己無中生有,很難。都必須四處參考不同風格的網站,然後慢慢模仿他的風格,雖然現在技術已經差不多了,只要反覆瀏覽同一個網站,只需要兩三天就可以憑空製作出一模一樣的、包括FLASH動畫等,但是這不是我要的!
我要能獨力製作出完全屬於我的網站,也許這很難吧、也許需要很多時間,也許這是歷練過程中一定會碰到的一環,我會努力的。
抄襲人家的創意實在是很不好,每當要製作網頁時,我會看遍國內外數十種不同風格的網站,選擇一個風格當作此次製作的方向,最近盛行的模板也成了我最大的福利,在上面可以看到各式風格的網頁樣式,雖然僅有縮圖與預覽圖,但是對我而言已經足夠。
我,應該也會變強吧!?
只是看了您的文章有感而發。
評論由 abej 發表 @ 三月 4 日, 2006 5:46 下午