基于PHP技術(shù)的柳州華力網(wǎng)站設(shè)計(jì)方案

基于PHP技術(shù)的柳州華力網(wǎng)站設(shè)計(jì)方案摘要隨著Internet在中國的迅速發(fā)展,人們平常生活中越來越多地使用這項(xiàng)新的技術(shù)來為自己的工作和學(xué)習(xí)服務(wù).由于WEB頁面能把文本、圖像、聲音、動(dòng)畫、視像等多種媒體信息集于一體，不僅使信息的顯示更加生動(dòng)，并且使信息的瀏覽更為方便,同時(shí)WEB頁能實(shí)現(xiàn)網(wǎng)上交易平臺(tái)、客戶信息反饋方便了公司與客戶之間信息交流，因此許多公司紛紛建設(shè)網(wǎng)站以增強(qiáng)公司知名度.柳州華力網(wǎng)站重要介紹柳州華力的有關(guān)信息，并用PHP+MYSQL架設(shè)用戶登陸以及客戶信息反饋，使客戶信息第一時(shí)間反饋給公司，拉近公司與客戶之間的距離。本篇論文是對(duì)我設(shè)計(jì)的網(wǎng)站的一點(diǎn)論述，重要論述了柳州華力網(wǎng)站建設(shè)規(guī)劃的主體思想、運(yùn)用PHP+MYSQL數(shù)據(jù)庫實(shí)現(xiàn)用戶登錄和信息反饋，以及在設(shè)計(jì)過程中所碰到的要點(diǎn)、難點(diǎn)等。關(guān)鍵字：網(wǎng)站規(guī)劃、PHP+MYSQL數(shù)據(jù)庫LuxuezhubiyelunwenAbstractWiththerapiddevelopmentofInternettechniqueinChina,moreandmorepeopleusethenewtechasatoolseveringtheirlifeandstudy.BecauseWEBpagecancollecttext,image,sound,animation,videotogether.andthehypertextpropertyofhomepagecannotonlymakethedisplayofinformationpageslively,butalsomakethebrowseofinformationmoreconvenient.So,Manyenterprisesalsomaketheirpublicationsonline.ThispageKeyword:WEBSITEDESIGN、PHP+MYSQLDatebase目錄.緒論.互聯(lián)網(wǎng)現(xiàn)狀互聯(lián)網(wǎng)的快速發(fā)展使公司可以實(shí)現(xiàn)快捷的信息傳送以及直接的客戶介入，但公司中各個(gè)系統(tǒng)的相對(duì)獨(dú)立性使信息渠道比較混亂。公司系統(tǒng)中各類人員的信息渠道多種多樣，互不兼容，沒有一個(gè)統(tǒng)一的應(yīng)用界面讓系統(tǒng)使用者可以根據(jù)自己的需要獲得想要的信息，這不利于電子商務(wù)應(yīng)用模式的建立和開展。如何通過建立一個(gè)單獨(dú)的界面給公司遍布全球的現(xiàn)實(shí)客戶、潛在客戶、供應(yīng)商、雇員和合作伙伴提供全面的公司信息和應(yīng)用呢？于是公司門戶（EnterprisePortal）誕生了，并成為一個(gè)新的熱點(diǎn)。.如何定義公司門戶目前，尚不能準(zhǔn)確地對(duì)公司門戶下一個(gè)完整的定義，公司門戶與IT業(yè)有些名詞同樣，不同的專業(yè)人士和機(jī)構(gòu)對(duì)之有不同的理解，并有很多術(shù)語用于描述公司為其客戶、合作伙伴和員工的方便而采用的"門戶"，如公司門戶、社團(tuán)門戶、員工門戶等。同時(shí)根據(jù)應(yīng)用的具體功能不同又把公司門戶細(xì)分為信息門戶、知識(shí)門戶和應(yīng)用門戶等，并且這種劃分方法已逐漸得到認(rèn)可。下面介紹一下這3類門戶。.公司信息門戶公司信息門戶（EnterpriseInformationPortal，EIP）的基本作用是為人們提供公司信息。公司信息門戶提供了一個(gè)了解公司的訪問入口，所有訪問者都可以通過這個(gè)入口獲得個(gè)性化的信息和服務(wù)。對(duì)公司來說，信息門戶既是一個(gè)展示公司的窗口，又可以無縫地集成公司的內(nèi)容、商務(wù)活動(dòng)及社區(qū)等，動(dòng)態(tài)地發(fā)布存儲(chǔ)在公司內(nèi)部和外部的各種信息，同時(shí)還可以支持網(wǎng)上的虛擬社區(qū)。公司信息門戶強(qiáng)調(diào)對(duì)結(jié)構(gòu)化與非結(jié)構(gòu)化數(shù)據(jù)的收集、訪問、管理和無縫集成，這類門戶必須提供數(shù)據(jù)查詢、分析和報(bào)告等基本功能，公司員工、合作伙伴、客戶及供應(yīng)商都可以通過公司信息門戶方便地獲取自己所需的信息。.公司知識(shí)門戶公司知識(shí)門戶（EnterpriseKnowledgePortal，EKP）是一個(gè)平臺(tái)，該平臺(tái)是知識(shí)加工平臺(tái)、決策平臺(tái)、知識(shí)發(fā)布與獲取平臺(tái)的集成，它使公司各部門職工之間的信息共享和交流更加流暢。這里的"知識(shí)"不僅涉及數(shù)據(jù)庫、文檔、公司政策方針和過程手續(xù)等，甚至涉及存在于員工頭腦中的工作經(jīng)驗(yàn)與專業(yè)技能等非具體化的信息資源。公司知識(shí)門戶是公司信息門戶的延伸與發(fā)展。信息門戶的重點(diǎn)是信息的收集、整理及傳輸，有效運(yùn)用公司已有的信息、知識(shí)和公共關(guān)系，并能收集、分析、增值、共享信息和知識(shí)。公司知識(shí)門戶的重點(diǎn)是公司信息的加工與解決。公司知識(shí)門戶的目的是使恰當(dāng)?shù)娜嗽谇‘?dāng)?shù)臅r(shí)間使用恰當(dāng)?shù)闹R(shí)，公司信息門戶重要通過數(shù)據(jù)挖掘、數(shù)據(jù)加工技術(shù)使零散的信息成為知識(shí)，供決策支持服務(wù)。.公司應(yīng)用門戶公司應(yīng)用門戶（EnterpriseApplicationPortal，EAP）事實(shí)上是對(duì)公司業(yè)務(wù)流程的集成。它以商業(yè)流程和公司應(yīng)用為核心，把商業(yè)流程中功能不同的應(yīng)用模塊通過門戶技術(shù)集成在一起。從某種意義上說，我們可以把公司應(yīng)用門戶當(dāng)作是公司信息系統(tǒng)的集成界面，公司員工和合作伙伴可以通過公司應(yīng)用門戶訪問相應(yīng)的應(yīng)用系統(tǒng)，實(shí)現(xiàn)移動(dòng)辦公，進(jìn)行網(wǎng)上交易等。以上3類門戶雖然在側(cè)重點(diǎn)有所不同，但隨著公司信息系統(tǒng)復(fù)雜限度的增長，越來越多的公司需要可以將以上3類門戶有機(jī)地整合在一起的通用型公司門戶，這已是一種趨勢(shì)，我們?cè)谶@里把它們統(tǒng)一稱為公司門戶。最后，讓我們?cè)噲D通過公司門戶的作用來幫助讀者理解公司門戶的定義。維持客戶的最基本戰(zhàn)略因素是公司整體強(qiáng)大、互利關(guān)系網(wǎng)，涉及客戶、供應(yīng)商、合作伙伴和員工自身。這些關(guān)系的培養(yǎng)重要通過各方之間的互相溝通和信任感--即各方及時(shí)收到相關(guān)信息、信息準(zhǔn)確并且服務(wù)最優(yōu)。公司門戶被認(rèn)為可以滿足這種需要，通過使用戶運(yùn)用方便、可靠的工具接入實(shí)現(xiàn)有效的信息互換?；蛘哒f，公司門戶能為用戶提供建設(shè)信息型公司網(wǎng)站的應(yīng)用，涉及網(wǎng)站生成、信息發(fā)布、信息管理、信息反饋、網(wǎng)站管理等系統(tǒng)，實(shí)現(xiàn)公司網(wǎng)上形象展示及對(duì)外溝通的需求。.有無必要建立公司門戶在國外，特別是在美國，實(shí)行公司門戶戰(zhàn)略已經(jīng)被列入了許多大公司的日程表中。與國外相比，國內(nèi)了解公司門戶概念的公司十分少，而計(jì)劃建立公司門戶的公司就更加微乎其微。但是，互聯(lián)網(wǎng)在國內(nèi)的發(fā)展速度相稱迅速，中國公司建立自己的門戶網(wǎng)站，為自己的客戶、員工和代理商提供綜合性服務(wù)的重要性不言而喻。從網(wǎng)絡(luò)經(jīng)濟(jì)的特點(diǎn)來看，速度和知識(shí)是網(wǎng)絡(luò)經(jīng)濟(jì)的兩大支柱。一方面，公司只有借助于網(wǎng)絡(luò)才干獲得發(fā)展的先機(jī)，這就要看誰可以以最迅捷的動(dòng)作聯(lián)系客戶、供應(yīng)商和代理商，組織生產(chǎn)和銷售。毫無疑問，公司門戶是實(shí)現(xiàn)上述目的最有力的手段。從資源運(yùn)用的角度來看，公司門戶是以最小也許成本，實(shí)現(xiàn)最大限度開發(fā)運(yùn)用現(xiàn)有資源目的的可行途徑。一方面，公司門戶將本需要占用多臺(tái)不同硬件系統(tǒng)的應(yīng)用集成到較少的系統(tǒng)設(shè)備上，從而節(jié)約硬件的投入。另一方面，減少了多種未經(jīng)集成的應(yīng)用軟件的總體維護(hù)成本。除了新設(shè)立的公司，其他實(shí)行公司門戶的公司都已有多種應(yīng)用系統(tǒng)和以數(shù)據(jù)庫、文檔等形式存儲(chǔ)的信息資源。這些資源往往條塊分割，分散維護(hù)成本高昂。新的公司門戶將現(xiàn)有的資源加以整合，并通過一定的解決，最后集成到公司門戶這樣一個(gè)統(tǒng)一的平臺(tái)上，提供應(yīng)更多的用戶。由于它的繼承和集成，公司可以實(shí)現(xiàn)集中維護(hù)，從而減少維護(hù)成本。第三，公司門戶采用高效的互聯(lián)網(wǎng)作為信息傳輸?shù)墓ぞ?，相比建設(shè)或租用線路價(jià)格低廉，同時(shí)減少了人力投入。第四，公司門戶的實(shí)行可以改善公司的供應(yīng)鏈管理，公司門戶可以幫助公司實(shí)現(xiàn)真正意義上的零庫存。由此看來，公司特別是大中型公司，不管是從節(jié)約成本角度還是從提高競(jìng)爭(zhēng)力角度考慮，建立公司門戶都是有效的方法。.如何建立公司門戶既然公司門戶功效如此之大，那么公司要想建立公司門戶應(yīng)當(dāng)如何去操作？一般來說，公司要成功地部署公司門戶可按照如下幾方面進(jìn)行。.前期準(zhǔn)備工作公司在建立公司門戶之前，要進(jìn)行大量的信息調(diào)查工作，弄清楚公司的商業(yè)信息是如何使用的。對(duì)于大多數(shù)公司而言，這意味著要進(jìn)行商業(yè)信息應(yīng)用的調(diào)查和研究。調(diào)查的目的是了解誰使用信息，信息是如何使用，以及信息如何流入和流出。.產(chǎn)品與技術(shù)的選擇在進(jìn)行完信息的使用調(diào)查之后，公司就要選擇門戶產(chǎn)品和技術(shù)。門戶軟件不僅要滿足商業(yè)信息和應(yīng)用訪問的需要，還要滿足事先定義的技術(shù)層面（如協(xié)議）的規(guī)定。目前，由于有相稱數(shù)量的公司推出了公司門戶解決方案，這為公司提供了較大的選擇余地。但不可否認(rèn)，目前公司門戶的產(chǎn)品良莠不齊，功能和所采用的技術(shù)差別較大，如何對(duì)的選擇適合自身公司需要的公司門戶產(chǎn)品是一門學(xué)問，本欄目下期對(duì)此進(jìn)行討論。.公司門戶的建設(shè)選好技術(shù)和產(chǎn)品，接下來就是建設(shè)了。這方面需要注意的是公司信息要集成到門戶有關(guān)目錄之下，或安排在某個(gè)主題里，以便用戶可以容易地找到所需要的信息。信息的組織及個(gè)性化，應(yīng)用和服務(wù)以可以滿足用戶的需求為目的。.推廣使用公司門戶公司門戶建好了，并不意味著工作就完畢了，由于建公司門戶的目的是讓其發(fā)揮作用。接下來就是讓更多相關(guān)的用戶群體來了解和使用它。在這個(gè)階段，個(gè)性化是舉足輕重的。個(gè)性化的目的是針對(duì)合適的用戶群，如營銷分析、財(cái)務(wù)分析、經(jīng)理或商業(yè)伙伴，合理地將門戶信息、應(yīng)用和工具進(jìn)行有針對(duì)性的設(shè)計(jì)。.網(wǎng)站規(guī)劃設(shè)計(jì)要點(diǎn)因特網(wǎng)正在改變世界，它促成了網(wǎng)絡(luò)經(jīng)濟(jì)雛形的形成，特別是電子商務(wù)正由新概念走向?qū)嵱没?。由于因特網(wǎng)具有傳播信息容量極大、形態(tài)多樣、迅速方便、全球覆蓋、自由和交互的特點(diǎn)，已經(jīng)發(fā)展成為新的傳播媒體，所以全球幾乎各個(gè)公司、機(jī)構(gòu)紛紛建立自己的Web站點(diǎn)。Web站點(diǎn)是向用戶或潛在客戶提供信息(涉及產(chǎn)品和服務(wù))的一種方式。其文檔所包含的內(nèi)容是由被稱為超文本(HyperText)的文本、圖形圖象、聲音，甚至電影等組成。使這些超文本可以有機(jī)地關(guān)聯(lián)并可使瀏覽器辨認(rèn)，是通過HTML語言(HyperTextMarkupLanguage超文本標(biāo)記語言)實(shí)現(xiàn)的。同時(shí)CGI(CommonGatewayInterface公共網(wǎng)關(guān)接口)能使Web具有交互功能。Web站點(diǎn)指引用戶瀏覽該站點(diǎn)或其他站點(diǎn)上的分頁信息，可以通過表格和電子郵件的連接提供雙向交互方式。站點(diǎn)建立后，你的公司就在國內(nèi)、甚至在國際上有了一席之地，有了每周7天、天天24小時(shí)的“虛擬門市部”。網(wǎng)站是未來公司開展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺(tái)，它是“知識(shí)經(jīng)濟(jì)”的制高點(diǎn)，公司的網(wǎng)址如同公司的商標(biāo)和品牌同樣，是反映公司形象和文化的巨大的無形資產(chǎn)。因此公司網(wǎng)站規(guī)劃必須注意以下八個(gè)方面：.目的明確、定位對(duì)的Web站點(diǎn)的設(shè)計(jì)是公司或機(jī)構(gòu)發(fā)展戰(zhàn)略的重要組成部分。要將公司站點(diǎn)作為在因特網(wǎng)－－這個(gè)新媒體上展示公司形象、公司文化的信息空間，領(lǐng)導(dǎo)一定要給予足夠的重視，明確設(shè)計(jì)站點(diǎn)的目的和用戶需求，從而作出切實(shí)可行的計(jì)劃。挑選與錘煉公司的關(guān)鍵信息，運(yùn)用一個(gè)邏輯結(jié)構(gòu)有序地組織起來，開發(fā)一個(gè)頁面設(shè)計(jì)原型，選擇用戶代表來進(jìn)行測(cè)試，并逐步精煉這個(gè)原型，形成創(chuàng)意。分析有些網(wǎng)站的效果不如預(yù)想的好，重要因素是對(duì)用戶的需求理解有偏差，缺少用戶的檢查導(dǎo)致的。設(shè)計(jì)者經(jīng)常將公司的市場(chǎng)營銷和商業(yè)目的放在首位，而對(duì)用戶和潛在的用戶的真正需求了解不多。所以，公司或機(jī)構(gòu)應(yīng)清楚地了解本網(wǎng)站的受眾群體的基本情況，如受教育限度、收入水平、需要信息的范圍及深度等，從而可以有的放矢。.主題鮮明、富有特色在目的明確的基礎(chǔ)上，完畢網(wǎng)站的構(gòu)思創(chuàng)意即總體設(shè)計(jì)方案。對(duì)網(wǎng)站的整體風(fēng)格和特色作出定位，規(guī)劃網(wǎng)站的組織結(jié)構(gòu)。Web站點(diǎn)應(yīng)針對(duì)所服務(wù)對(duì)象（機(jī)構(gòu)或人）不同而具有不同的形式。有些站點(diǎn)只提供簡潔文本信息；有些則采用多媒體表現(xiàn)手法，提供華麗的圖像、閃爍的燈光、復(fù)雜的頁面布置，甚至可以下載聲音和錄像片段。最佳的Web站點(diǎn)將把圖形圖像表現(xiàn)手法與有效的組織與通信結(jié)合起來。要做到主題鮮明突出，力求簡潔，要點(diǎn)明確，以簡樸明確的語言和畫面告訴大家本站點(diǎn)的主題，吸引對(duì)本站點(diǎn)有需求的人的視線，對(duì)無關(guān)的人員也能留下一定的印象。對(duì)于一些行業(yè)標(biāo)志和公司的標(biāo)志應(yīng)充足加以運(yùn)用。調(diào)動(dòng)一切手段充足表現(xiàn)網(wǎng)站的個(gè)性和情趣，突出個(gè)性，辦出網(wǎng)站的特色。Web站點(diǎn)主頁應(yīng)具有的基本成分涉及：頁頭：準(zhǔn)確無誤地標(biāo)記你的站點(diǎn)和公司標(biāo)志；E-mail地址：用來接受用戶垂詢；聯(lián)系信息：如普通郵件地址或電話；版權(quán)信息。注意反復(fù)運(yùn)用已有信息，如客戶手冊(cè)、公共關(guān)系文檔、技術(shù)手冊(cè)和數(shù)據(jù)庫等可以輕而易舉地用到公司的Web站點(diǎn)中。.版式編排布局合理網(wǎng)頁設(shè)計(jì)作為一種視覺語言，當(dāng)然要講究編排和布局，雖然主頁的設(shè)計(jì)不等同于平面設(shè)計(jì)，但它們有許多相近之處，應(yīng)充足加以運(yùn)用和借鑒。版式設(shè)計(jì)通過文字圖形的空間組合，表達(dá)出和諧與美。版式設(shè)計(jì)通過視覺要素的理性分析，和嚴(yán)格的形式構(gòu)成訓(xùn)練，培養(yǎng)對(duì)整體畫面的把握能力和審美能力。一個(gè)優(yōu)秀的網(wǎng)頁設(shè)計(jì)者也應(yīng)當(dāng)知道哪一段文字圖形該落于何處，才干使整個(gè)網(wǎng)頁生輝。努力做到整體布局合理化、有序化、整體化。優(yōu)秀之作，善于以巧妙、合理的視覺方式使一些語言無法表達(dá)的思想得以闡述，做到豐富多樣而又簡潔明了。多頁面站點(diǎn)頁面的編排設(shè)計(jì)規(guī)定把頁面之間的有機(jī)聯(lián)系反映出來，這里重要的問題是頁面之間和頁面內(nèi)的秩序與內(nèi)容的關(guān)系。為了達(dá)成最佳的視覺表現(xiàn)效果，應(yīng)講究整體布局的合理性。特別是關(guān)系十分緊密的有上下文關(guān)系的頁面，一定設(shè)計(jì)有向前和向后的按鈕，便于瀏覽者仔細(xì)研讀。站點(diǎn)設(shè)計(jì)簡樸有序，主次關(guān)系分明，將零亂頁面的組織過程混雜的內(nèi)容依整體布局的需要進(jìn)行分組歸納，通過進(jìn)行具有內(nèi)在聯(lián)系的組織排列，反復(fù)推敲文字、圖形與空間的關(guān)系，使瀏覽者有一個(gè)流暢的視覺體驗(yàn)。.色彩和諧重點(diǎn)突出色調(diào)及黑、白、灰的三色空間關(guān)系不管在設(shè)計(jì)還是在繪畫方面都起著重要的作用。在頁面上一定得明確調(diào)性，而其它有色或無色的內(nèi)容均屬黑、白、灰的三色空間關(guān)系，從而構(gòu)成它們的空間層次。色彩是藝術(shù)表現(xiàn)的要素之一，它是光刺激眼睛再傳導(dǎo)到大腦中樞而產(chǎn)生的一種感覺。在網(wǎng)頁設(shè)計(jì)中，根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合、搭配來構(gòu)成美麗的頁面。運(yùn)用色彩對(duì)人們心理的影響的成果，合理地加以運(yùn)用。按照色彩的記憶性原則，一般暖色較冷色的記憶性強(qiáng)。色彩還具有聯(lián)想與象征的特質(zhì)，如：紅色象征火、血、太陽；藍(lán)色象征大海、天空和水面等。所以設(shè)計(jì)出售冷食的虛擬店面，應(yīng)使用悲觀而沉靜的顏色，使人心理上感覺涼爽一些。在色彩的運(yùn)用過程中，還應(yīng)注意的一個(gè)問題是：由于國家和種族的不同，宗教和信仰的不同，生活的地理位置、文化修養(yǎng)的差異，不同的人群對(duì)色彩的喜惡限度有著很大差異。如：兒童喜歡對(duì)比強(qiáng)烈、個(gè)性鮮明的純顏色；生活在草原上的人喜歡紅色；生活在鬧市中的人喜歡淡雅的顏色；生活在沙漠中的人喜歡綠色。在設(shè)計(jì)中要考慮重要讀者群的背景和構(gòu)成。.形式內(nèi)容和諧統(tǒng)一形式服務(wù)于內(nèi)容，內(nèi)容又為目的服務(wù)，形式與內(nèi)容的統(tǒng)一是設(shè)計(jì)網(wǎng)頁的基本原則之一。畫面的組織原則中，將豐富的意義和多樣的形式組織在一個(gè)統(tǒng)一的結(jié)構(gòu)里，形式語言必須符合頁面的內(nèi)容，體現(xiàn)內(nèi)容的豐富含義。運(yùn)用對(duì)比與調(diào)和，對(duì)稱與平衡，節(jié)奏與韻律以及留白等手段，如通過空間、文字、圖形之間的互相關(guān)系建立整體的均衡狀態(tài)，產(chǎn)生和諧的美感。如對(duì)稱原則在頁面設(shè)計(jì)中，它的均衡有時(shí)會(huì)使頁面顯得呆板，但假如加入一些動(dòng)感的的文字、圖案，或采用夸張的手法來表現(xiàn)內(nèi)容往往會(huì)達(dá)成比較好的效果。點(diǎn)、線、面是視覺語言中的基本元素，使用點(diǎn)、線、面的互相穿插、互相烘托、互相補(bǔ)充構(gòu)成最佳的頁面效果。點(diǎn)是所有空間形態(tài)中最簡潔的元素，也可以說是最活躍、最不安分的元素。設(shè)計(jì)中，一個(gè)點(diǎn)就可以包羅萬象，體現(xiàn)設(shè)計(jì)者的無限心思，網(wǎng)頁中的圖標(biāo)，單個(gè)圖片，按鈕或一團(tuán)文字等都可以說是點(diǎn)。點(diǎn)是靈活多變的，我們可以將一排文字視為一個(gè)點(diǎn)，將一個(gè)圖形視為一個(gè)點(diǎn)。在網(wǎng)頁設(shè)計(jì)中的點(diǎn)，由于大小、形態(tài)、位置的不同而給人不同的心理感受。線是點(diǎn)移動(dòng)的軌跡，線在編排設(shè)計(jì)中有強(qiáng)調(diào)、分割、導(dǎo)線，視覺線的作用。線會(huì)因方向、形態(tài)的不同而產(chǎn)生不同的視覺感受，例如垂直的線給人平穩(wěn)、挺立的感覺，弧線使人感到流暢、輕盈；曲線使人跳動(dòng)、不安。在頁面中內(nèi)容較多時(shí)，就需進(jìn)行版面分割，通過線的分割保證頁面良好的視覺秩序，頁面在直線的分割下，產(chǎn)生和諧統(tǒng)一的美感；通過不同比例的空間分割，有時(shí)會(huì)產(chǎn)生空間層次韻律感。面的形態(tài)除了規(guī)則的幾何形體外，尚有其它一些不規(guī)則的形態(tài)，可以說表現(xiàn)形式是多種多樣的。面在平面設(shè)計(jì)中是點(diǎn)的擴(kuò)大，線的反復(fù)形成的。面狀給人以整體美感，使空間層次豐富，使單一的空間多元化，在表達(dá)較含蓄。網(wǎng)頁設(shè)計(jì)中點(diǎn)、線、面的運(yùn)用并不是孤立的，很多時(shí)候都需要將它們結(jié)合起來，表達(dá)完美的設(shè)計(jì)意境。.三維空間指置有方網(wǎng)絡(luò)上的三維空間是一個(gè)假想空間，這種空間關(guān)系需借助動(dòng)靜變化、圖像的比例關(guān)系等空間因素表現(xiàn)出來。在頁面中圖片、文字位置前后疊壓，或位置疏密或頁面上、左、右、中、下位置所產(chǎn)生的視覺效果都各不相同。在網(wǎng)頁上，圖片、文字前后疊壓所構(gòu)成的空間層次目前還不多見，網(wǎng)上更多的是一些設(shè)計(jì)得比較規(guī)范化、簡明化的頁面，這種疊壓排列能產(chǎn)生強(qiáng)節(jié)奏的空間層次，視覺效果強(qiáng)烈。網(wǎng)頁上常見的是頁面上、左、右、下、中位置所產(chǎn)生的空間關(guān)系，以及疏密的位置關(guān)系所產(chǎn)生的空間層次，這兩種位置關(guān)系使視覺流程生動(dòng)而清楚，視覺注目限度高。疏密的位置關(guān)系使產(chǎn)生的空間層次富有彈性，同時(shí)也讓人產(chǎn)生輕松或緊迫的心理感受。需指出，隨著Web的普及和計(jì)算機(jī)技術(shù)的迅猛發(fā)展，人們對(duì)Web語言的規(guī)定也日益增長。人們已不滿足于HTML語言編制的二維Web頁面，三維世界的誘惑開始吸引更多的人，虛擬現(xiàn)實(shí)要在Web網(wǎng)上展示其迷人的風(fēng)采，于是VRML語言出現(xiàn)了。VRML是一種面向?qū)ο笠环N語言，它類似Web超級(jí)鏈接所使用的HTML語言，也是一種基于文本的語言，并可以運(yùn)營在多種平臺(tái)之上，只但是可以更多的為虛擬現(xiàn)實(shí)環(huán)境服務(wù)。VRML只是一種語言，對(duì)于三維環(huán)境的藝術(shù)設(shè)計(jì)仍需要理論和實(shí)踐指導(dǎo)。.多媒體功能的運(yùn)用最大資源優(yōu)勢(shì)在于多媒體功能，因而要盡一切努力挖掘它，吸引瀏覽者保持注意力。因而畫面的內(nèi)容應(yīng)當(dāng)有一定的實(shí)用性，如產(chǎn)品的介紹甚至可以用三維動(dòng)畫來表現(xiàn)。這里需要注意的問題是，由于網(wǎng)絡(luò)帶寬的限制，在使用多媒體的形式表現(xiàn)網(wǎng)頁的內(nèi)容時(shí)應(yīng)考慮客戶端的傳輸速度，或者說將多媒體的內(nèi)容控制在用戶可接受的下載時(shí)間內(nèi)是十分必要的。.相關(guān)站點(diǎn)引導(dǎo)鏈接一個(gè)好的網(wǎng)站的基本要素是用戶進(jìn)入后，與本網(wǎng)站相關(guān)的信息都可以方便快捷地找到，其中要借助于相關(guān)的站點(diǎn)，所以做好導(dǎo)引是一項(xiàng)重要的工作。超文本這種結(jié)構(gòu)使全球所有聯(lián)上因特網(wǎng)的計(jì)算機(jī)成為超大規(guī)模的信息庫，鏈接到其它網(wǎng)站輕而易舉。在設(shè)計(jì)網(wǎng)頁的導(dǎo)引組織時(shí)，應(yīng)當(dāng)給出多個(gè)相關(guān)網(wǎng)站的鏈接，使得用戶感到想得到的信息就在鼠標(biāo)立即就可以點(diǎn)擊的地方。.柳州華力網(wǎng)站的規(guī)劃與設(shè)計(jì)隨著人們對(duì)設(shè)計(jì)的規(guī)定越來越高，高格調(diào)，高品位的設(shè)計(jì)作品，才深受人們的歡迎。這也就給設(shè)計(jì)者們提出了更高的規(guī)定，從這個(gè)角度說，版式設(shè)計(jì)正是滿足了人們的規(guī)定應(yīng)需而生?？萍嫉谋简v發(fā)展，讓Internet走進(jìn)了千家萬戶，也產(chǎn)生出新的設(shè)計(jì)領(lǐng)域空間，而網(wǎng)頁設(shè)計(jì)成為新的設(shè)計(jì)領(lǐng)域的重要內(nèi)容。優(yōu)秀的網(wǎng)頁設(shè)計(jì)，必須有好的創(chuàng)意，才干使觀者視線久久難移，產(chǎn)生震撼力。版面設(shè)計(jì)是很重要的，通過文字、圖形的空間組合，能最佳的表達(dá)出和諧與美。.靜態(tài)頁面：.首頁.公司簡介.質(zhì)保體系.招商招標(biāo).招聘.動(dòng)態(tài)頁面.用戶登陸.客戶反饋.柳州華力網(wǎng)站的具體實(shí)現(xiàn)技術(shù).應(yīng)用CSS與HTML的結(jié)合設(shè)計(jì)網(wǎng)頁.什么是CSSCSS是一種樣式表（stylesheet）技術(shù)。也有的人稱之為層疊樣式表（CascadingStylesheet）。它的作用簡樸的說：就是可以使你在同一頁面里使用不同的超鏈接樣式。用CSS僅僅改變一個(gè)文獻(xiàn)就可以改變數(shù)百個(gè)網(wǎng)頁的外觀,個(gè)性化的表現(xiàn)而不損.這些都由于網(wǎng)頁樣式表的強(qiáng)大和靈活特性。.CSS與HTML的結(jié)合方式一個(gè)外部的樣式表可以通過HTML的LINK元素連接到HTML文檔中:<LINKREL=StyleSheetHREF="style.css"TYPE="text/css"MEDIA=screen><LINKREL=StyleSheetHREF="color-8b.css"TYPE="text/css"TITLE="8-bitColorStyle"MEDIA="screen,print"><LINKREL="AlternateStyleSheet"HREF="color-24b.css"TYPE="text/css"TITLE="24-bitColorStyle"MEDIA="screen,print"><LINKREL=StyleSheetHREF="aural.css"TYPE="text/css"MEDIA=aural><LINK>標(biāo)記是放置在文檔的HEAD部分?？蛇x的TYPE屬性用于指定媒體類型--text/css是一個(gè)層疊樣式表--允許瀏覽器忽略它們不支持的樣式表類型。為CSS文獻(xiàn)配置服務(wù)器而將text/css當(dāng)作Content-type內(nèi)容發(fā)送出去也是一個(gè)好注意。外部樣式表不能具有任何像<HEAD>或<STYLE>這樣的HTML的標(biāo)記。樣式表僅僅由樣式規(guī)則或聲明組成。一個(gè)單獨(dú)由P{margin:2em}組成的文獻(xiàn)就可以用作外部樣式表了。<LINK>標(biāo)記也有一個(gè)可選的MEDIA屬性，用于指定樣式表被接受的介質(zhì)或媒體。允許的值有screen(缺省值)，提交到計(jì)算機(jī)屏幕；print，輸出到打印機(jī)；projection，提交到投影機(jī)；aural，揚(yáng)聲器；braille，提交到凸字觸覺感知設(shè)備；tty，電傳打字機(jī)(使用固定的字體)；tv，電視機(jī)；all，所有輸出設(shè)備。多樣的媒體通過用逗號(hào)隔開的列表或值all指定。NetscapeNavigator4.x錯(cuò)誤地忽略除了screen值外的任何使用MEDIA值聲明的連接或嵌入樣式表。例如，MEDIA="screen,projection"會(huì)令到樣式表被Navigator4.x忽略，盡管展示的設(shè)備是計(jì)算機(jī)的屏幕。Navigator4.x也忽略使用MEDIA=all聲明的樣式表。REL屬性用于定義連接的文獻(xiàn)和HTML文檔之間的關(guān)系。REL=StyleSheet指定一個(gè)固定或首選的樣式而REL="AlternateStyleSheet"定義一個(gè)交互樣式。固定樣式在樣式表激活時(shí)總被應(yīng)用。缺少的TITLE屬性，就像例子中的第一個(gè)<LINK>標(biāo)記，定義一個(gè)固定樣式。一個(gè)首選樣式會(huì)自動(dòng)被應(yīng)用，就像例子中的第二個(gè)<LINK>標(biāo)記。REL=StyleSheet和一個(gè)TITLE屬性的組合指定一個(gè)首選的樣式。網(wǎng)頁制作者不能指定多于一個(gè)的首選樣式。交互樣式通過REL="AlternateStyleSheet"指出。例子中的第三個(gè)<LINK>標(biāo)記定義一個(gè)交互樣式，用戶可以選擇用來代替首選樣式表。注意現(xiàn)在的瀏覽器一般都缺少選擇交互樣式的能力。單一的樣式也可以通過多個(gè)樣式表給出<LINKREL=StyleSheetHREF="basics.css"TITLE="Contemporary"><LINKREL=StyleSheetHREF="tables.css"TITLE="Contemporary"><LINKREL=StyleSheetHREF="forms.css"TITLE="Contemporary">在這個(gè)例子中，三個(gè)樣式表組合成一個(gè)"Contemporary"樣式，作為一個(gè)首選樣式表被應(yīng)用。要組合多個(gè)樣式表成一個(gè)單同樣式，必須在每個(gè)樣式表中使用相同TITLE。當(dāng)樣式被應(yīng)用到很多的網(wǎng)頁時(shí)，一個(gè)外部樣式表是抱負(fù)的。網(wǎng)頁制作者使用外部樣式表可以改變整個(gè)網(wǎng)站的外觀而僅僅通過改變一個(gè)文獻(xiàn)。同樣的，大多數(shù)瀏覽器會(huì)保存外部樣式表在緩沖區(qū)，從而假如樣式表在緩沖區(qū)就避免了在展示網(wǎng)頁時(shí)的延遲。.CSS在"柳州華力網(wǎng)站"中的應(yīng)用實(shí)例在"柳州華力網(wǎng)站"中的頁面，增長了以下的定義，使頁面有特殊的顯示效果。"柳州華力網(wǎng)站"中CSS樣式表使用：.huali{font-family:"宋體";font-size:12px;cursor:crosshair;font-style:normal;text-decoration:none;background-color:#FFFFFF;background-image:none;list-style-image:none}.text{cursor:crosshair;filter:Mask(Color=#ff9900);font-size:12px;font-style:normal;text-decoration:none}在這個(gè)樣式表中使用了：font-family:"宋體";font-size:12px定義了網(wǎng)頁文字的字體和大小，以避免因網(wǎng)頁瀏覽器的的設(shè)立改變而引起的網(wǎng)頁字體和大小的變化，影響頁面瀏覽者的信息瀏覽；cursor:crosshair定義了頁面鼠標(biāo)樣式，在這里我將它定義為十字型，以反映網(wǎng)頁的總體設(shè)計(jì)思想和華力公司的定位精確；font-style:normal定義了網(wǎng)頁字體風(fēng)格，可以定義為普通、加粗、傾斜三種樣式background-color:#FFFFFF;background-image:none它們是對(duì)網(wǎng)頁背景顏色和背景圖片的設(shè)立。.應(yīng)用JavaScrip設(shè)計(jì)網(wǎng)頁JavaScript是一種基于對(duì)象(Object)和事件驅(qū)動(dòng)(EventDriven)并具有安全性能的腳本語言。使用它的