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

1、基于PHP技術(shù)的柳州華力網(wǎng)站設(shè)計(jì)方案摘 要隨著Internet在中國的迅速進(jìn)展,人們?nèi)粘Ｉ钪性絹碓蕉嗟厥褂眠@項(xiàng)新的技術(shù)來為自己的工作和學(xué)習(xí)服務(wù).由于WEB頁面能把文本、圖像、聲音、動(dòng)畫、視像等多種媒體信息集于一體，不但使信息的顯示更加生動(dòng)，而且使信息的掃瞄更為方便,同時(shí)WEB頁能實(shí)現(xiàn)網(wǎng)上交易平臺、客戶信息反饋方便了企業(yè)與客戶之間信息交流，因此許多企業(yè)紛紛建設(shè)網(wǎng)站以增強(qiáng)企業(yè)知名度.柳州華力網(wǎng)站要緊介紹柳州華力的有關(guān)信息，并用PHP+MYSQL架設(shè)用戶登陸以及客戶信息反饋，使客戶信息第一時(shí)刻反饋給企業(yè)，拉近企業(yè)與客戶之間的距離。本篇論文是對我設(shè)計(jì)的網(wǎng)站的一點(diǎn)論述，要緊論述了柳州華力網(wǎng)站建設(shè)規(guī)劃的

2、主體思想、利用PHP+MYSQL數(shù)據(jù)庫實(shí)現(xiàn)用戶登錄和信息反饋，以及在設(shè)計(jì)過程中所遇到的要點(diǎn)、難點(diǎn)等。關(guān)鍵字：網(wǎng)站規(guī)劃、PHP+MYSQL數(shù)據(jù)庫LuxuezhubiyelunwenAbstractWith the rapid development of Internet technique in China ,more and more people use the new tech as a tool severing their life and study . Because WEB page can collect text, image, sound, animation, vide

3、o together.and the hypertext property of homepage can not only make the display of information pages lively, but also make the browse of information more convenient.So,Many enterprises also make their publications online . This pageKeyword: WEB SITE DESIGN、PHP+MYSQL Datebase目 錄. 緒論. 互聯(lián)網(wǎng)現(xiàn)狀互聯(lián)網(wǎng)的快速進(jìn)展使企業(yè)

4、能夠?qū)崿F(xiàn)快捷的信息傳送以及直接的客戶介入，但企業(yè)中各個(gè)系統(tǒng)的相對獨(dú)立性使信息渠道比較混亂。企業(yè)系統(tǒng)中各類人員的信息渠道多種多樣，互不兼容，沒有一個(gè)統(tǒng)一的應(yīng)用界面讓系統(tǒng)使用者能夠依照自己的需要獲得想要的信息，這不利于電子商務(wù)應(yīng)用模式的建立和開展。如何通過建立一個(gè)單獨(dú)的界面給企業(yè)遍布全球的現(xiàn)實(shí)客戶、潛在客戶、供應(yīng)商、雇員和合作伙伴提供全面的企業(yè)信息和應(yīng)用呢？因此企業(yè)門戶（Enterprise Portal）誕生了，并成為一個(gè)新的熱點(diǎn)。. 如何定義企業(yè)門戶目前，尚不能準(zhǔn)確地對企業(yè)門戶下一個(gè)完整的定義，企業(yè)門戶與IT業(yè)有些名詞一樣，不同的專業(yè)人士和機(jī)構(gòu)對之有不同的理解，并有專門多術(shù)語用于描述企業(yè)為其客

