個(gè)人網(wǎng)站設(shè)計(jì)

1、目錄摘要2第一章前言311網(wǎng)站的發(fā)展312設(shè)計(jì)概述413個(gè)人網(wǎng)站的需求414 使用軟件415 軟件運(yùn)行環(huán)境5第二章網(wǎng)站的建設(shè)621網(wǎng)站的基礎(chǔ)知識(shí)62.1.1 制作網(wǎng)頁(yè)的步驟62.1.2 網(wǎng)站建設(shè)流程72.1.3 網(wǎng)頁(yè)制作要素722 CSS樣式表92.2.1 創(chuàng)建CSS樣式表92.2.2 CSS樣式表的分類1023 網(wǎng)站制作112.3.1 網(wǎng)站步驟112.3.2 主頁(yè)的要求122.3.3 子頁(yè)的要求13第三章總結(jié)16參考文獻(xiàn)17摘要本論文將對(duì)個(gè)人網(wǎng)頁(yè)設(shè)計(jì)與制作的方法、工具等展開(kāi)研究和探討。在介紹網(wǎng)頁(yè)設(shè)計(jì)與制作語(yǔ)言的基礎(chǔ)上，著重對(duì)中文版的Dream weaver MX 2004、Fireworks

2、 MX 2004、Flash MX 2004的新增功能、使用方法及操作技巧進(jìn)行介紹。按照由淺入深，循序漸進(jìn)的方式進(jìn)行，從簡(jiǎn)單的網(wǎng)頁(yè)設(shè)計(jì)制作開(kāi)始，到網(wǎng)站建設(shè)中所需的網(wǎng)站建設(shè)與管理技術(shù)、圖像處理技術(shù)、動(dòng)畫(huà)制作技術(shù)等都進(jìn)行理論聯(lián)系實(shí)際的介紹。在網(wǎng)頁(yè)設(shè)計(jì)中包含著主觀和客觀兩方面的因素，在確立了網(wǎng)頁(yè)主題之后，首先要明確和熟悉設(shè)計(jì)的對(duì)象和構(gòu)成的要素。網(wǎng)頁(yè)設(shè)計(jì)涉及的具體內(nèi)容很多，可以概括為視聽(tīng)元素和版式設(shè)計(jì)兩個(gè)方面。在制作網(wǎng)站方面將進(jìn)行詳細(xì)的講解，對(duì)工具的使用，語(yǔ)言的組合，CSS樣式表的使用進(jìn)行全面的探討，并利用具體的實(shí)例進(jìn)行驗(yàn)證。本設(shè)計(jì)將以詳實(shí)的內(nèi)容，清新的格調(diào)，繁簡(jiǎn)適中的闡述，實(shí)用的操作方法和技巧，講解

3、本人對(duì)個(gè)人網(wǎng)站設(shè)計(jì)的看法。關(guān)鍵詞：網(wǎng)站建設(shè) CSS樣式表 流程 步驟第一章 前言11網(wǎng)站的發(fā)展21世紀(jì)的到來(lái)，人們更深切地感受到計(jì)算機(jī)在生活和工作中的作用越來(lái)越重要，越來(lái)越來(lái)的職業(yè)需要具有計(jì)算機(jī)的應(yīng)用技能。掌握計(jì)算機(jī)是職業(yè)的需要，更是事業(yè)發(fā)展的需要?；ヂ?lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用。網(wǎng)頁(yè)設(shè)計(jì)伴隨著網(wǎng)絡(luò)的快速發(fā)展而快速興起，作為上網(wǎng)的主要依托，由于人們使用網(wǎng)絡(luò)的頻繁而變得非常的重要。網(wǎng)頁(yè)講究的是排版布局，其功能主要就是提供一種形式給每個(gè)上網(wǎng)者，讓他們能夠了解網(wǎng)站提供的信息。網(wǎng)頁(yè)設(shè)計(jì)與制作是計(jì)算機(jī)能力的具體表現(xiàn)，許多人不再僅僅局限

