網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ)

網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ)第1頁，課件共31頁，創(chuàng)作于2023年2月一、網(wǎng)頁的基本概念

1.網(wǎng)頁與網(wǎng)站

網(wǎng)站是指建立在互聯(lián)網(wǎng)上的Web站點(diǎn)，是互聯(lián)網(wǎng)上相關(guān)網(wǎng)頁的集合，它面向公眾提供互聯(lián)網(wǎng)內(nèi)容服務(wù)。

網(wǎng)頁是上網(wǎng)時(shí)看到的一個(gè)個(gè)頁面，網(wǎng)站與網(wǎng)頁的關(guān)系類似于一本書與一頁書。第2頁，課件共31頁，創(chuàng)作于2023年2月

2.靜態(tài)網(wǎng)頁與動(dòng)態(tài)網(wǎng)頁

網(wǎng)頁按其表現(xiàn)形式來劃分可分為動(dòng)態(tài)頁和靜態(tài)頁。 靜態(tài)網(wǎng)頁只能瀏覽，不能實(shí)現(xiàn)客戶端和服務(wù)器端的交流互動(dòng)，在靜態(tài)網(wǎng)頁中，也可以出現(xiàn)各種動(dòng)態(tài)的效果，如GIF格式的動(dòng)畫、FLASH影片、滾動(dòng)字幕等，這些“動(dòng)態(tài)效果”只是視覺上的，并不能實(shí)現(xiàn)客戶端和服務(wù)器端的交互。 動(dòng)態(tài)網(wǎng)頁的頁面內(nèi)容隨用戶的輸入而變化，能與客戶端交流互動(dòng)，它們會(huì)隨不同客戶、不同時(shí)間，返回不同的網(wǎng)頁，動(dòng)態(tài)網(wǎng)頁使用ASP、PHP、JSP、ASP.NET等技術(shù)生成。 靜態(tài)網(wǎng)頁和動(dòng)態(tài)網(wǎng)頁各有特點(diǎn)，網(wǎng)站采用動(dòng)態(tài)網(wǎng)頁還是靜態(tài)網(wǎng)頁主要取決于網(wǎng)站的功能需求和網(wǎng)站內(nèi)容的多少。第3頁，課件共31頁，創(chuàng)作于2023年2月二、網(wǎng)頁制作常用工具

1．利用PhotoshopCS3設(shè)計(jì)網(wǎng)頁圖像2.利用FireworksCS3設(shè)計(jì)網(wǎng)頁圖像3.利用網(wǎng)頁編輯軟件DreamweaverCS3制作網(wǎng)頁4.利用網(wǎng)頁動(dòng)畫軟件FlashCS3制作動(dòng)畫第4頁，課件共31頁，創(chuàng)作于2023年2月

色彩的魅力是無限的，它是網(wǎng)站重要的表現(xiàn)形式之一。1、網(wǎng)頁色彩的基礎(chǔ)知識(shí)從物理學(xué)上，色光可分解為紅、橙、黃、綠、青、藍(lán)、紫等，其中，紅、綠、藍(lán)是三原色，在計(jì)算機(jī)科學(xué)中我們稱之為RGB三原色，三原色通過不同比例的混合可以得到自然界中五顏六色、千變?nèi)f化的各種顏色?，F(xiàn)實(shí)生活中的色彩可以分為彩色和非彩色。其中黑白灰屬于非彩色系列。其他的色彩都屬于彩色。任何一種彩色具備3個(gè)特征：色相、明度和純度。其中非彩色只有明度屬性。三、網(wǎng)頁中色彩的應(yīng)用第5頁，課件共31頁，創(chuàng)作于2023年2月2、網(wǎng)頁色彩的搭配色彩搭配既是一項(xiàng)技術(shù)性工作，搭配協(xié)調(diào)可以設(shè)計(jì)出色彩鮮明、性格獨(dú)特的網(wǎng)站。1）網(wǎng)頁色彩搭配技巧單色、鄰近色、對(duì)比色、黑色、背景色、色彩的數(shù)量的使用。網(wǎng)站用色一般控制在3種色彩以內(nèi)，通過調(diào)整色彩的各種屬性來產(chǎn)生變化。第6頁，課件共31頁，創(chuàng)作于2023年2月2）常見的網(wǎng)頁配色方案