5、戶、合作伙伴和職員的方便而采納的門戶，如企業(yè)門戶、社團(tuán)門戶、職員門戶等。同時(shí)依照顧用的具體功能不同又把企業(yè)門戶細(xì)分為信息門戶、知識門戶和應(yīng)用門戶等，同時(shí)這種劃分方法已逐漸得到認(rèn)可。下面介紹一下這3類門戶。. 企業(yè)信息門戶企業(yè)信息門戶（Enterprise Information Portal，EIP）的差不多作用是為人們提供企業(yè)信息。企業(yè)信息門戶提供了一個(gè)了解企業(yè)的訪問入口，所有訪問者都能夠通過那個(gè)入口獲得個(gè)性化的信息和服務(wù)。對企業(yè)來講，信息門戶既是一個(gè)展示企業(yè)的窗口，又能夠無縫地集成企業(yè)的內(nèi)容、商務(wù)活動(dòng)及社區(qū)等，動(dòng)態(tài)地公布存儲在企業(yè)內(nèi)部和外部的各種信息，同時(shí)還能夠支持網(wǎng)上的虛擬社區(qū)。企業(yè)信息

6、門戶強(qiáng)調(diào)對結(jié)構(gòu)化與非結(jié)構(gòu)化數(shù)據(jù)的收集、訪問、治理和無縫集成，這類門戶必須提供數(shù)據(jù)查詢、分析和報(bào)告等差不多功能，企業(yè)職員、合作伙伴、客戶及供應(yīng)商都能夠通過企業(yè)信息門戶方便地獵取自己所需的信息。. 企業(yè)知識門戶 企業(yè)知識門戶（Enterprise Knowledge Portal，EKP）是一個(gè)平臺，該平臺是知識加工平臺、決策平臺、知識公布與獵取平臺的集成，它使企業(yè)各部門職員之間的信息共享和交流更加流暢。那個(gè)地點(diǎn)的知識不僅包括數(shù)據(jù)庫、文檔、企業(yè)政策方針和過程手續(xù)等，甚至包括存在于職員頭腦中的工作經(jīng)驗(yàn)與專業(yè)技能等非具體化的信息資源。 企業(yè)知識門戶是企業(yè)信息門戶的延伸與進(jìn)展。信息門戶的重點(diǎn)是信息的收集

7、、整理及傳輸，有效利用企業(yè)已有的信息、知識和公共關(guān)系，并能收集、分析、增值、共享信息和知識。企業(yè)知識門戶的重點(diǎn)是企業(yè)信息的加工與處理。企業(yè)知識門戶的目的是使恰當(dāng)?shù)娜嗽谇‘?dāng)?shù)臅r(shí)刻使用恰當(dāng)?shù)闹R，企業(yè)信息門戶要緊通過數(shù)據(jù)挖掘、數(shù)據(jù)加工技術(shù)使零散的信息成為知識，供決策支持服務(wù)。. 企業(yè)應(yīng)用門戶企業(yè)應(yīng)用門戶（Enterprise Application Portal，EAP）實(shí)際上是對企業(yè)業(yè)務(wù)流程的集成。它以商業(yè)流程和企業(yè)應(yīng)用為核心，把商業(yè)流程中功能不同的應(yīng)用模塊通過門戶技術(shù)集成在一起。從某種意義上講，我們能夠把企業(yè)應(yīng)用門戶看成是企業(yè)信息系統(tǒng)的集成界面，企業(yè)職員和合作伙伴能夠通過企業(yè)應(yīng)用門戶訪問相應(yīng)的

8、應(yīng)用系統(tǒng)，實(shí)現(xiàn)移動(dòng)辦公，進(jìn)行網(wǎng)上交易等。 以上3類門戶盡管在側(cè)重點(diǎn)有所不同，但隨著企業(yè)信息系統(tǒng)復(fù)雜程度的增加，越來越多的企業(yè)需要能夠?qū)⒁陨?類門戶有機(jī)地整合在一起的通用型企業(yè)門戶，這已是一種趨勢，我們在那個(gè)地點(diǎn)把它們統(tǒng)一稱為企業(yè)門戶。 最后，讓我們試圖通過企業(yè)門戶的作用來關(guān)心讀者理解企業(yè)門戶的定義。維持客戶的最差不多戰(zhàn)略因素是企業(yè)整體強(qiáng)大、互利關(guān)系網(wǎng)，包括客戶、供應(yīng)商、合作伙伴和職員本身。這些關(guān)系的培養(yǎng)要緊通過各方之間的相互溝通和信任感-即各方及時(shí)收到相關(guān)信息、信息準(zhǔn)確同時(shí)服務(wù)最優(yōu)。企業(yè)門戶被認(rèn)為能夠滿足這種需要，通過使用戶利用方便、可靠的工具接入實(shí)現(xiàn)有效的信息交換。或者講，企業(yè)門戶能為用戶提

