本研究所使用之工具與技巧皆由超文件標示語言（HyperText Markup Language，HTML）及串接樣式表（Cascading Style Sheets，CSS）交互應用，發展出一套讓網頁設計師在網頁預視差異發生時，能快速將差異縮減至最小的方法，以掌控網頁的編排。透過CSS的技術，本結果可幫助網頁設計師與網站開發者，對網頁編排與設計有更大的控制，並且能夠花更少的時間、更容易地來編輯及維護網頁。
藉由文獻探討與實驗，本研究討論了可能的解決方式，並制訂一套標準原則，提供跨瀏覽器相容性設計所使用，分為五大方向：網站編排架構、DOCTYPE宣告、預設值統整歸零、box model原則應用、W3C規範驗證。從前導實驗，得知受測者現階段所遭遇問題之後，透過正式實驗，得知所假設之標準原則，能有效解決跨瀏覽器問題，將網頁瀏覽差異性降低。
設計師可以利用此整合方法，來縮小瀏覽器間的預視差異，並在視覺設計、版面編排及程式設計三者間，成為溝通的橋樑。在製作網站時，能有效提升設計師工作效率，也能因應潮流趨勢，符合SEO的關鍵字搜尋規則，提昇網站曝光度。在未來甚至是行動裝置上的發展，也突顯出勢必要運用縮小差異的方法，來擴大至其他版本與其他家瀏覽器無障礙的瀏覽，此概念也是本研究極力推廣的核心重點。

The tools and techniques used in this research were the combination of HyperText Markup Language (HTML) and Cascading Style Sheets (CSS). A method was developed to enable web page designers to control web page layout and to reduce preview differences of web pages to the minimum. Through the techniques of CSS, the result could help web page designers and website developers with more control over web page layout and design in less time and easier to edit and maintain web pages.
This research discuss possible solutions through literature reviews and experiments. A standard principle was proposed for cross-browser compatible design in five steps: structuring website layout, declaring DOCTYPE, resetting defaults, applying the box model principle, regulating and verifying for W3C. The prior experiment revealed subjects’ current problems and the formal experiment justified that the proposed standard principle could solve cross-browser problems effectively and could reduce browsing differences of web pages.
Designers can use this integral method to reduce preview differences among browsers. It can be a bridge among visual design, page layout and program design. It can increase designers’ working efficiency in designing websites. It also complies with the trend of SEO keyword searching rules to increase website visibility. Such a method of reducing differences is important in future web accessibility and can be extended to different versions of browsers and even on mobile devices. The ideal is duly reflected in this research.