4、于網(wǎng)上沖浪，而是參與到網(wǎng)站建設(shè)中。企業(yè)建站相當(dāng)于在網(wǎng)上建立一個(gè)家，你就可以在這里向客戶介紹你的企業(yè)，展示你的實(shí)力，推銷你的產(chǎn)品，網(wǎng)頁(yè)制作作為網(wǎng)站制作中一個(gè)重要的環(huán)節(jié)，相對(duì)于傳統(tǒng)的平面設(shè)計(jì)而言，網(wǎng)頁(yè)設(shè)計(jì)具有更多的新穎性，更多可以表現(xiàn)的手法。在目前國(guó)內(nèi)對(duì)此領(lǐng)域研究甚少的情況下，將網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)與其他藝術(shù)設(shè)計(jì)形式進(jìn)行比較，嘗試從網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的內(nèi)容、原則和特點(diǎn)等三個(gè)方面，對(duì)這個(gè)新的藝術(shù)設(shè)計(jì)領(lǐng)域進(jìn)行初步的歸納總結(jié)和理論探討。認(rèn)為網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)是藝術(shù)與技術(shù)的高度統(tǒng)一，指出網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)包含視聽(tīng)元素與版式設(shè)計(jì)兩項(xiàng)內(nèi)容；以主題鮮明、形式與內(nèi)容相統(tǒng)一、強(qiáng)調(diào)整體為設(shè)計(jì)原則；具有交互性與持續(xù)性、多維性、綜合性、版式的不可

5、控性、藝術(shù)與技術(shù)結(jié)合的緊密性等五個(gè)特點(diǎn)。在明確了網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)與網(wǎng)站主題的關(guān)系的基礎(chǔ)上，提出了“美”和“功都是為了更好地表達(dá)網(wǎng)站主題這一觀點(diǎn)。網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)是伴隨著計(jì)算機(jī)互聯(lián)網(wǎng)絡(luò)的產(chǎn)生而形成的視聽(tīng)設(shè)計(jì)新課題，是網(wǎng)頁(yè)設(shè)計(jì)者以所處時(shí)代所能獲取的技術(shù)和藝術(shù)經(jīng)驗(yàn)為基礎(chǔ)，依照設(shè)計(jì)目的和要求自覺(jué)地對(duì)網(wǎng)頁(yè)的構(gòu)成元素進(jìn)行藝術(shù)規(guī)劃的創(chuàng)造性思維活動(dòng)，必然要成為設(shè)計(jì)藝術(shù)的重要組成部分，隨著網(wǎng)絡(luò)技術(shù)的發(fā)展而發(fā)展。表面上看，它不過(guò)是關(guān)于網(wǎng)頁(yè)版式編排的技巧與方法，而實(shí)際上，它不僅是一種技能，更是藝術(shù)與技術(shù)的高度統(tǒng)一。12設(shè)計(jì)概述 隨著Internet的迅猛發(fā)展，HTML被廣泛應(yīng)用，上網(wǎng)的人們當(dāng)然希望網(wǎng)頁(yè)做得漂亮些，因此HTM

6、L排版和界面效果的局限性日益暴露出來(lái)。為了解決這個(gè)問(wèn)題，人們也走了不少?gòu)澛?，用了一些不好的方法，比如給HTML增加很多的屬性結(jié)果將代碼變得很臃腫，將文本變成圖片，過(guò)多利用Table來(lái)排版，用空白的圖片表示白色的空間等，直到CSS出現(xiàn)。CSS可算是網(wǎng)頁(yè)設(shè)計(jì)的一個(gè)突破，它解決了網(wǎng)頁(yè)界面排版的難題。13個(gè)人網(wǎng)站的需求一個(gè)完整的網(wǎng)頁(yè)是建立在各種各樣的需求上面的，這種需求往往來(lái)自于個(gè)人的實(shí)際需求或者是出于自身發(fā)展的需要，其中個(gè)人的實(shí)際需求也就是說(shuō)這種發(fā)展性質(zhì)的需求占了絕大部分。面對(duì)網(wǎng)頁(yè)設(shè)計(jì)擁有不同知識(shí)層面的客戶，設(shè)計(jì)的個(gè)人對(duì)用戶需求的理解程度，在很大程度上決定了此類網(wǎng)頁(yè)規(guī)劃的成敗。因此如何更好地的了解、