9、供建設(shè)信息型企業(yè)網(wǎng)站的應(yīng)用，包括網(wǎng)站生成、信息公布、信息治理、信息反饋、網(wǎng)站治理等系統(tǒng)，實(shí)現(xiàn)企業(yè)網(wǎng)上形象展示及對外溝通的需求。. 有無必要建立企業(yè)門戶在國外，特不是在美國，實(shí)施企業(yè)門戶戰(zhàn)略差不多被列入了許多大企業(yè)的日程表中。與國外相比，國內(nèi)了解企業(yè)門戶概念的企業(yè)十分少，而打算建立企業(yè)門戶的企業(yè)就更加微乎其微。然而，互聯(lián)網(wǎng)在國內(nèi)的進(jìn)展速度相當(dāng)迅速，中國企業(yè)建立自己的門戶網(wǎng)站，為自己的客戶、職員和代理商提供綜合性服務(wù)的重要性不言而喻。 從網(wǎng)絡(luò)經(jīng)濟(jì)的特點(diǎn)來看，速度和知識是網(wǎng)絡(luò)經(jīng)濟(jì)的兩大支柱。首先，企業(yè)只有借助于網(wǎng)絡(luò)才能獲得進(jìn)展的先機(jī)，這就要看誰能夠以最迅捷的動(dòng)作聯(lián)系客戶、供應(yīng)商和代理商，組織生產(chǎn)和銷

10、售。毫無疑問，企業(yè)門戶是實(shí)現(xiàn)上述目標(biāo)最有力的手段。 從資源利用的角度來看，企業(yè)門戶是以最小可能成本，實(shí)現(xiàn)最大程度開發(fā)利用現(xiàn)有資源目標(biāo)的可行途徑。首先，企業(yè)門戶將本需要占用多臺不同硬件系統(tǒng)的應(yīng)用集成到較少的系統(tǒng)設(shè)備上，從而節(jié)約硬件的投入。其次，減少了多種未經(jīng)集成的應(yīng)用軟件的總體維護(hù)成本。除了新設(shè)立的企業(yè)，其他實(shí)施企業(yè)門戶的企業(yè)都已有多種應(yīng)用系統(tǒng)和以數(shù)據(jù)庫、文檔等形式存儲的信息資源。這些資源往往條塊分割，分散維護(hù)成本高昂。新的企業(yè)門戶將現(xiàn)有的資源加以整合，并通過一定的處理，最后集成到企業(yè)門戶如此一個(gè)統(tǒng)一的平臺上，提供給更多的用戶。由于它的繼承和集成，企業(yè)能夠?qū)崿F(xiàn)集中維護(hù)，從而降低維護(hù)成本。第三，企

11、業(yè)門戶采納高效的互聯(lián)網(wǎng)作為信息傳輸?shù)墓ぞ?，相比建設(shè)或租用線路價(jià)格低廉，同時(shí)減少了人力投入。第四，企業(yè)門戶的實(shí)施能夠改進(jìn)企業(yè)的供應(yīng)鏈治理，企業(yè)門戶能夠關(guān)心企業(yè)實(shí)現(xiàn)真正意義上的零庫存。 由此看來，企業(yè)尤其是大中型企業(yè)，不論是從節(jié)約成本角度依舊從提高競爭力角度考慮，建立企業(yè)門戶差不多上有效的方法。 . 如何建立企業(yè)門戶既然企業(yè)門戶功效如此之大，那么企業(yè)要想建立企業(yè)門戶應(yīng)該如何去操作？一般來講，企業(yè)要成功地部署企業(yè)門戶可按照如下幾方面進(jìn)行。. 前期預(yù)備工作企業(yè)在建立企業(yè)門戶之前，要進(jìn)行大量的信息調(diào)查工作，弄清晰企業(yè)的商業(yè)信息是如何使用的。關(guān)于大多數(shù)企業(yè)而言，這意味著要進(jìn)行商業(yè)信息應(yīng)用的調(diào)查和研究。調(diào)查