紅色代表熱情、活潑、熱鬧、溫暖、幸福和吉祥。易引起人的注意，使人興奮、激動(dòng)、緊張和沖動(dòng)，還易造成人視覺疲勞的顏色。 黃色代表明朗、愉快、高貴和希望。只要在純黃色中混入少量的其他色，其色相感和色性格均會(huì)發(fā)生較大程度的變化。 白色的色感光明，性格樸實(shí)、純潔、快樂。白色具有圣潔的不容侵犯性。在白色中加入其他任何色，都會(huì)影響其純潔性，使其性格變的含蓄。 紫色代表優(yōu)雅、高貴、魅力、自傲和神秘的感覺。在紫色中加入白色，可使變得優(yōu)雅、嬌氣，并充滿女性的魅力。第7頁，課件共31頁，創(chuàng)作于2023年2月

藍(lán)色代表深遠(yuǎn)、永恒、沉靜、理智、誠實(shí)、公正權(quán)威。藍(lán)色是一種在淡化后仍然能保持較強(qiáng)個(gè)性的顏色。如果在藍(lán)色中分別加入少量的紅、黃、黑、橙、白等色，均不會(huì)對(duì)藍(lán)色的性格構(gòu)成較明顯的影響力。 綠色代表新鮮、充滿希望、和平、柔和、安逸和青春。綠色是具有黃色和藍(lán)色兩種成份的顏色。一般農(nóng)林業(yè)、教育類網(wǎng)站常使用綠色代表希望、充滿活力?；疑谏虡I(yè)設(shè)計(jì)中，具有柔和、高雅的意象，而且屬于中間性格，易接受，所以也是永遠(yuǎn)流行的主要顏色。在許多的高科技產(chǎn)品，尤其是和金屬材料有關(guān)的，幾乎都采用灰色來傳達(dá)高級(jí)、科技的形象。第8頁，課件共31頁，創(chuàng)作于2023年2月

四、網(wǎng)頁布局

1．網(wǎng)頁設(shè)計(jì)的原則主次分明，中心突出大小搭配，相互呼應(yīng)圖文并茂，相得益彰簡潔一致網(wǎng)頁布局時(shí)的元素：格式美觀的正文、和諧的色彩搭配、較好的對(duì)比度、使得文字具有較強(qiáng)的可讀性、生動(dòng)的背景圖案、頁面元素大小適中、布局勻稱、不同元素之間留有足夠空白、各元素之間保持平衡、文字準(zhǔn)確無誤、無錯(cuò)別字、無拼寫錯(cuò)誤。文本和背景的色彩：一個(gè)頁面顯示的顏色不宜過多，應(yīng)控制在256色以內(nèi)。主題顏色通常只需要2～3種，并采用一種標(biāo)準(zhǔn)色。第9頁，課件共31頁，創(chuàng)作于2023年2月

