【正文】 第3章 開(kāi)發(fā)環(huán)境企業(yè)網(wǎng)站建立優(yōu)勢(shì)及界面設(shè)計(jì)畢業(yè)論文目 錄第1章 緒論 1 1 1 2 2 網(wǎng)頁(yè)的整體造型 3第二章 需求分析 1 1 1 2 2 2第三章 開(kāi)發(fā)環(huán)境 3 3 3 4 B/S結(jié)構(gòu)介紹 6第四章 系統(tǒng)分析設(shè)計(jì) 7 7 8 9 10第五章 系統(tǒng)功能實(shí)現(xiàn) 13 13 16 17 17 咨詢留言 23第六章 編碼與測(cè)試 26致謝 27參考文獻(xiàn) 28第1章 緒論在已跨入21世紀(jì)的今天，人類使用和學(xué)習(xí)信息的方式以及信息的包裝方式正在進(jìn)行著不可阻擋的革命，這次革命將比印刷術(shù)的出現(xiàn)所產(chǎn)生的影響以及對(duì)社會(huì)發(fā)展的推動(dòng)遠(yuǎn)為復(fù)雜而巨大。目前，我國(guó)上網(wǎng)的人口已近一個(gè)億，成立世界上網(wǎng)民最多的國(guó)家，許多人在需要查詢信息，首先想到的就是上網(wǎng)。Internet飛速發(fā)展，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用。因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見(jiàn)，倍受人們的重視。Internet是目前世界上最大的計(jì)算機(jī)互聯(lián)網(wǎng)絡(luò)，它遍布全球,將世界各地各種規(guī)模的網(wǎng)絡(luò)連接成一個(gè)整體。作為Internet上一種先進(jìn)的，易于被人們所接受的信息檢索手段，World Wide Web(簡(jiǎn)稱WWW)發(fā)展十分迅速，成為目前世界上最大的信息資源寶庫(kù)。近年來(lái)，隨著網(wǎng)絡(luò)用戶要求的不斷提高及計(jì)算機(jī)科學(xué)的迅速發(fā)展，特別是數(shù)據(jù)庫(kù)技術(shù)在Internet中的廣泛應(yīng)用，Web站點(diǎn)向用戶提供的服務(wù)將越來(lái)越豐富，越來(lái)越人性化。web的出現(xiàn)使Internet變?yōu)橐环N廣泛使用的信息交互工具。Web 的出現(xiàn)使網(wǎng)站數(shù)量和網(wǎng)絡(luò)通信量呈指數(shù)規(guī)律增長(zhǎng)。為了樹(shù)立公司企業(yè)在網(wǎng)絡(luò)上的形象，通過(guò)設(shè)計(jì)一個(gè)公司企業(yè)網(wǎng)站，以達(dá)到公司企業(yè)推薦、樹(shù)立公司企業(yè)形象、展現(xiàn)公司企業(yè)文化的一個(gè)互動(dòng)平臺(tái)，公司企業(yè)網(wǎng)站為交流提供綜合的網(wǎng)絡(luò)環(huán)境，同時(shí)也為公司企業(yè)的宣傳，發(fā)展，提供了一個(gè)平臺(tái)。公司企業(yè)網(wǎng)站的迷人之處在于綜合使用文本、圖象等結(jié)合的信息和內(nèi)容，具有豐富的多媒體表現(xiàn)與互動(dòng)特點(diǎn)，無(wú)可置疑， web網(wǎng)站已成為最吸引人的也最有效的信息傳遞手段和方式?，F(xiàn)在很多家庭都已經(jīng)具備或者已經(jīng)實(shí)現(xiàn)了家庭上網(wǎng)，通過(guò)公司企業(yè)網(wǎng)站，促進(jìn)公司企業(yè)與訪客、社會(huì)之間的溝通交流，方便互動(dòng)。通過(guò)建立公司企業(yè)網(wǎng)站，可以大大推動(dòng)公司員工在信息化環(huán)境下專業(yè)化發(fā)展以及提高公司的生產(chǎn)能力。本網(wǎng)站圖文并茂、界面直觀、操作簡(jiǎn)單，內(nèi)容布局條理清楚，版面協(xié)調(diào)、統(tǒng)一，顏色鮮明、搭配合理，內(nèi)容豐富、詳盡。隨時(shí)獲取和發(fā)布信息 有助于提高工作效率，降低交易成本　 降低廣告宣傳費(fèi)用 提供全年每天24小時(shí)的宣傳服務(wù) 利用互連網(wǎng)擴(kuò)大自己的知名度 更快地了別人的需求 由于越來(lái)越多公司企業(yè)開(kāi)始建立自己的網(wǎng)站，網(wǎng)站除了具有傳播信息的功能外，還往往代表公司企業(yè)的形象。網(wǎng)站建設(shè)商業(yè)化和廣告化的趨勢(shì)，對(duì)網(wǎng)頁(yè)設(shè)計(jì)的藝術(shù)性提出了更高的要求。雖然HTML語(yǔ)言提供了對(duì)常用Windows標(biāo)準(zhǔn)控件的支持，但是，由于Windows標(biāo)準(zhǔn)控件的形狀和顏色十分單一，網(wǎng)頁(yè)的視覺(jué)效果可能會(huì)很差。例如：列表框和下拉列表框只能呈現(xiàn)凹陷邊框，而且下拉列表的箭頭的顏色不能改變，滾動(dòng)條只能出現(xiàn)在窗口的下邊和右邊，當(dāng)網(wǎng)頁(yè)分成多個(gè)幀的時(shí)候，滾動(dòng)條就不可避免的出現(xiàn)在網(wǎng)頁(yè)的中間，破壞網(wǎng)頁(yè)的整體性。若在網(wǎng)頁(yè)的設(shè)計(jì)中主動(dòng)配合Windows標(biāo)準(zhǔn)控件的形狀和顏色，網(wǎng)頁(yè)的創(chuàng)作空間就會(huì)受到限制。因此，有必要實(shí)現(xiàn)網(wǎng)頁(yè)中的自定義控件，以滿足網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)化的要求。與傳統(tǒng)媒體不同，網(wǎng)頁(yè)除了文字和圖像以外，還包含聲音、視頻和動(dòng)畫(huà)等新興多媒體元素，更借助由代碼語(yǔ)言編程所實(shí)現(xiàn)的各種交互式效果，增加了網(wǎng)頁(yè)界面的生動(dòng)性和復(fù)雜性，也使得網(wǎng)頁(yè)設(shè)計(jì)者需要考慮更多頁(yè)面元素的排布、優(yōu)化。一般來(lái)說(shuō)，網(wǎng)頁(yè)的界面主要由下面幾個(gè)因素構(gòu)成：文字：文字元素是信息傳達(dá)的主體部分。網(wǎng)頁(yè)中的文字主要包括標(biāo)題、信息、文字鏈接、幾種主要形式。標(biāo)題和傳統(tǒng)媒體中信息傳達(dá)的基本作用相同，是內(nèi)容的簡(jiǎn)概說(shuō)明一般比較醒目、優(yōu)先編排。文字作為占據(jù)頁(yè)面重要比率的元素，同時(shí)又是信息重要載體，它的字體、大小、顏色和排布對(duì)頁(yè)面整體設(shè)計(jì)影響極大。圖形：圖形在網(wǎng)頁(yè)界面中具有重要作用。合理的運(yùn)用圖形?？梢陨鷦?dòng)直觀、形象地表現(xiàn)設(shè)計(jì)主題。網(wǎng)頁(yè)中常用的圖形格式包括jpg和gif，這兩種格式壓縮比高，得到了規(guī)范瀏覽器的支持，下載速度快，具有跨平臺(tái)的特性。頁(yè)面版式：版式是網(wǎng)頁(yè)界面設(shè)計(jì)的重要組成部分，它將文字、圖形等視覺(jué)元素進(jìn)行組合配置，使頁(yè)面整體視覺(jué)效果美觀和諧，便于閱讀。色彩：彩色網(wǎng)頁(yè)比單色網(wǎng)頁(yè)更具吸引力；色彩本身具有象征作用。 多媒體：網(wǎng)頁(yè)構(gòu)成中的多媒體元素主要包括音頻、視頻和動(dòng)畫(huà)。這些是界面構(gòu)成中最吸引人的元素。技術(shù)：網(wǎng)頁(yè)的技術(shù)要素并非任何情況下在網(wǎng)頁(yè)中都能直觀體現(xiàn)，但是卻代表了設(shè)計(jì)的整體水平，也是衡量設(shè)計(jì)成功的重要標(biāo)準(zhǔn)。網(wǎng)頁(yè)界面設(shè)計(jì)最基本的技術(shù)要求包括：瀏覽器、傳輸速度、屏幕分辨率、顏色顯示。 網(wǎng)頁(yè)的整體造型網(wǎng)頁(yè)的整體造型在整個(gè)制作中至關(guān)重要，一個(gè)雜亂無(wú)章的網(wǎng)頁(yè)，給人第一印象極差的網(wǎng)頁(yè)，用戶訪問(wèn)過(guò)之后是不會(huì)再訪問(wèn)的。在制作本網(wǎng)頁(yè)時(shí)，主要以公司企業(yè)主頁(yè)界面形式作為參考，因?yàn)樗瓷先ケ容^柔和、簡(jiǎn)潔、和諧，給用戶清新的感覺(jué)。造型就是創(chuàng)造出來(lái)的物體形象。這里是指頁(yè)面的整體形象，這種形象應(yīng)該是一個(gè)整體，圖形與文本的接合應(yīng)該是層疊有序。雖然，顯示器和瀏覽器都是矩形，但對(duì)于頁(yè)面的造型，你可以充分運(yùn)用自然界中的其它形狀以及它們的組合：矩形，圓形，三角形，菱形等。對(duì)于不同的形狀，它們所代表的意義是不同的。比如矩形代表正式，規(guī)則，注意到很多ICP和政府網(wǎng)頁(yè)都是以矩形為整體造型；圓形代表著柔和，團(tuán)結(jié)，溫暖，安全等，許多時(shí)尚站點(diǎn)喜歡以圓形為頁(yè)面整體造型；三角形代表著力量，權(quán)威，牢固，侵略等，許多大型的商業(yè)站點(diǎn)為顯示它的權(quán)威性常以三角形為頁(yè)面整體造型；菱形代表著平衡，協(xié)調(diào)，公平，一些交友站點(diǎn)常運(yùn)用菱形作為頁(yè)面整體造型。雖然不同形狀代表著不同意義，但目前的網(wǎng)頁(yè)制作多數(shù)是接合多個(gè)圖形加以設(shè)計(jì)，在這其中某種圖形的構(gòu)圖比例可能占的多一些。第二章 需求分析公司企業(yè)網(wǎng)站主要實(shí)現(xiàn)的功能：公司簡(jiǎn)介、誠(chéng)聘英才、行業(yè)動(dòng)態(tài)、產(chǎn)品中心、咨詢留言以及后臺(tái)管理等頁(yè)面設(shè)計(jì)及功能。我們讀書(shū)就是為了獲得知識(shí)，當(dāng)然就是要能做一個(gè)精美的網(wǎng)頁(yè)。誠(chéng)然，次此設(shè)計(jì)的公司企業(yè)網(wǎng)頁(yè)，一方面是為了完成我們的畢業(yè)設(shè)計(jì)，但更重要的是把我們所學(xué)到的東西用在具體的實(shí)踐之中，所以，以便提高對(duì)網(wǎng)頁(yè)知識(shí)的更深層了解。第三點(diǎn)也是最要的一點(diǎn)是，把我們?cè)跁?shū)本上學(xué)到的知識(shí)充分運(yùn)用到此次設(shè)計(jì)之中。使我們的在書(shū)上學(xué)到的東西不僅僅停留在表面上，把這些東西都用在所要做的網(wǎng)頁(yè)上面，以達(dá)到老師要求的效果和學(xué)以致用。公司介紹：公司簡(jiǎn)介、公司榮譽(yù)、企業(yè)文化、聯(lián)系我們等四部分構(gòu)成，促使瀏覽者通過(guò)網(wǎng)站了解本公司的基本信息。誠(chéng)聘英才： 發(fā)布最新的招聘信息，為企業(yè)添加新的血脈，促進(jìn)企業(yè)發(fā)展，壯大公司團(tuán)隊(duì)精英。新聞公告：通過(guò)發(fā)布公司內(nèi)部新聞公告，讓瀏覽者更多的了解公司信息，為公司發(fā)展做更好的廣告宣傳。行業(yè)動(dòng)態(tài)：通過(guò)發(fā)布行業(yè)動(dòng)態(tài)，讓瀏覽者做到足不出戶便知本公司所涉及行業(yè)的動(dòng)態(tài)信息，方便、快捷、可靠性高。 產(chǎn)品中心：使訪問(wèn)者了解公司產(chǎn)品信息，促進(jìn)產(chǎn)品的宣傳。咨詢留言：在線互動(dòng)發(fā)布留言，方便訪問(wèn)者與公司企業(yè)管理員間的交流。會(huì)員注冊(cè)：訪客進(jìn)入系統(tǒng)，輸入注冊(cè)信息，提交系統(tǒng)，成為系統(tǒng)會(huì)員。會(huì)員登錄：注冊(cè)會(huì)員輸入用戶名、密碼登錄系統(tǒng)，只有成功登錄系統(tǒng)后的會(huì)員才能發(fā)布留言信息，以及查看系統(tǒng)會(huì)員的留言詳細(xì)信息和管理員回復(fù)信息。系統(tǒng)后臺(tái)管理：通過(guò)管理員登錄系統(tǒng)，實(shí)現(xiàn)注冊(cè)會(huì)員信息管理，以及公司簡(jiǎn)介信息、誠(chéng)聘英才、行業(yè)動(dòng)態(tài)、產(chǎn)品中心、咨詢留言等模塊的信息數(shù)據(jù)維護(hù)，確保系統(tǒng)信息安全，為宣傳公司做更優(yōu)的準(zhǔn)備。計(jì)算機(jī)的飛速發(fā)展，使得各種操作平臺(tái)都越來(lái)越成熟。各種軟件，編程語(yǔ)言都到了成熟的階段。用現(xiàn)在的技術(shù)來(lái)實(shí)現(xiàn)計(jì)算機(jī)上的音像管理系統(tǒng)是綽綽有余。本系統(tǒng)用到的主要是管理軟件與后臺(tái)數(shù)據(jù)庫(kù)的數(shù)據(jù)傳送和處理一方面，