12、的目的是了解誰使用信息，信息是如何使用，以及信息如何流入和流出。. 產(chǎn)品與技術(shù)的選擇在進(jìn)行完信息的使用調(diào)查之后，企業(yè)就要選擇門戶產(chǎn)品和技術(shù)。門戶軟件不僅要滿足商業(yè)信息和應(yīng)用訪問的需要，還要滿足事先定義的技術(shù)層面（如協(xié)議）的要求。目前，由于有相當(dāng)數(shù)量的公司推出了企業(yè)門戶解決方案，這為企業(yè)提供了較大的選擇余地。但不可否認(rèn)，目前企業(yè)門戶的產(chǎn)品良莠不齊，功能和所采納的技術(shù)差不較大，如何正確選擇適合自身企業(yè)需要的企業(yè)門戶產(chǎn)品是一門學(xué)問，本欄目下期對此進(jìn)行討論。. 企業(yè)門戶的建設(shè)選好技術(shù)和產(chǎn)品，接下來確實(shí)是建設(shè)了。這方面需要注意的是企業(yè)信息要集成到門戶有關(guān)目錄之下，或安排在某個(gè)主題里，以便用戶能夠容易地找

13、到所需要的信息。信息的組織及個(gè)性化，應(yīng)用和服務(wù)以能夠滿足用戶的需求為目的。. 推廣使用企業(yè)門戶企業(yè)門戶建好了，并不意味著工作就完成了，因?yàn)榻ㄆ髽I(yè)門戶的目的是讓其發(fā)揮作用。接下來確實(shí)是讓更多相關(guān)的用戶群體來了解和使用它。在那個(gè)時(shí)期，個(gè)性化是舉足輕重的。個(gè)性化的目的是針對合適的用戶群，如營銷分析、財(cái)務(wù)分析、經(jīng)理或商業(yè)伙伴，合理地將門戶信息、應(yīng)用和工具進(jìn)行有針對性的設(shè)計(jì)。 . 網(wǎng)站規(guī)劃設(shè)計(jì)要點(diǎn)因特網(wǎng)正在改變世界，它促成了網(wǎng)絡(luò)經(jīng)濟(jì)雛形的形成，特不是電子商務(wù)正由新概念走向有用化。由于因特網(wǎng)具有傳播信息容量極大、形態(tài)多樣、迅速方便、全球覆蓋、自由和交互的特點(diǎn)，差不多進(jìn)展成為新的傳播媒體，因此全球幾乎各個(gè)企

14、業(yè)、機(jī)構(gòu)紛紛建立自己的Web站點(diǎn)。Web站點(diǎn)是向用戶或潛在客戶提供信息(包括產(chǎn)品和服務(wù))的一種方式。其文檔所包含的內(nèi)容是由被稱為超文本(HyperText)的文本、圖形圖象、聲音，甚至電影等組成。使這些超文本能夠有機(jī)地關(guān)聯(lián)并可使掃瞄器識不，是通過HTML語言(HyperText Markup Language超文本標(biāo)記語言)實(shí)現(xiàn)的。同時(shí)CGI(Common Gateway Interface公共網(wǎng)關(guān)接口)能使Web具有交互功能。Web站點(diǎn)指引用戶掃瞄該站點(diǎn)或其他站點(diǎn)上的分頁信息，能夠通過表格和電子郵件的連接提供雙向交互方式。站點(diǎn)建立后，你的企業(yè)就在國內(nèi)、甚至在國際上有了一席之地，有了每周7天、