2．網(wǎng)頁布局的基本要素 學(xué)習(xí)網(wǎng)頁設(shè)計(jì)首先需要了解構(gòu)成網(wǎng)頁的基本元素，這樣才能在頁面設(shè)計(jì)中得心應(yīng)手，根據(jù)需要合理地組織和布局網(wǎng)頁內(nèi)容。一般網(wǎng)頁的基本內(nèi)容包括：頁面標(biāo)題、網(wǎng)站標(biāo)志、頁眉、導(dǎo)航欄、主內(nèi)容區(qū)和頁腳。1）頁面標(biāo)題 網(wǎng)站中的每一個(gè)頁面都有標(biāo)題，用來提示該頁面的主要內(nèi)容。標(biāo)題出現(xiàn)在瀏覽器的標(biāo)題欄中，而不是出現(xiàn)在頁面布局中。它還有一個(gè)比較重要的作用就是引導(dǎo)訪問者清楚地知道所要瀏覽網(wǎng)站的內(nèi)容，不至于迷失方向。2）網(wǎng)站標(biāo)志 網(wǎng)站標(biāo)志在互聯(lián)網(wǎng)上是一個(gè)站點(diǎn)的象征，是網(wǎng)站形象的重要體現(xiàn)。另外，還在站點(diǎn)之間的互相鏈接中扮演著重要的角色，一個(gè)好的標(biāo)志可以很好地樹立公司形象。網(wǎng)站標(biāo)志一般放在網(wǎng)站的左上角，訪問者一眼就能看到它，可見標(biāo)志的重要性。網(wǎng)站標(biāo)志通常有3種尺寸：88×31像素、120×60像素和120×90像素。第10頁，課件共31頁，創(chuàng)作于2023年2月3）頁面尺寸 由于頁面尺寸和顯示器大小及分辨率有關(guān)系，一般分辨率在800×600像素的情況下，頁面的顯示尺寸為780×428像素；分辨率在640×480像素的情況下，頁面的顯示尺寸為620×311像素；分辨率在1024×768像素的情況下，頁面的顯示尺寸為1000×600像素。從以上數(shù)據(jù)可以看出，分辨率越高頁面尺寸越大。 瀏覽器的工具欄也是影響頁面尺寸的原因。一般瀏覽器的工具欄都可以取消或者增加，那么當(dāng)顯示全部工具欄和關(guān)閉全部工具欄時(shí)，頁面的尺寸是不一樣的。 在網(wǎng)頁設(shè)計(jì)過程中，雖然頁面可以設(shè)計(jì)很長的網(wǎng)頁，最好不要讓訪問者拖動(dòng)頁面超過3屏，如果確實(shí)需要在同一頁面顯示超過3屏的內(nèi)容，那么最好能在網(wǎng)頁頂部加上錨點(diǎn)鏈接，以方便訪問者瀏覽。第11頁，課件共31頁，創(chuàng)作于2023年2月4）導(dǎo)航欄 導(dǎo)航欄既是網(wǎng)頁設(shè)計(jì)中的重要部分，又是整個(gè)網(wǎng)站設(shè)計(jì)中的一個(gè)較獨(dú)立的部分。一般來說網(wǎng)站中的導(dǎo)航位置在各個(gè)頁面中出現(xiàn)的位置是比較固定的，而且風(fēng)格也較為一致。導(dǎo)航的位置對(duì)網(wǎng)站的結(jié)構(gòu)與各個(gè)頁面的整體布局起到舉足輕重的作用。 導(dǎo)航的位置一般有4種常見的顯示位置：在頁面的左側(cè)、右側(cè)、頂部和底部。有的在同一個(gè)頁面中運(yùn)用了多種導(dǎo)航，如有的在頂部設(shè)置了主菜單，而在頁面的左側(cè)又設(shè)置了折疊式的折疊菜單，同時(shí)又在頁面的底部設(shè)置了多種鏈接，這樣便增強(qiáng)了網(wǎng)站的可訪問性。當(dāng)然并不是導(dǎo)航在頁面中出現(xiàn)的次數(shù)越多越好，而是要合理地運(yùn)用頁面達(dá)到總體的協(xié)調(diào)一致。 如果網(wǎng)頁的頁面比較長，最后在頁面底部也設(shè)置一個(gè)導(dǎo)航，這樣如果瀏覽者正在閱讀頁面底部的內(nèi)容，就不用再拖動(dòng)瀏覽器滾動(dòng)條來選擇頁面頂部的導(dǎo)航條，而直接使用頁面底部的導(dǎo)航。第12頁，課件共31頁，創(chuàng)作于2023年2月5）頁眉和頁腳 頁眉指的是頁面上端的部分。有的頁面劃分的比較明顯，有的頁面則沒有明確的區(qū)分或者沒有頁眉。 頁眉的風(fēng)格一般要求和頁面的整體風(fēng)格保持一致。頁眉的位置吸引注意力較高。頁眉的作用是定義頁面的主題。如站點(diǎn)的名字多數(shù)都顯示在頁眉里。這樣訪問者能很快知道這個(gè)站點(diǎn)是什么內(nèi)容。頁眉是整個(gè)頁面設(shè)計(jì)的關(guān)鍵，它將牽涉到下面的更多設(shè)計(jì)和整個(gè)頁面的協(xié)調(diào)性。頁眉常放置站點(diǎn)的圖片、公司標(biāo)志、公司名稱、宣傳口號(hào)和廣告語等，甚至有些網(wǎng)站將此設(shè)置為廣告席位來出租。 頁腳和頁眉相呼應(yīng)。頁眉是放置站點(diǎn)主題的地方，而頁腳是放置公司聯(lián)系信息的地方。許多信息都是放置在頁腳的。第13頁，課件共31頁，創(chuàng)作于2023年2月3、網(wǎng)頁布局方法在制作網(wǎng)頁前，可以先布局出網(wǎng)頁的草圖。網(wǎng)頁布局的方法有兩種，下面分別加以介紹。1）紙上布局 新建頁面就像一張白紙，沒有任何表格、框架和約定俗成的東西，盡可能地發(fā)揮想像力，將想到的“景象”畫上去。這屬于創(chuàng)造階段，不必講究細(xì)膩工整，不必考慮細(xì)節(jié)功能，只以粗陋的線條勾畫出創(chuàng)意的輪廓即可。盡可能地多畫幾張草圖，最后選定一個(gè)滿意的來創(chuàng)作。2）軟件布局 如果不喜歡用紙來畫出布局意圖，那么還可以利用Photoshop、Fireworks等軟件來完成這些工作。不像用紙來設(shè)計(jì)布局，利用軟件可以方便的使用顏色，使用圖形，并且可以利用層的功能設(shè)計(jì)出用紙張無法實(shí)現(xiàn)的布局意念。第14頁，課件共31頁，創(chuàng)作于2023年2月