7、分析、明確個(gè)人的需求，并且能夠準(zhǔn)確、清晰以文檔的形式表達(dá)給需要的人，保證以需求為目的個(gè)人方向進(jìn)行，是每個(gè)網(wǎng)頁(yè)規(guī)劃和網(wǎng)頁(yè)制作管理者需要面對(duì)的問(wèn)題。14 使用軟件Dream weaver MX 2004軟件由美國(guó)著名的網(wǎng)站應(yīng)用開(kāi)發(fā)工具生產(chǎn)廠商Adobe Macromedia于最新推出并正式投入市場(chǎng)以來(lái)，已經(jīng)發(fā)展得相當(dāng)成熟。關(guān)于Dream weaver MX 2004的技術(shù)介紹的相關(guān)書(shū)籍與網(wǎng)絡(luò)信息相當(dāng)豐富。通過(guò)大學(xué)中軟件開(kāi)發(fā)環(huán)境課程的學(xué)習(xí)，對(duì)Dream weaver MX 2004有了比較深刻的認(rèn)識(shí)，并比較輕松的掌握了Dream weaver MX 2004的操作。因此，軟件技術(shù)可以完成個(gè)人的要求。

8、15 軟件運(yùn)行環(huán)境Dream weaver MX 2004是一款簡(jiǎn)體中文軟件，可以在Win2003/WinXP/Win2000/Win9X中安全運(yùn)行，換句話說(shuō)，它可以在任何家用微機(jī)中運(yùn)行。第二章 網(wǎng)站的建設(shè)21網(wǎng)站的基礎(chǔ)知識(shí) 制作網(wǎng)頁(yè)的步驟再做網(wǎng)頁(yè)之前，我上網(wǎng)瀏覽了做網(wǎng)頁(yè)的五個(gè)步驟。一、確定網(wǎng)頁(yè)主題 ：網(wǎng)頁(yè)主題就是你創(chuàng)建網(wǎng)頁(yè)所要包含的主要內(nèi)容，一個(gè)網(wǎng)頁(yè)必須要有一個(gè)明確的主題。二、搜集材料 ：明確了網(wǎng)頁(yè)的主題以后，你就要圍繞主題開(kāi)始搜集材料了。材料既可以從圖書(shū)、報(bào)紙、光盤(pán)、多媒體上得來(lái)，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁(yè)的素材。三、規(guī)劃網(wǎng)頁(yè) ：一個(gè)網(wǎng)頁(yè)設(shè)計(jì)

9、得成功與否，很大程度上決定于設(shè)計(jì)者的規(guī)劃水平，規(guī)劃網(wǎng)頁(yè)就像設(shè)計(jì)師設(shè)計(jì)一樣，圖紙?jiān)O(shè)計(jì)好了，才能建成一座漂亮的樓房。網(wǎng)頁(yè)規(guī)劃包含的內(nèi)容很多，如網(wǎng)頁(yè)的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)頁(yè)的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，你只有在制作網(wǎng)頁(yè)之前把這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。也只有如此制作出來(lái)的網(wǎng)頁(yè)才能有個(gè)性、有特色，具有吸引力。四、選擇合適的制作工具 ：盡管選擇什么樣的工具并不會(huì)影響你設(shè)計(jì)網(wǎng)頁(yè)的好壞，但是一款功能強(qiáng)大、使用簡(jiǎn)單的軟件往往可以起到事半功倍的效果。五、制作網(wǎng)頁(yè) ：材料有了，工具也選好了，下面就需要按照規(guī)劃一步一步地把自己的想法變成現(xiàn)實(shí)了，這是一個(gè)復(fù)雜而細(xì)致的過(guò)程，一定要