15、每天24小時(shí)的“虛擬門市部”。網(wǎng)站是以后企業(yè)開展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺，它是“知識經(jīng)濟(jì)”的制高點(diǎn)，企業(yè)的網(wǎng)址猶如企業(yè)的商標(biāo)和品牌一樣，是反映企業(yè)形象和文化的巨大的無形資產(chǎn)。 因此企業(yè)網(wǎng)站規(guī)劃必須注意以下八個(gè)方面：. 目標(biāo)明確、定位正確 Web站點(diǎn)的設(shè)計(jì)是企業(yè)或機(jī)構(gòu)進(jìn)展戰(zhàn)略的重要組成部分。要將企業(yè)站點(diǎn)作為在因特網(wǎng)那個(gè)新媒體上展示企業(yè)形象、企業(yè)文化的信息空間，領(lǐng)導(dǎo)一定要給予足夠的重視，明確設(shè)計(jì)站點(diǎn)的目的和用戶需求，從而作出切實(shí)可行的打算。 選擇與錘煉企業(yè)的關(guān)鍵信息，利用一個(gè)邏輯結(jié)構(gòu)有序地組織起來，開發(fā)一個(gè)頁面設(shè)計(jì)原型，選擇用戶代表來進(jìn)行測試，并逐步精煉那個(gè)原型，形成創(chuàng)意。 分析有些網(wǎng)站的效果

16、不如預(yù)想的好，要緊緣故是對用戶的需求理解有偏差，缺少用戶的檢驗(yàn)造成的。設(shè)計(jì)者常常將企業(yè)的市場營銷和商業(yè)目標(biāo)放在首位，而對用戶和潛在的用戶的真正需求了解不多。因此，企業(yè)或機(jī)構(gòu)應(yīng)清晰地了解本網(wǎng)站的受眾群體的差不多情況，如受教育程度、收入水平、需要信息的范圍及深度等，從而能夠有的放矢。. 主題鮮亮、富有特色在目標(biāo)明確的基礎(chǔ)上，完成網(wǎng)站的構(gòu)思創(chuàng)意即總體設(shè)計(jì)方案。對網(wǎng)站的整體風(fēng)格和特色作出定位，規(guī)劃網(wǎng)站的組織結(jié)構(gòu)。 Web站點(diǎn)應(yīng)針對所服務(wù)對象（機(jī)構(gòu)或人）不同而具有不同的形式。有些站點(diǎn)只提供簡潔文本信息；有些則采納多媒體表現(xiàn)手法，提供華麗的圖像、閃耀的燈光、復(fù)雜的頁面布置，甚至能夠下載聲音和錄像片段。最好

17、的Web站點(diǎn)將把圖形圖像表現(xiàn)手法與有效的組織與通信結(jié)合起來。 要做到主題鮮亮突出，力求簡潔，要點(diǎn)明確，以簡單明確的語言和畫面告訴大伙兒本站點(diǎn)的主題，吸引對本站點(diǎn)有需求的人的視線，對無關(guān)的人員也能留下一定的印象。關(guān)于一些行業(yè)標(biāo)志和公司的標(biāo)志應(yīng)充分加以利用。 調(diào)動(dòng)一切手段充分表現(xiàn)網(wǎng)站的個(gè)性和情趣，突出個(gè)性，辦出網(wǎng)站的特色。 Web站點(diǎn)主頁應(yīng)具備的差不多成分包括： 頁頭：準(zhǔn)確無誤地標(biāo)識你的站點(diǎn)和企業(yè)標(biāo)志； E-mail地址：用來接收用戶垂詢； 聯(lián)系信息：如一般郵件地址或電話； 版權(quán)信息。 注意重復(fù)利用已有信息，如客戶手冊、公共關(guān)系文檔、技術(shù)手冊和數(shù)據(jù)庫等能夠輕而易舉地用到企業(yè)的Web站點(diǎn)中。 . 版