Bos, B., Celik, T., Hickson, I., & Li, H. W. (Eds.) (2011). Cascading style sheets level 2 revision 1 (CSS 2.1) specification. Cambridge, MA: The World Wide Web Consortium (W3C).
Brooke, J. (1996). SUS: A quick and dirty usability scale. In P. W. Jordan, B. Thomas, B. A. Weerdmeester, & A. L. McClelland (Eds.), Usability evaluation in industry (pp. 189-194). London: Taylor and Francis.
Eisenhardt, K. M. (1989). Building theories from case study research. Academy of Management Review, 14(4), 532-550.
Goodman, D. (2007). Dynamic HTML: The definitive reference. Sebastopol, CA: O’Reilly.
Hanson, V. L. (2004). The user experience: Designs and adaptations. In F. Lai (Ed.), Proceedings of the third Australasian conference on user interfaces, 7 (pp.1-7.) New York: ACM.
Ivens, K. (2002). Faster smarter Internet. Portland, OR: Microsoft Press.
Lane, J., Moscovitz, M., & Lewis, J. R. (2008). Foundation website creation with CSS, XHTML, and JavaScript. Berkeley, CA: Friends of ED.
McBurney, D. H. & White, T. L. (2004). Research methods (6th ed.). Belmont, CA: Wadsworth.
Minnick, C. (2012). WebKit for dummies. Hoboken, NJ: Wiley.
Nahari, H. & Krutz, R. L. (2011). Web commerce security: Design and development. Indianapolis, IN: Wiley.
Norman, D. A. (1988). The design of everyday things. New York: Basic Books.
Perry, G. (2006). Sams teach yourself Microsoft Windows Vista all in one. Indianapolis, IN: Sams Publishing.
Preece, J., Rogers, Y., & Sharp, H. (2002). Interaction design. Hoboken, NJ: John Wiley & Sons.
Raggett, D., Le Hors, A., & Jacobs, I. (1999). HTML 4.0.1 specification. Cambridge, MA: The World Wide Web Consortium (W3C).
Rizvi, A. (2011). Click start Internet basics: The Internet basics, written for beginners. Manchester, UK: Click Start.
Robbins, J. N. (2006). Web design in a nutshell (3rd ed.). Sebastopol, CA: O’Reilly.
Robbins, J. N. (2007). Learning web design: A beginner’s guide to (X)HTML, StyleSheets, and web graphics. Sebastopol, CA: O’Reilly.
Schmitt, C. (2007)。CSS問題解決速查手冊（二版）（CSS cookbook: Quick solutions to common CSS problems）（2nd ed.）（藍雲紋譯）。臺北市：旗標。（原作2006年出版）
Shelly, G. B. & Freund, S. M. (2009). Windows Internet Explorer 8: Introductory concepts and techniques. Stamford, CT: Cengage Learning.
Shelly, G. B., Napier, H. A., & Rivers, O. N. (2008). Web design: Introductory concepts and techniques. Stamford, CT: Cengage Learning.
Stolley, K. (2011). How to design and write web pages today. Santa Barbara, CA: Greenwood.
Thagard, P. (2003)。心智：認知科學導論（Mind: Introduction to cognitive science）（屠名正譯）。臺北市：五南。（原作1996年出版）
王建力（2009）。筆勢指令於筆式數位繪圖環境之操作性探討。未出版之碩士論文，國立臺灣科技大學工商業設計系碩士班，臺北市。
白子祐（2002）。全球資訊網使用者於瀏覽器書籤中認知地圖建構研究。未出版之碩士論文，中國文化大學新聞研究所，臺北市。
任宗浩（2001）。心智模式動態變化之研究－物理現象的觀察與詮釋。科學教育學刊，9（2），147-168。
李佳穎（2008）。網路書店使用者介面之資訊呈現與商品圖片型式對使用者體驗感受之影響。未出版之碩士論文，國立臺灣科技大學工商業設計系碩士班，臺北市。
李青蓉、魏丕信、施郁芬、邱昭彰（1998）。人機介面設計。新北市：國立空中大學。
林士正（2004）。基於HTTP協定的隱藏通道。未出版之碩士論文，逢甲大學資訊工程學系碩士班，臺中市。
林家維（2002）。網頁瀏覽器指標圖像之研究－以數位博物館圖像介面設計為例。未出版之碩士論文，大葉大學設計研究所，彰化縣大村鄉。
財團法人資訊工業策進會（2006）。符合W3C標準之網頁製作基本指引結構篇－XHTML 1.0。臺北市：財團法人資訊工業策進會。
莊錦昌（2001）。網頁介面使用性之探討與意向之研究。未出版之碩士論文，國立成功大學工業設計研究所，臺南市。
陳怡親（1998）。兒童認知型式對卡通訊息解讀分析之研究。未出版之碩士論文，中國文化大學新聞研究所，臺北市。
陳建宏（2005）。電子地圖在導覽系統上的使用差異性研究。未出版之碩士論文，國立臺灣科技大學工商業設計系碩士班，臺北市。
甯國珍（2012）。應用知識本體擴充無障礙網頁檢測工具之研究。未出版之碩士論文，世新大學資訊管理系碩士班，臺北市。
楊傑綸（2009）。多人互動購物商務系統架構設計與運作模式探究。未出版之碩士論文，國立臺中教育大學數位內容科技學系碩士班，臺中市。
聶小燕、魯才、許文波（2008）。CSS網站佈局與美化。臺北市：碁峰。