網站建置
網路資源最大的快樂，就是分享別人的也貢獻自己的！資訊地球村就是要作到互通有無，資源共享，才能相互砥勵進步並攜手邁向未來。
許多好的作業與作品可以標竿學習，讓自己百尺竿頭；許多好的想法意見可以萃取再精鍊，修正革新再創造。
資料（data）加以組織成為資訊（information），資訊加上價值（value）而為知識（knowledge），歷久彌新的知識方能轉化成為我們的智慧（wisdom）......這是知識管理的內涵......
個人網站的建置不是件簡單的事，如何製作個令自己滿意，又能吸引其他網友到站的網站，是需要一連串的策略性規劃，可千萬別邊想邊做，那只會讓網站顯得雜亂無章，失去原來建置網站的用意。
Step 1：我需要建置個人網站嗎？
我建置個人網站的目的是什麼？我有多大的能力、多少時間精力可以花在這上面呢？仔細想想這個問題，一旦決定要建置個人網站，就要有做得最好的決心，出來的網站品質也才會讓人亮眼，免得只是浪費自己的時間及精力，還會讓其他網友在利用搜尋引擎找資料時，一直埋怨怎麼搜尋引擎的功能這麼遜，找出來的東西都不好。
Step 2：選擇網站主題
建置網站首要就是要有個明確的主題，不要整個網站主題分陳卻沒有深度，那也是沒有人會來逛的。決定主題可以由自己的興趣著手。如果愛好旅遊的人，就可以架個提供旅遊資訊，並提供同好者交流的網站；愛好音樂就架個介紹音樂的網站......
很多人的網站是沒有什麼主題，只是放上許多自己的照片與介紹，再加上其他網站的超連結；或者選擇的主題很大眾，內容又沒什麼突出處......這對大多數的網友來說，這種網站真的是沒什麼內容，也留不住網友的目光的！
Step 3：決定網站的內容與服務項目
決定網站內容和服務項目可以從我們建網站的目的來著手，或是上網去觀摩其他人的作品。
Step 4：蒐集資料
網站主題決後就可以開始蒐集資料了！這就得發揮我們平日做報告的能力，讓相關的資料有系統地在網頁上呈現，同時，也別侵犯了他人的智慧財產權喔！
網頁上呈現的資料可分成下列幾種：
- 文字：就是我們敘述內容的字眼囉！一般是以html格式儲存，可用瀏覽器閱讀。
- 圖片：協助內容說明的圖片或是美化版面的圖片都是常見的，一般是以JPG、GIF格式儲存，也可用瀏覽器閱讀。
- 聲音、影像等多媒體：多媒體效果的使用可讓網站更顯生動活潑，一般是以mid、wav、ra等格式出現，需要其他外掛軟體（如Windows
Media Player、Real Player）輔助才能觀看，同時下載資料也需花費較長時間。
- 超連結：這是指連結至他人網站使用其內容，特別需注意不要侵犯到他人的智慧財產權。
Step 5：設計網頁架構
這階段的工作有些類似打草稿，我們要先規劃一下整個網站的架構要如何分類、每個網頁的版型（圖文如何呈現、每頁長度、字型大小等）、用什麼樣的導覽標題......
Step 6：開始撰寫內容
要開始編寫網頁，總是需要工具的！一般網頁編輯新手可以用FrontPage這種所見即所得的軟體，只要會Word的人對這套軟體鐵定能得心應手，甚至Word本身就可以編輯網頁了。或者，可以用Dreamweaver這套功能更為強大的軟體，只是得多花些時間熟悉它。雖然有這些軟體的輔助，我們可以不用對HTML瞭解太多，但建議還是要有基本的認識，寫網頁或調整網頁內容時會比較方便。
除了HTML的編輯外，圖片的使用也需要繪圖軟體的協助，一般言，可使用Adobe
PhotoShop、Ulead Photo Impact、Paint Shop Pro。
現在，還有JavaScript、CCS等網頁編寫時會用到的語法，可以讓網頁更炫、功能更強大，對於我們這種不懂的人也不用害怕，因為有許多善心人士都會將常用效果的語法做成範例，讓大家在網路上參考或下載，十分方便。不信，用搜尋引擎打入「爪哇」或是「JavaScript」就可以找到好多有用的網站囉！
此外，網路上有許多網站還會教我們編寫網頁的技巧、軟體的使用，或是幫大家整理可使用的背景圖案、圖片、免費網頁空間、留言板申請等資料，十分有幫助。
Step 7：將資料上載至網路
辛苦地把網頁編寫完成後，我們一定要把資料放上網才有機會讓大家觀賞囉！首先，我們要先替自己的網站找個家。這也不是個大問題，因為許多的網路業者都提供免費的空間可讓大家申請，若是學生的話，通常學校計中或是系上的電腦，也能申請個空間來放。
找到可上載的空間後，我們就可以開始將檔案傳輸至網路上。怎麼傳呢？利用FTP軟體，或是網路業者提供的上傳介面就可以囉！
Step 8：測試與最後檢查
上載完畢後記得線上測試一下，看看超連結有沒有連錯或失敗、圖片是不是可以正確顯示、有沒有錯字......
Step 9：公開與宣傳網站
網站做好了，當然是希望有很多人可以來參觀參觀囉！這時，"朋友"的作用就來啦！別忘了寄封"文情並茂"、"威脅利誘"的Email給眾多親朋好友，要他們上網來看看，同時也要他們多幫網站宣傳一下。此外，也別忘了到分類目錄及搜尋引擎登錄網站（如Kimo、蕃薯藤、新浪網、PCHome等），這都可以增加自己網站被搜尋到的機會，或是跟其他網站交換連結。
Step 10：時時更新與維護
如果以為網站放上網就算建置個成功的網站的話，那真是太不應該了！想要吸引人來參觀，可別忘了要更新網站內容，不然，頂多剛開站時有人來參觀，久了後就不會有人來啦！
以上是建置網站的步驟，不難發現網站建置是門大學問，需要具備的能力可是要橫跨對資訊內容的掌握能力及視覺傳播的能力。下面將提醒大家一些網頁設計的小原則：
- 每頁都要有網站的logo、名稱、網址及網頁建立與更新日期。這些資訊在網頁上的位置要固定，且每頁都要能回到首頁。
- 網站如果超過100頁，請提供站內搜尋功能。
- 每個網頁都要有標題，且標題需有層屬關係及具意義。所謂的標題就是瀏覽網頁時左上角出現的名稱，如果不注意，每個網頁的標題都成了「新網頁1」，那就很......
- 網頁架構和版面安排，需注意幫助讀者掃描篩選／忽略不相關的大段文字。同時，也應有適當簡潔的大小標題，增加內容的可讀性。
- 善用超連結及目次呈現所有相關的資料，不要將全部資料編成一個超長的網頁。
- 圖檔請提供文字說明（alt），可讓不便下載圖片的人也能知道圖片的內容，同時，搜尋引擎也可以搜尋到我們精心製作的圖片。如果是不清楚的圖片，就別上載了，免得浪費大家下載的時間。
- 如果提供檔案下載，請註明檔案大小，讓大家可以先判斷要不要下載。
- 提供超連結的標題，讓大家可以先判斷要不要點選。
- 找真正的讀者來做可用性測試，或是接受其他網友的使用意見回饋。
- 到其他大站觀摩學習，也是增加自己網站的本事的好方式喔！
Jakob Nielsen's這位有名的網站可用性（usability）研究者，早在1996年時就整理出10大項網頁設計時常犯的錯誤，即使是在今日，這些錯誤仍舊存在，十分值得大家注意。這10項錯誤是：
- 使用Frame：這會讓使用者無法Bookmark，內頁的網址也不會跟著變化，同時列印網頁時容易出錯。
- 用超炫的科技：沒錯，用這些超炫的科技可以增加網站的效果，可是大家還要花時間下載資料，或是得安裝外掛軟體才能觀賞，如果電腦設備比較老舊的話，還會讓電腦當機，想想，還有誰願意來造訪呢？
- 過度使用顏色、動畫、跑馬燈、閃爍、圖片及背景音樂，造成使用者眼花撩亂，那知道要看那裏？那裏才是重點啊？
- 複雜難記的網址只會造成使用者記憶上的困擾或打錯網址的可能性。
- 孤兒頁：記得每個網頁都要有標題，同時也提供回到首頁的連結。
- 少了瀏覽導引：網站架構要有條理，並提供網站地圖輔助使用者。
- 擅改超連結的顏色：預設的超連結顏色可讓使用者知道那麼地方可以點選、那些他已點選過，如果我們自己隨便更改又沒有通知使用者的話，可是會造成不滿的唷！
- 過時的資訊：這不用說也知道資料更新的重要性。
- 下載時間過長，超過10秒的網頁，大家可沒多少耐心等候。
- 一直開新視窗，或是不用能「BACK」回到前一頁，也是常犯的錯誤。