18、式編排布局合理網(wǎng)頁設(shè)計(jì)作為一種視覺語言，因此要講究編排和布局，盡管主頁的設(shè)計(jì)不等同于平面設(shè)計(jì)，但它們有許多相近之處，應(yīng)充分加以利用和借鑒。 版式設(shè)計(jì)通過文字圖形的空間組合，表達(dá)出和諧與美。版式設(shè)計(jì)通過視覺要素的理性分析，和嚴(yán)格的形式構(gòu)成訓(xùn)練，培養(yǎng)對整體畫面的把握能力和審美能力。一個(gè)優(yōu)秀的網(wǎng)頁設(shè)計(jì)者也應(yīng)該明白哪一段文字圖形該落于何處，才能使整個(gè)網(wǎng)頁生輝。 努力做到整體布局合理化、有序化、整體化。優(yōu)秀之作，善于以巧妙、合理的視覺方式使一些語言無法表達(dá)的思想得以闡述，做到豐富多樣而又簡潔明了。 多頁面站點(diǎn)頁面的編排設(shè)計(jì)要求把頁面之間的有機(jī)聯(lián)系反映出來，那個(gè)地點(diǎn)要緊的問題是頁面之間和頁面內(nèi)的秩序與內(nèi)容

19、的關(guān)系。為了達(dá)到最佳的視覺表現(xiàn)效果，應(yīng)講究整體布局的合理性。特不是關(guān)系十分緊密的有上下文關(guān)系的頁面，一定設(shè)計(jì)有向前和向后的按鈕，便于掃瞄者認(rèn)真研讀。 站點(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)生的一

20、種感受。在網(wǎng)頁設(shè)計(jì)中，依照和諧、均衡和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合、搭配來構(gòu)成漂亮的頁面。 利用色彩對人們心理的阻礙的成果，合理地加以運(yùn)用。按照色彩的經(jīng)歷性原則，一般暖色較冷色的經(jīng)歷性強(qiáng)。色彩還具有聯(lián)想與象征的特質(zhì)，如：紅色象征火、血、太陽；藍(lán)色象征大海、天空和水面等。因此設(shè)計(jì)出售冷食的虛擬店面，應(yīng)使用消極而沉靜的顏色，使人心理上感受涼快一些。 在色彩的運(yùn)用過程中，還應(yīng)注意的一個(gè)問題是：由于國家和種族的不同，宗教和信仰的不同，生活的地理位置、文化修養(yǎng)的差異，不同的人群對色彩的喜惡程度有著專門大差異。如：兒童喜愛對比強(qiáng)烈、個(gè)性鮮亮的純顏色；生活在草原上的人喜愛紅色；生活在鬧市中的人喜愛淡

21、雅的顏色；生活在沙漠中的人喜愛綠色。在設(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)用對比與調(diào)和，對稱與平衡，節(jié)奏與韻律以及留白等手段，如通過空間、文字、圖形之間的相互關(guān)系建立整體的均衡狀態(tài)，產(chǎn)生和諧的美感。如對稱原則在頁面設(shè)計(jì)中，它的均衡有時(shí)會(huì)使頁面顯得呆板，但假如加入一些動(dòng)感的的文字、圖案，或采納夸張的手法來表現(xiàn)內(nèi)容往往會(huì)達(dá)到比較好的效果。 點(diǎn)、線、面是視覺語言中的差不多元素，使用點(diǎn)

22、、線、面的互相穿插、互相襯托、互相補(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)是靈活多變的，我們能夠?qū)⒁慌盼淖忠暈橐粋€(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)行版面分割，通過線

23、的分割保證頁面良好的視覺秩序，頁面在直線的分割下，產(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)出來。 在頁面中圖片、文字位置前后疊壓，或位置疏密或頁面上、左、右、中、下位置