10、按照先大后小、先簡(jiǎn)單再?gòu)?fù)雜來(lái)進(jìn)行制作。所謂先大后小，就是說(shuō)在制作網(wǎng)頁(yè)時(shí)，先把大的結(jié)構(gòu)設(shè)計(jì)好，然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。所謂先簡(jiǎn)單后復(fù)雜，就是先設(shè)計(jì)出簡(jiǎn)單的內(nèi)容，然后再設(shè)計(jì)復(fù)雜的內(nèi)容，以便出現(xiàn)問(wèn)題時(shí)好修改。在制作網(wǎng)頁(yè)時(shí)要多靈活運(yùn)用模板，這樣可以大大提高制作效率。 網(wǎng)站建設(shè)流程1定義合適的域名。由域名構(gòu)成的網(wǎng)址會(huì)像商標(biāo)一樣，有助于將來(lái)塑造網(wǎng)上的形象。域名除了要符合個(gè)人的性質(zhì)以及信息內(nèi)容的特征外，還要具有簡(jiǎn)潔、易記、具有沖擊力的特點(diǎn)。2租用虛擬服務(wù)器。有了域名后，就需要一個(gè)空間存放網(wǎng)站，這個(gè)空間就是Internet上的服務(wù)器。一般虛擬主機(jī)提供商都能向用戶提供大容量、高速度的服務(wù)器，用戶可根據(jù)網(wǎng)站的

11、內(nèi)容設(shè)置及其發(fā)展前景來(lái)選擇。3設(shè)計(jì)網(wǎng)頁(yè)。網(wǎng)頁(yè)的設(shè)計(jì)制作可以自己完成，也可以通過(guò)虛擬主機(jī)提供商或?qū)I(yè)的網(wǎng)頁(yè)設(shè)計(jì)制作商來(lái)完成。設(shè)計(jì)網(wǎng)頁(yè)前要收集所有需要放在網(wǎng)站上的文本資料、圖片等，并盡量用文字詳細(xì)說(shuō)明制作的框架結(jié)構(gòu)，將收集的材料提供給網(wǎng)頁(yè)設(shè)計(jì)者。4ICP備案。網(wǎng)站備案的目的就是為了防止在網(wǎng)上從事非法的網(wǎng)站經(jīng)營(yíng)活動(dòng)，打擊不良互聯(lián)網(wǎng)信息的傳播，如果網(wǎng)站不備案的話，很有可能被查處以后關(guān)停。ICP備案可以自主通過(guò)官方備案網(wǎng)站在線備案或者通過(guò)當(dāng)?shù)仉娦挪块T(mén)兩種方式來(lái)進(jìn)行備案。 網(wǎng)頁(yè)制作要素1、網(wǎng)頁(yè)的整體布局設(shè)計(jì) 網(wǎng)頁(yè)設(shè)計(jì)作為一種視覺(jué)語(yǔ)言，要講究編排和布局，雖然主頁(yè)的設(shè)計(jì)不等同于平面設(shè)計(jì)，但它們有許多相近之處，

12、應(yīng)充分加以利用和借鑒。版式設(shè)計(jì)通過(guò)文字圖形的空間組合，表達(dá)出和諧與美。一個(gè)優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)者也應(yīng)該知道哪一段文字圖形該落于何處，才能使整個(gè)網(wǎng)頁(yè)生輝。多頁(yè)面站點(diǎn)頁(yè)面的編排設(shè)計(jì)要求把頁(yè)面之間的有機(jī)聯(lián)系反映出來(lái)，特別要處理好頁(yè)面之間和頁(yè)面內(nèi)的秩序與內(nèi)容的關(guān)系。尤其是我們?cè)诶镁W(wǎng)頁(yè)效果體現(xiàn)在線營(yíng)銷的意圖時(shí)，更要注意為了達(dá)到最佳的視覺(jué)表現(xiàn)效果，而講究整體布局的合理性，比如一家生產(chǎn)型的企業(yè)，它所提供產(chǎn)品的名稱、類別、型號(hào)、價(jià)格、功能介紹應(yīng)怎樣編排才能使瀏覽者有一個(gè)流暢的視覺(jué)體驗(yàn)，從而方便他對(duì)產(chǎn)品的了解，促成最后的購(gòu)買(mǎi)。2、網(wǎng)頁(yè)設(shè)計(jì)中色彩的運(yùn)用 色彩是藝術(shù)表現(xiàn)的要素之一，在網(wǎng)頁(yè)設(shè)計(jì)中，根據(jù)和諧、均衡和重點(diǎn)突出