4、常見的版面布局形式

網(wǎng)頁設(shè)計(jì)要講究編排和布局，雖然網(wǎng)頁設(shè)計(jì)不同于平面設(shè)計(jì)，但它們有許多相近之處，應(yīng)加以利用和借鑒。網(wǎng)頁的版面布局主要指網(wǎng)站主頁的版面布局，其他網(wǎng)頁的版面與主頁風(fēng)格基本一致。為了達(dá)到最佳的視覺表現(xiàn)效果，應(yīng)講究整體布局的合理性，使瀏覽者有一個(gè)流暢的視覺體驗(yàn)。 設(shè)計(jì)版面布局前先畫出版面的布局草圖，接著對(duì)版面布局進(jìn)行細(xì)劃和調(diào)整，反復(fù)細(xì)劃和調(diào)整后確定最終的布局方案。 常見的網(wǎng)頁布局形式大致有“國”字型、“廠”字型、“框架”型、“封面”型和Flash型布局。第15頁，課件共31頁，創(chuàng)作于2023年2月1）“國”字型布局也稱為“同”字型，布局如圖1-1所示。最上面是網(wǎng)站的標(biāo)志、廣告以及導(dǎo)航欄，接下來是網(wǎng)站的主要內(nèi)容，左右分別列出一些欄目，中間是主要部分，最下部是網(wǎng)站的一些基本信息、聯(lián)系方式和版權(quán)聲明等。這種結(jié)構(gòu)是國內(nèi)一些大中型網(wǎng)站常見的布局方式。這種布局的優(yōu)點(diǎn)是充分利用版面、信息量大，缺點(diǎn)是頁面擁擠、不夠靈活。 圖1-1“國”字型布局圖1-2“廠”字型布局 2）“廠”字型布局結(jié)構(gòu)與上一種其實(shí)只是形式上的區(qū)別，其實(shí)是很相近的，上面是標(biāo)題及廣告橫幅，接下來的左側(cè)是一窄列鏈接等，右列是很寬的正文，下面也是一些網(wǎng)站的輔助信息。這種布局的優(yōu)點(diǎn)是頁面結(jié)構(gòu)清晰、主次分明，是初學(xué)者最容易上手的布局方法。缺點(diǎn)是規(guī)矩呆板，如果細(xì)節(jié)色彩上不注意，很容易讓人看之無味。如圖1-2所示為網(wǎng)站采用“廠”字型布局。第16頁，課件共31頁，創(chuàng)作于2023年2月3）“框架”型布局 “框架”型布局一般有左右框架型、上下框架型、綜合框架型布局，一欄是導(dǎo)航欄目，一欄是正文信息。復(fù)雜的框架結(jié)構(gòu)可以將頁面分成許多部分，常見的是三欄布局，如圖1-3所示。上部一欄放置圖片廣告，左邊一欄顯示導(dǎo)航欄，右邊顯示正文信息內(nèi)容。