24、所產(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ù)的迅猛進(jìn)展，人們對Web語言的要求也日益增長。人們已不滿足于HTML語言編制的二維Web頁面，三維世界的誘惑開始吸引更多的人，虛擬現(xiàn)實(shí)要在Web網(wǎng)上展示其迷

25、人的風(fēng)采，因此VRML語言出現(xiàn)了。VRML是一種面向?qū)ο笠环N語言，它類似Web超級鏈接所使用的HTML語言，也是一種基于文本的語言，并能夠運(yùn)行在多種平臺之上，只只是能夠更多的為虛擬現(xiàn)實(shí)環(huán)境服務(wù)。VRML只是一種語言，關(guān)于三維環(huán)境的藝術(shù)設(shè)計(jì)仍需要理論和實(shí)踐指導(dǎo)。. 多媒體功能的利用最大資源優(yōu)勢在于多媒體功能，因而要盡一切努力挖掘它，吸引掃瞄者保持注意力。因而畫面的內(nèi)容應(yīng)當(dāng)有一定的有用性，如產(chǎn)品的介紹甚至能夠用三維動(dòng)畫來表現(xiàn)。 那個(gè)地點(diǎn)需要注意的問題是，由于網(wǎng)絡(luò)帶寬的限制，在使用多媒體的形式表現(xiàn)網(wǎng)頁的內(nèi)容時(shí)應(yīng)考慮客戶端的傳輸速度，或者講將多媒體的內(nèi)容操縱在用戶可接收的下載時(shí)刻內(nèi)是十分必要的。 .

26、相關(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)該給出多個(gè)相關(guān)網(wǎng)站的鏈接，使得用戶感到想得到的信息就在鼠標(biāo)立即就能夠點(diǎn)擊的地點(diǎn)。. 柳州華力網(wǎng)站的規(guī)劃與設(shè)計(jì)隨著人們對設(shè)計(jì)的要求越來越高，高格調(diào)，高品位的設(shè)計(jì)作品，才深受人們的歡迎。這也就給設(shè)計(jì)者們提出了更高的要求，從那個(gè)角度講，版式設(shè)計(jì)正是滿足了人們的要求應(yīng)需而生?？萍嫉娘w躍進(jìn)展，讓Internet走進(jìn)了千家萬戶，也產(chǎn)生出新的設(shè)計(jì)領(lǐng)

27、域空間，而網(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)頁面：. 首頁. 企業(yè)簡介. 質(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ù)。也有的人稱之為層疊樣式表（Cascading Stylesheet）。它的作用簡單的講：確實(shí)是能夠使你在同一頁面里使用不同的超鏈接樣式。用CSS僅僅改變一個(gè)文件就能夠改變數(shù)百個(gè)網(wǎng)頁的

28、外觀,個(gè)性化的表現(xiàn)而不損.這些都因?yàn)榫W(wǎng)頁樣式表的強(qiáng)大和靈活特性。. CSS與HTML的結(jié)合方式一個(gè)外部的樣式表能夠通過HTML的LINK元素連接到HTML文檔中:標(biāo)記是放置在文檔的HEAD部分?？蛇x的TYPE屬性用于指定媒體類型-text/css是一個(gè)層疊樣式表-同意掃瞄器忽略它們不支持的樣式表類型。為CSS文件配置服務(wù)器而將text/css當(dāng)作Content-type內(nèi)容發(fā)送出去也是一個(gè)好注意。外部樣式表不能含有任何像或如此的HTML的標(biāo)記。樣式表僅僅由樣式規(guī)則或聲明組成。一個(gè)單獨(dú)由P margin: 2em 組成的文件就能夠用作外部樣式表了。標(biāo)記也有一個(gè)可選的MEDIA屬性，用于指定樣式表

