版型

在網頁的設計過程中，免不了都要引用到 CSS 樣式表，如何才能設計出適合自己網頁版型與正確的使用 CSS 語法，可以來試試這個 CSS Lint 線上的 CSS 樣式表檢測服務，使用方式相當簡單，只要將寫好的 CSS 語法，複製後貼到 CSS Lint 的檢查框內，便會幫你指出哪一行的語法不適合及修正建議，相當適合 CSS 新手在入門時所使用的工具。

寫網頁時。通常會先架構好每個網頁的布局，可以使用 Table 來架構，也可以使用 Div 來架構，不過通常使用 Div 時，較會牽扯到不同瀏覽器及瀏覽器版本不同的問題。Layout Gala 這個網站提供了 40 個不同的網頁架構固定尺寸或是使用百分比的 Css 版型，供你免費下載使用。

想要加強網頁的呈現效果，當然除了要有好的內容、合適的色彩及版型配置外，也可以在瀏覽器的外觀上動些手腳，像是使用 Free StatusTitle Maker 免費的網頁瀏覽器標題欄或狀態欄訊息產生器 在瀏覽器的標題或狀態欄做一些與眾不統的特效或是使用 Free Colored ScrollBars 這套免費的瀏覽器彩色滾動條(ScrollBar) CSS 及 JavaScript 特效產生器，來加強瀏覽器的上下左右的滾動條的特效。

現在人手一台智慧型手機，不論上網、訂票、找工作都可以，實在相當方便，但是要上網瀏覽時，多數的網站並無提供適合手機瀏覽的頁面，雖說不會影響網頁的呈現，但若不是吃到飽的方案，因該會隨時注意流量，若特別有要瀏覽的網站時，可以透過 Google 所提供的入口來輸入網址，便可得到一個適合行動裝置瀏覽的頁面。

網路上有很多免費的網頁模板可供下載，套用的方式也不複雜，但如要修改其中的版型結構，可能就有點門檻，而我們比較常見的網頁布局有表頭、內容可能區分三、二及單欄式再加上表尾，但不論利用何種版型，如要套用模板，就需要找到相類似的模板，不然就是自己改，太麻煩了。Grid-Generator 這個網站可以讓我們用所見及所得的方式，視覺化的操作網站結構分割、合併、增加、減少、調整區塊大小等，到最後產生該網頁版型的 CSS 樣式表，讓你不論用何種的網頁開發工具，都能輕鬆靈活的套用該 CSS，加快生產力。

不論對網站的站長或瀏覽者而言，除非有定期對網頁進行存檔的習慣，不然大概很難回想起當時網頁的排版與內容。Internet Archive Wayback Machine 是一個幫你保存網頁的網站，可讓你回朔收錄在其資料庫內的歷史網頁，包含當時的網頁版型、內容與其網址鏈結，基本上都還可以操作。

neosites 是一個免費提供快速又簡便的建立網站服務的網站，感覺上確實不錯，雖然網站空間不大，但其提供有流量監控、郵件管理及購物車等功能，另外所提供版型「Personal」、「Business」、「E-Commerce」、「Social」、「Portfolio」及「Fun」均有引導式精靈協助，當然也可以建立一個完全空的網站，稍後自己來編輯，neosites 網頁編輯不但簡單，而且相當多樣化，做出來的網頁也相當漂亮，所以適合想要有網站卻又不懂語法或網站不大的人使用。

製作網頁的過程中，為求得實際的呈現效果，常會需要製作與預期頁面大致相符的展示頁面，藉以判斷或微調版型，因此，過程中若有需要使用文字填充時，通常會剪貼一段可能不相干的文字來貼上，這對工程師自己或公司內部的展示可能無傷大雅，但若是對客戶展示，未免就顯得不夠專業。想要求得在雛型中更好的呈現效果，我們可以將這段文字改用 BLOKK font ，以橫條取代實際的字形，讓網頁還在雛形的過程中，便能展現專業的品質。

應用程式的開發，不管是在 Web 上或是 Windows 內的應用程式，對於介面的設計，大概都脫離不了 Master/Detail、Column Browse、Search/ Results、Filter Dataset、Forms、Palette/ Canvas、Dashboard、Spreadsheet、Wizard、Question & Answer、Parallel Panels 及 Interactive Model 這幾種常用的版型配置。透過 Designing Web Interfaces 這本書有詳細的歸納及說明，。不過本人不賣書，對於剛入門的程式設計師，可到 designingwebinterfaces.com 先行閱讀，Standard Screen Patterns: 12 patterns w/100 examples、Essential Controls: 30 controls for RIA design and development 、Components for Commonly Requested Features: 15 patterns and examples 相信不買書都能減少摸索入門的時間。