圖1-3框架型布局網(wǎng)頁 圖1-4封面型主頁4）“封面”型布局這種類型基本上是出現(xiàn)在一些網(wǎng)站的首頁，大部分為一些精美的平面設(shè)計(jì)結(jié)合一些小的動(dòng)畫，放上幾個(gè)簡單的鏈接或者僅是一個(gè)“進(jìn)入”的鏈接甚至直接在首頁的圖片上做鏈接而沒有任何提示。這種類型大部分出現(xiàn)在企業(yè)網(wǎng)站和個(gè)人主頁，如果說處理的好，會(huì)給人帶來賞心悅目的感覺。如圖1-4所示為封面型主頁。第17頁，課件共31頁，創(chuàng)作于2023年2月5）Flash型布局 其實(shí)這與封面型結(jié)構(gòu)是類似的，只是這種類型采用了目前非常游戲行的Flash，與封面型不同的是，由于Flash強(qiáng)大的功能，頁面所表達(dá)的信息更豐富，其視覺效果及聽覺效果如果處理得當(dāng)，絕不差于傳統(tǒng)的多媒體。如圖1-5所示為采用的Flash型網(wǎng)頁布局。圖1-5Flash型網(wǎng)頁布局第18頁，課件共31頁，創(chuàng)作于2023年2月

5、網(wǎng)頁中的文字設(shè)計(jì)

在確定網(wǎng)頁的版面布局后，還需要確定文本的樣式，如字體、字號(hào)和顏色等，還可以將文字圖形化。文本是人類重要的信息載體和交流工具，網(wǎng)頁中的信息也是以文本為主。1）文字的字體、字號(hào)、行距網(wǎng)頁中默認(rèn)的標(biāo)準(zhǔn)字體是中文“宋體”和英文“TheNewRoman”。如果在網(wǎng)頁中沒有設(shè)置任何字體，在瀏覽器中將以這兩種字體顯示。 字號(hào)大小可以用不同的方式來計(jì)算，如磅（point）或像素（pixel）。最適合于網(wǎng)頁正文顯示的字體大小為12磅左右，現(xiàn)在很多的綜合性站點(diǎn)，由于在一個(gè)頁面中需要安排的內(nèi)容較多，通常采用9磅的字號(hào)。較大的字體可用于標(biāo)題或其他需要強(qiáng)調(diào)的地方，小一些的字體可以用于頁腳和輔助信息。注意：小字號(hào)容易產(chǎn)生整體感和精致感，但可讀性較差。 字體選擇是一種感性、直觀的行為。但是，無論選擇什么字體，都要依據(jù)網(wǎng)頁的總體設(shè)想和瀏覽者的需要。在同一頁面中，字體種類少，版面雅致，有穩(wěn)定感；字體種類多，則版面活躍，豐富多彩。關(guān)鍵是如何根據(jù)頁面內(nèi)容來掌握這個(gè)比例關(guān)系。第19頁，課件共31頁，創(chuàng)作于2023年2月 行距的變化也會(huì)對(duì)文本的可讀性產(chǎn)生很大影響。一般情況下，接近字體尺寸的行距設(shè)置比較適合正文。行距的常規(guī)比例為10:12，即用字10點(diǎn)，則行距12點(diǎn)。 行距可以用行高（line-height）屬性來設(shè)置，建議以磅或默認(rèn)行高的百分?jǐn)?shù)為單位。例如：｛line-height：20pt｝、｛line-height：150%｝。2）文字的顏色 在網(wǎng)頁設(shè)計(jì)中可以為文字、文字鏈接、已訪問鏈接和當(dāng)前活動(dòng)鏈接選用各種顏色。如正常字體顏色為黑色，默認(rèn)的鏈接顏色為藍(lán)色，鼠標(biāo)點(diǎn)擊之后又變?yōu)樽霞t色。使用不同顏色的文字可以使想要強(qiáng)調(diào)的部分更加引人注目，但應(yīng)注意，對(duì)于文字的顏色，只可少量運(yùn)用，如果什么都想強(qiáng)調(diào)，其實(shí)是什么都沒有強(qiáng)調(diào)。況且，在一個(gè)頁面上運(yùn)用過多的顏色，會(huì)影響瀏覽者閱讀頁面內(nèi)容，除非你有特殊的設(shè)計(jì)目的。 另外需要注意的是文字顏色的對(duì)比度，它包括明度上的對(duì)比、純度上的對(duì)比以及冷暖的對(duì)比。這些不僅對(duì)文字的可讀性發(fā)生作用，更重要的是，可以通過對(duì)顏色的運(yùn)用實(shí)現(xiàn)想要的設(shè)計(jì)效果、設(shè)計(jì)情感和設(shè)計(jì)思想。第20頁，課件共31頁，創(chuàng)作于2023年2月3）文字的圖形化