29、被同意的介質(zhì)或媒體。同意的值有 screen (缺省值)，提交到計(jì)算機(jī)屏幕； print， 輸出到打印機(jī)； projection，提交到投影機(jī)； aural，揚(yáng)聲器； braille，提交到凸字觸覺感知設(shè)備； tty，電傳打字機(jī) (使用固定的字體)； tv，電視機(jī)； all，所有輸出設(shè)備。 多樣的媒體通過用逗號隔開的列表或值all指定。Netscape Navigator 4.x 錯(cuò)誤地忽略除了screen值外的任何使用MEDIA值聲明的連接或嵌入樣式表。例如，MEDIA=screen,projection會(huì)令到樣式表被Navigator 4.x忽略，盡管展示的設(shè)備是計(jì)算機(jī)的屏幕。Naviga

30、tor 4.x 也忽略使用MEDIA=all聲明的樣式表。REL屬性用于定義連接的文件和HTML文檔之間的關(guān)系。REL=StyleSheet指定一個(gè)固定或首選的樣式而REL=Alternate StyleSheet定義一個(gè)交互樣式。固定樣式在樣式表激活時(shí)總被應(yīng)用。缺少的TITLE屬性，就像例子中的第一個(gè)標(biāo)記，定義一個(gè)固定樣式。一個(gè)首選樣式會(huì)自動(dòng)被應(yīng)用，就像例子中的第二個(gè)標(biāo)記。REL=StyleSheet和一個(gè)TITLE屬性的組合指定一個(gè)首選的樣式。網(wǎng)頁制作者不能指定多于一個(gè)的首選樣式。交互樣式通過REL=Alternate StyleSheet指出。例子中的第三個(gè)標(biāo)記定義一個(gè)交互樣式，用戶能夠

31、選擇用來代替首選樣式表。注意現(xiàn)在的掃瞄器一般都缺乏選擇交互樣式的能力。單一的樣式也能夠通過多個(gè)樣式表給出在那個(gè)例子中，三個(gè)樣式表組合成一個(gè)Contemporary樣式，作為一個(gè)首選樣式表被應(yīng)用。要組合多個(gè)樣式表成一個(gè)單一樣式，必須在每個(gè)樣式表中使用相同TITLE。當(dāng)樣式被應(yīng)用到專門多的網(wǎng)頁時(shí)，一個(gè)外部樣式表是理想的。網(wǎng)頁制作者使用外部樣式表能夠改變整個(gè)網(wǎng)站的外觀而僅僅通過改變一個(gè)文件。同樣的，大多數(shù)掃瞄器會(huì)保存外部樣式表在緩沖區(qū)，從而假如樣式表在緩沖區(qū)就幸免了在展示網(wǎng)頁時(shí)的延遲。. CSS在柳州華力網(wǎng)站中的應(yīng)用實(shí)例在柳州華力網(wǎng)站中的頁面，增加了以下的定義，使頁面有專門的顯示效果。 柳州華力網(wǎng)站

32、中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在那

33、個(gè)樣式表中使用了： font-family: 宋體 ; font-size: 12px 定義了網(wǎng)頁文字的字體和大小，以幸免因網(wǎng)頁掃瞄器的的設(shè)置改變而引起的網(wǎng)頁字體和大小的變化，阻礙頁面掃瞄者的信息掃瞄； cursor: crosshair 定義了頁面鼠標(biāo)樣式，在那個(gè)地點(diǎn)我將它定義為十字型，以反映網(wǎng)頁的總體設(shè)計(jì)思想和華力企業(yè)的定位精確； font-style: normal 定義了網(wǎng)頁字體風(fēng)格，能夠定義為一般、加粗、傾斜三種樣式background-color: #FFFFFF; background-image: none 它們是對網(wǎng)頁背景顏色和背景圖片的設(shè)置。. 應(yīng)用JavaScrip設(shè)計(jì)網(wǎng)頁JavaScript是一種基于對象(Object)和事件驅(qū)動(dòng)(Event Driven)并具有安全性能