13、的原則，將不同的色彩進(jìn)行組合、搭配來(lái)構(gòu)成美麗的頁(yè)面。根據(jù)色彩對(duì)人們心理的影響，合理地加以運(yùn)用，按照色彩的記憶性原則，因?yàn)槲覀冞@里做的是食品中特產(chǎn)的專賣網(wǎng)，為了體現(xiàn)環(huán)保的原則，所以我們采用綠色為主調(diào)。色彩還具有聯(lián)想與象征的特質(zhì)，如紅色象征血、太陽(yáng)；藍(lán)色象征大海、天空和水面等，綠色象征健康、環(huán)保這類。所以如果我們?cè)趯?duì)一家出售食品的商店進(jìn)行虛擬店面的頁(yè)面設(shè)計(jì)時(shí)，應(yīng)使用淡雅而沉靜的顏色，使人心理上感覺(jué)涼爽一些，增強(qiáng)人們的購(gòu)買(mǎi)心理，使得在線營(yíng)銷得到很好的實(shí)踐效果。另要注意的是網(wǎng)頁(yè)的顏色應(yīng)用雖沒(méi)有限制，但不能毫無(wú)節(jié)制地運(yùn)用多種顏色，一般情況下，先根據(jù)總體風(fēng)格的要求定出一至二種主色調(diào)，在已經(jīng)有了完備的網(wǎng)站進(jìn)

14、行網(wǎng)頁(yè)設(shè)計(jì)時(shí)，更應(yīng)該按照其中的顏色進(jìn)行色彩運(yùn)用。在色彩的運(yùn)用過(guò)程中，還應(yīng)注意的一個(gè)問(wèn)題是：由于國(guó)家和種族、宗教和信仰的不同，以及生活的地理位置、文化修養(yǎng)的差異等，不同的人群對(duì)色彩的喜惡程度有著很大的差異。如：兒童喜歡對(duì)比強(qiáng)烈、個(gè)性鮮明的純顏色；生活在草原上的人喜歡紅色；生活在鬧市中的人喜歡淡雅的顏色；生活在“沙漠”中的人喜歡綠色。在設(shè)計(jì)中要考慮眾多因素。3、網(wǎng)頁(yè)形式與內(nèi)容相統(tǒng)一 要將豐富的意義和多樣的形式組織成統(tǒng)一的頁(yè)面結(jié)構(gòu)，形式語(yǔ)言必須符合頁(yè)面的內(nèi)容，體現(xiàn)內(nèi)容的豐富含義。運(yùn)用對(duì)比與調(diào)和、對(duì)稱與平衡、節(jié)奏與韻律以及留白等手段，通過(guò)空間、文字、圖形之間的相互關(guān)系建立整體的均衡狀態(tài)，產(chǎn)生和諧的美感

15、。如對(duì)稱原則在頁(yè)面設(shè)計(jì)中，它的均衡有時(shí)會(huì)使頁(yè)面顯得呆板，但如果加入一些富有動(dòng)感的文字、圖案，或采用夸張的手法來(lái)表現(xiàn)內(nèi)容往往會(huì)達(dá)到比較好的效果。點(diǎn)、線、面作為視覺(jué)語(yǔ)言中的基本元素，要使用點(diǎn)、線、面的互相穿插、互相襯托、互相補(bǔ)充構(gòu)成最佳的頁(yè)面效果。網(wǎng)頁(yè)設(shè)計(jì)中點(diǎn)、線、面的運(yùn)用并不是孤立的，很多時(shí)候都需要將它們結(jié)合起來(lái)，表達(dá)完美的設(shè)計(jì)意境。圖2-1-1 愛(ài)書(shū)網(wǎng)的子頁(yè)，自然22 CSS樣式表 創(chuàng)建CSS樣式表CSS是CascadingStyleSheets（層疊樣式表）的縮寫(xiě)。它的作用是定義網(wǎng)頁(yè)的外觀，用到網(wǎng)頁(yè)中相應(yīng)的元素上，能夠有效的提高用戶設(shè)計(jì)網(wǎng)頁(yè)和開(kāi)發(fā)站點(diǎn)的效率。創(chuàng)建CSS樣式表步驟如下：步驟1