所謂文字的圖形化，即把文字作為圖形元素來表現(xiàn)，同時(shí)又強(qiáng)化了原有的功能。作為網(wǎng)頁設(shè)計(jì)者，既可以按照常規(guī)的方式來設(shè)置字體，也可以對(duì)字體進(jìn)行藝術(shù)化的設(shè)計(jì)。無論怎樣，一切都應(yīng)圍繞如何更出色地實(shí)現(xiàn)自己的設(shè)計(jì)目標(biāo)。 將文字圖形化、意象化，以更富創(chuàng)意的形式表達(dá)出深層的設(shè)計(jì)思想，能夠克服網(wǎng)頁的單調(diào)與平淡，從而打動(dòng)人心。第21頁，課件共31頁，創(chuàng)作于2023年2月五、網(wǎng)站建設(shè)的基本流程

1、網(wǎng)站的需求分析 不論是簡單的個(gè)人主頁，還是復(fù)雜的、幾千個(gè)頁面的大型網(wǎng)站，對(duì)網(wǎng)站的需求分析都要放到第一步，因?yàn)樗苯雨P(guān)系到網(wǎng)站的功能是否完善，是否夠?qū)哟?，是否達(dá)到預(yù)期的目的等。1）確定主題 對(duì)于主題的選擇要注意以下三條原則。主題要小而精。主題不要太濫，目標(biāo)不要太高。對(duì)于個(gè)人網(wǎng)站來說題材最好是自己擅長或者喜愛的內(nèi)容。也就是說要找準(zhǔn)一個(gè)自己最感興趣的內(nèi)容，做深、做透，辦出自己的特色。2）確定瀏覽對(duì)象第22頁，課件共31頁，創(chuàng)作于2023年2月2、規(guī)劃站點(diǎn)結(jié)構(gòu)

網(wǎng)站規(guī)劃就是根據(jù)網(wǎng)站的需求分析，明確建設(shè)網(wǎng)站的目的，確定網(wǎng)站要實(shí)現(xiàn)的功能，由此對(duì)網(wǎng)站的內(nèi)容進(jìn)行設(shè)計(jì)，網(wǎng)站應(yīng)包含哪些欄目，哪些頁面等，同時(shí)還要對(duì)網(wǎng)站的目錄結(jié)構(gòu)進(jìn)行規(guī)劃。1）網(wǎng)站的規(guī)劃基本原則：明確建設(shè)網(wǎng)站的目的、進(jìn)行可行性分析、網(wǎng)站的內(nèi)容設(shè)計(jì)、網(wǎng)站的表現(xiàn)形式設(shè)計(jì)。2）確定網(wǎng)站的目錄結(jié)構(gòu)目錄結(jié)構(gòu)的好壞，對(duì)瀏覽者來說并沒有什么太大的感覺，但是對(duì)站點(diǎn)本身的上傳維護(hù)，以及以后內(nèi)容的擴(kuò)充和移植有著重要的影響。網(wǎng)站的目錄是指建立網(wǎng)站時(shí)創(chuàng)建的目錄。如在建立網(wǎng)站時(shí)都默認(rèn)建立了根目錄和images子目錄，下面是建立目錄結(jié)構(gòu)的建議： 不要將所有文件都存放在根目錄下；按欄目內(nèi)容建立子目錄；在每個(gè)主目錄下都建立獨(dú)立的images目錄；目錄的層次不要太深。第23頁，課件共31頁，創(chuàng)作于2023年2月3、收集素材

網(wǎng)站規(guī)劃好之后，就要?jiǎng)?chuàng)建和收集需要的資源了，包括圖片、文字、聲音、視頻、動(dòng)畫等，網(wǎng)站的資料來源主要有以下4個(gè)途徑。（1）客戶提供的資料。這是主要的資料來源。（2）書籍、報(bào)刊雜志。（3）另外一個(gè)好的方法是從網(wǎng)絡(luò)上收集，只要到雅虎、百度等搜索引擎上查找相應(yīng)的關(guān)鍵字，就可以找到很多的資料。（4）自己動(dòng)手設(shè)計(jì)制作。第24頁，課件共31頁，創(chuàng)作于2023年2月4、設(shè)計(jì)制作網(wǎng)站網(wǎng)頁

