答辯人：王娟

專業：計算機信息管理商務類網站的設計與實現西安電大蓮湖分校研究概述研究背景網站設計方案網站結構分析網站的準備工作1234實施步驟測試網站56教育公平科學發展機制研究建筑業應用軟件

計算機和計算機網絡的飛速發展，人們對計算機網絡的依賴是越來越大。人們在網上聊天交友，在網上請教問題，查閱資料，還在網上聽音樂。除此之外，人們還會在網上進行商務交易、下載信息，有著眾多的使用者。尤其是電子商務大大的減少了人們對周圍環境的依賴，無論是哪里的網友，都可以瀏覽到世界各地的各類信息，非常的方便，由于以上的優勢，各類網站如雨后春筍般的出現，企業網站也不例外。

而Web設計的健康發展依靠web標準的采用，沒有web標準就不會有真正的可訪問性和連貫的設計。不用web標準，就跟不上時代。在這樣的標準時代，我們需要網頁更加容易擴展，適合自動數據交換，并且更加規整。而css，則實現了頁面內容與樣式分離。鑒于web標準，本論文著重對div+css布局與美化公司網頁進行了討論；同時根據客戶需求，采用div+css實現了咨詢公司網頁的設計，具體實現了首頁、設計理念、作品展示、企業文化、關于我們、聯系我們等功能，系統符合公司網站的需求。課題的提出.研究背景12.設計方案網站主頁（index.html）作品展示---support.html企業策劃---blog.html聯系我們---contact.html設計理念---about.html3.網站結構分析.準備工作4技術要求：1、采用Windows2000以上的操作系統，網頁三劍

客+Photoshop+div+css開發；2、采用div+css布局和美化網頁；設計內容：1.整個網站風格定位及各頁面布局設計。2.網頁整體圖形的制作。3.div+css布局。4.網站測試與后期優化。.具體操作步驟5網站的頁頭主要分為兩個部分。一是Logo，logo使一張準備好的圖片，直接放置在頭部容器左側，調整好位置；二是導航條，網站導航條因為有立體感效果，因此它需要脫離文本流，因此在控制樣式的時候要用定位，相對于文本流的定位。網站的導航欄目可以讓用戶對網站的內容及信息一目了然。導航分為：首頁、作品展示、設計理念、企業策劃、關于我們、聯系我們。導航采用的是ulli布局，然后再用a標簽對其他相關網頁進行鏈接，設計和操作上都非常簡單。相關代碼如下：<divclass="menu"><ul><liclass="left"></li><liclass="break"></li><liclass="select"><ahref="index.html">首頁</a></li><liclass="break"></li><li><ahref="support.html">作品展示</a></li><liclass="break"></li><li><ahref="about.html">設計理念</a></li><liclass="break"></li><li><ahref="blog.html">企業策劃</a></li><liclass="break"></li><li><ahref="contact.html">聯系我們</a></li><liclass="break"></li></ul></div>5.1頭部效果圖5.2中間內容頁設計根據瀏覽者在閱讀時經常采用從上到下，從左到右的習慣，主體內容中，將“優秀網站案例”靠左邊放，這樣能更好地吸引瀏覽者的眼球，同時也體現公司的專業、能力等。優秀網站案例采用網頁圖片切換的形式展現在首頁中，使整個首頁處于于靜于動的畫面。右邊則是創意設計公司的設計理念。設計效果圖如下5.3頁腳設計5.4.1作品展示頁設計一、設計理念設計理念界面展示了公司設計的理念，同時還附帶了公司設計的一些行業案例，讓客戶體會到本公司的專業。左邊的鏈接為以后的編輯奠定基礎。效果圖如下5.4.1作品展示頁設計作品展示模版可以介紹公司的特色，讓游客更充分的了解公司、公司業務所面向地方對象。左邊列舉了公司業務項目，左邊的鏈接為以后的編輯奠定基礎。效果圖如下圖

5.4.2企業文化頁設計此頁面的的設計為左邊是代表流程的圖片，右邊詳細介紹了公司的企業文化等信息，讓客戶清晰的了解公司的文化，服務信息等等。效果圖如下圖5.4.3聯系我們頁設計聯系我們板塊能實現交流的目的，讓客戶對公司的發展，公司的業務流程提出寶貴的意見和建議，這樣公司才能更好的為自己定位，才能根據客戶提出的意見來完善自身。聯系我們頁面主要介紹公司所在地、公司聯系電話、公司地圖等信息。網站的聯系我們界面效果，如下圖5.5網站最終效果圖編碼完成后，就要對源程序進行測試。軟件測試的目的在于爭取在第一時間發現程序中的錯誤，以便于及時糾錯，增加軟件可靠性。它在整個系統設計實施過程中占有相當的分量。測試是軟件開發時期的最后一個階段，也是軟件質量保證中至關重要的一個環節。測試的目的是為了盡可能的發現程序中存在的錯誤，其任務就是消除網站故障，保證程序的可靠運行，最終把一個高質量的網站系統交給用戶使用。一般來說在每個模塊完成之后就要對它作必要的測試，這種測試被稱為單元測試，模塊的測試者也就是編寫者。編碼和單元測試屬于網站生命周期的同一階段。這個階段結束之后，對網站系統還應該進行各種綜合測試，這是網站生命周期的另一個獨立的階段，由專門的測試人員承擔。在網頁中的測試階段主要是對網站進行瀏覽器兼容性測試。在網頁測試的階段我分別安裝了IE8、火狐等瀏覽器，并且進行了逐個測試。在多次實踐中或多或少都遇到了不可調節的DIV浮動問題，