16、創(chuàng)建一個(gè)新的HTML頁(yè)面，將其命名為“網(wǎng)站分布1”保存。在頁(yè)面中輸入待排版的文本，排版前的效果。步驟2 為標(biāo)題創(chuàng)建相應(yīng)的CSS樣式表。選擇文本菜單欄的CSS樣式表中的新建命令，彈出新建CSS規(guī)則對(duì)話框。步驟3 彈出.book的CSS規(guī)則定義對(duì)話框，在類型選項(xiàng)中設(shè)定相關(guān)的文字屬性。 步驟4 在分類選項(xiàng)組中選擇區(qū)塊，文本對(duì)齊屬性設(shè)置為“居中”，單擊確定按鈕，完成了用于標(biāo)題的.book CSS類的創(chuàng)建。 步驟5 為分類網(wǎng)頁(yè)名稱創(chuàng)建相應(yīng)的CSS樣式表。選擇文本菜單欄的CSS樣式表中的新建命令，彈出新建CSS規(guī)則對(duì)話框。步驟6 彈出.web的CSS規(guī)則定義對(duì)話框，在類型選項(xiàng)中設(shè)定相關(guān)的文字屬性。 步驟7

17、 選中標(biāo)題“網(wǎng)站分布”，在該文字屬性面板中選定樣式為 “book”，則定義的.book的CSS規(guī)則就被用于該標(biāo)題。 步驟8 選中網(wǎng)站分布名稱，在該文字屬性面板中選定樣式為 “web”，則定義的.web的CSS規(guī)則就被用于該段文字。步驟9 單擊F12，在瀏覽器中預(yù)覽效果。 CSS樣式表的分類CSS按其位置可以分成三種：內(nèi)嵌樣式(Inline Style)；內(nèi)部樣式表(Internal Style Sheet)；外部樣式表(External Style Sheet)三種。內(nèi)嵌樣式(Inline Style)：Inline Style是寫(xiě)在Tag里面的。內(nèi)嵌樣式只對(duì)所在的Tag有效;例如： <

18、P style="font-size:20pt; color: red">這個(gè)Style定義<p></p>里面的文字是20pt字體，字體顏色是紅色。內(nèi)部樣式表(Internal Style Sheet)：內(nèi)部樣式表是寫(xiě)在HTML的<head></head>里面的。內(nèi)部樣式表只對(duì)所在的網(wǎng)頁(yè)有效。例如：<HTML><HEAD><STYLEtype="text/cuss">H1.mylayoutborder-width:1;border:solid;text-align:

19、center;color:red</STYLE></HEAD><BODY><H1class="my layout"> 這個(gè)標(biāo)題使用了Style。</H1><H1>這個(gè)標(biāo)題沒(méi)有使用Style。</H1></BODY></HTML>。外部樣式表(External Style Sheet)：如果很多網(wǎng)頁(yè)需要用到同樣的樣式(Styles)，就可以用這種方法。首先將樣式(Styles)寫(xiě)在一個(gè)以CSS為后綴的CSS文件里，然后在每個(gè)需要用到這些樣式(Styles)的網(wǎng)頁(yè)里引用這

20、個(gè)CSS文件。使用外部(External)樣式表，相對(duì)于內(nèi)嵌(Inline)和內(nèi)部式(Internal)的，有以下優(yōu)點(diǎn)：樣式代碼可以復(fù)用。一個(gè)外部CSS文件，可以被很多網(wǎng)頁(yè)共用，便于修改。如果要修改樣式，只需要修改CSS文件，而不需要修改每個(gè)網(wǎng)頁(yè)。提高網(wǎng)頁(yè)顯示的速度。如果樣式寫(xiě)在網(wǎng)頁(yè)里，會(huì)降低網(wǎng)頁(yè)顯示的速度，如果網(wǎng)頁(yè)引用一個(gè)CSS文件，這個(gè)CSS文件多半已經(jīng)在緩存區(qū)(其它網(wǎng)頁(yè)早已經(jīng)引用過(guò)它)，網(wǎng)頁(yè)顯示的速度就比較快。23 網(wǎng)站制作 網(wǎng)站步驟網(wǎng)站是網(wǎng)頁(yè)的集合，一個(gè)站點(diǎn)用的所有網(wǎng)頁(yè)構(gòu)成一個(gè)網(wǎng)站，網(wǎng)頁(yè)是網(wǎng)站的表現(xiàn)形式，網(wǎng)頁(yè)設(shè)計(jì)是指對(duì)網(wǎng)站整體頁(yè)面的設(shè)計(jì)，包括頁(yè)面風(fēng)格、配色、布局、內(nèi)容等。網(wǎng)頁(yè)設(shè)計(jì)包含的