網(wǎng)站需求分析和素材收集完了以后，下面就開始正式設(shè)計(jì)和制作網(wǎng)頁了。設(shè)計(jì)網(wǎng)頁就是對(duì)頁面進(jìn)行布局的設(shè)計(jì)、色彩的搭配，協(xié)調(diào)文字、圖片、音樂、動(dòng)畫、視頻等頁面內(nèi)容。制作網(wǎng)頁就比較簡單，利用Dreamweaver，在網(wǎng)頁上插入文本段落、圖像、Flash動(dòng)畫、表、動(dòng)態(tài)HTML效果、聲音以及超級(jí)鏈接，這些都可以在很短的時(shí)間內(nèi)完成，當(dāng)然在制作過程中需要利用Photoshop等工具對(duì)一些素材進(jìn)行必要的處理。

第25頁，課件共31頁，創(chuàng)作于2023年2月5、開發(fā)動(dòng)態(tài)網(wǎng)站功能模塊

頁面設(shè)計(jì)制作完成后，如果還需要?jiǎng)討B(tài)功能的話，就需要開發(fā)動(dòng)態(tài)功能模塊，網(wǎng)站中常用的功能模塊有搜索功能、留言板、新聞信息發(fā)布系統(tǒng)等。1）搜索功能2）留言板3)新聞信息發(fā)布系統(tǒng)4)在線購物第26頁，課件共31頁，創(chuàng)作于2023年2月6、域名和服務(wù)器空間申請(qǐng) 要建立網(wǎng)站，自然要為它取一個(gè)域名。域名在整個(gè)世界范圍內(nèi)都是唯一的。怎樣知道一個(gè)域名是否被注冊(cè)？方法一是在InternetExplorer瀏覽器中輸入這個(gè)網(wǎng)址，如果能夠打開這個(gè)網(wǎng)站的頁面，就可以用了。更好的方法是到國際互聯(lián)網(wǎng)絡(luò)中心查詢頂級(jí)域名是否被注冊(cè)，或者到中國互聯(lián)網(wǎng)絡(luò)信息中心去查詢國內(nèi)域名是否被注冊(cè)，也可以去國內(nèi)的域名代理機(jī)構(gòu)申請(qǐng)。1）申請(qǐng)空間時(shí)注意的問題在選擇虛擬空間提供商之前，必須對(duì)網(wǎng)站有全面的認(rèn)識(shí)。首先應(yīng)該從內(nèi)容和定位來考慮未來的訪問量，訪問量應(yīng)該預(yù)計(jì)在一定的范圍內(nèi)，然后從訪問量來選擇需要的帶寬和服務(wù)商提供的主機(jī)配置。其次，是空間和服務(wù)的選擇，如果不是使用數(shù)據(jù)庫技術(shù)訪問的網(wǎng)站，空間在30M之內(nèi)應(yīng)該是夠用的，實(shí)際上如果網(wǎng)站不包含數(shù)據(jù)庫或者大型的圖庫。最后考慮的是服務(wù)商，從收費(fèi)和域名上選擇，盡量注冊(cè)國際域名，如果是國際域名已經(jīng)被人注冊(cè)了就用國內(nèi)的，但最好不要注冊(cè)中文或者是.biz、.cc之類，在普及和域名解釋上會(huì)部分問題。第27頁，課件共31頁，創(chuàng)作于2023年2月不少人在確定了自己的需要之后，在尋找提供滿足自己需要的服務(wù)商方面往往不知所措。網(wǎng)站首先要保證連接速度和穩(wěn)定性，在比較完服務(wù)商的價(jià)格后，最好去他們的一些客戶的網(wǎng)站上看看，通過他們的客戶的連接速度來觀察服務(wù)質(zhì)量，如果服務(wù)商服務(wù)質(zhì)量較差，不僅會(huì)在連接上比較慢，有時(shí)候還會(huì)經(jīng)常出現(xiàn)域名解釋上的錯(cuò)誤。在最后確定了一兩家服務(wù)商后，要做的事情就是如何和他們聯(lián)系了，可以直接打電話或者寫信來聯(lián)系，咨詢他們的服務(wù)條款、服務(wù)內(nèi)容，還可以在價(jià)格上討價(jià)還價(jià)，不推薦使用代理，因?yàn)?/p>