21、內(nèi)容非常多，大體分為兩個(gè)方面：一方面是純網(wǎng)站本身的設(shè)計(jì)，如文字、排版、圖片制作、平面設(shè)計(jì)、靜態(tài)圖文和動(dòng)態(tài)聲音、影像等；另一方面是網(wǎng)站的延伸設(shè)計(jì)，包括網(wǎng)站主題、瀏覽群的定位、智能交互、制作策劃、形象包裝和宣傳營(yíng)銷等。設(shè)計(jì)頁(yè)面的第一步就是設(shè)計(jì)片面布局，就像報(bào)刊雜志版面設(shè)計(jì)一樣，我們可以看作一張報(bào)約或者一份雜志來(lái)進(jìn)行排版布局。1. 草稿 新頁(yè)面就像一張白紙，沒(méi)有任何的約定俗成的東西，可以盡可能地發(fā)揮想象力、創(chuàng)造力，將想象的布局到上面去。這是原創(chuàng)階段，你不必講究細(xì)膩工整，你也可在草稿本上先畫(huà)出整個(gè)布局框架，把多個(gè)塊的位置先粗略的布置上去以往下一步工作的展示，這一步也可以借住PHOTOSHOP或其他工具

22、軟件來(lái)完成。2. 粗略布局 在草稿的基礎(chǔ)上，將需要的功能模塊放到頁(yè)面上去，這時(shí)要遵循突出重點(diǎn)、整體協(xié)調(diào)的原則，首先將網(wǎng)站標(biāo)志、導(dǎo)航條、廣告條等最主要的模塊放在最突出位置，然后考慮其他模塊的布局。3. 定稿 定稿即將粗略布局精細(xì)化、具體化，完成整個(gè)頁(yè)面的設(shè)計(jì)。頁(yè)面的制作，首先在根據(jù)客戶的要求下，完成首頁(yè)的制作，在經(jīng)客戶確定后，再制作其他的頁(yè)面，制作完成后，交給客戶驗(yàn)收，然后發(fā)給客戶確定，待所有的頁(yè)面的都經(jīng)客戶確定后，完成網(wǎng)頁(yè)的制作進(jìn)程，交給程序員添加程序。 主頁(yè)的要求對(duì)于銷售業(yè)務(wù)頁(yè)面要求運(yùn)行的工作環(huán)境穩(wěn)定，易于操作，界面美觀大方，對(duì)于前臺(tái)展示界面要求系統(tǒng)便于維護(hù)，安全可靠，對(duì)于廣大客戶所要執(zhí)行的操作簡(jiǎn)單易懂，遠(yuǎn)程訪問(wèn)速度較快，界面友好美觀，有基本的錯(cuò)誤提醒功能，遠(yuǎn)程操作數(shù)據(jù)庫(kù)正確，要求和客戶有一定的互動(dòng)性，在主頁(yè)上直觀的就可以查看瀏覽者所想要了解的東西。下面是我自己根據(jù)自己所學(xué)習(xí)的內(nèi)容，做出自己的愛(ài)書(shū)網(wǎng)的主頁(yè)：圖2-3-1 愛(ài)書(shū)網(wǎng)的主頁(yè)，首頁(yè) 子頁(yè)的要求子頁(yè)的工作就是子頁(yè)的選擇與鏈接，子頁(yè)應(yīng)該豐富多彩，內(nèi)容充實(shí)，瀏覽性強(qiáng)，比如說(shuō)，想要銷售一輛汽車，應(yīng)該