商業(yè)網(wǎng)站開發(fā)從入門到精通-教學(xué)第1章網(wǎng)頁(yè)設(shè)計(jì)的一般步驟

1、第1章 網(wǎng)頁(yè)設(shè)計(jì)的一般步驟 l在學(xué)習(xí)制作網(wǎng)頁(yè)的各種軟件之前，首先要了解網(wǎng)頁(yè)設(shè)計(jì)的一般步驟。這將有助于總體上把握網(wǎng)頁(yè)設(shè)計(jì)的流程。網(wǎng)頁(yè)設(shè)計(jì)的一般步驟包括：需求分析、制作頁(yè)面效果圖、切圖、制作靜態(tài)Web頁(yè)面、添加程序、發(fā)布Web站點(diǎn)、推廣和維護(hù)等幾個(gè)方面。下面將逐一對(duì)各個(gè)步驟進(jìn)行講解。 1.1 需求分析 l1InternetlInternet的中文名稱是“互聯(lián)網(wǎng)”或者“國(guó)際互聯(lián)網(wǎng)”。它來(lái)源于美國(guó)國(guó)防部高級(jí)研究計(jì)劃局DARPA（Defense Advanced Research Projects Agency）的前身ARPA建立的ARPAnet，是由各種不同類型和規(guī)模的計(jì)算機(jī)網(wǎng)絡(luò)（包括局域網(wǎng)、地域網(wǎng)，

2、以及大規(guī)模的廣域網(wǎng)等）構(gòu)成的全球范圍的計(jì)算機(jī)網(wǎng)絡(luò)。在Internet中的各個(gè)計(jì)算機(jī)之間，可以方便地交換信息。1.1 需求分析 l2域名l域名是用來(lái)標(biāo)識(shí)Internet上相應(yīng)資源的一個(gè)名稱。在Internet中有成千上萬(wàn)的計(jì)算機(jī)，為了標(biāo)識(shí)每臺(tái)計(jì)算機(jī)，為每臺(tái)計(jì)算機(jī)分配了一個(gè)地址，這個(gè)地址就叫做計(jì)算機(jī)的IP地址。IP地址是由二進(jìn)制數(shù)來(lái)表示的，長(zhǎng)32位。由于IP地址難于記憶和書寫，所以在Internet中使用一種字符型的地址來(lái)標(biāo)識(shí)各種資源，這個(gè)字符型的地址就叫做域名。1.1 需求分析 l3空間l空間是指用來(lái)存放制作好的網(wǎng)站的磁盤空間。在發(fā)布網(wǎng)站時(shí)，可以使用提供相應(yīng)服務(wù)的公司的空間，也可以使用自己計(jì)算機(jī)

3、上的空間。其區(qū)別在于穩(wěn)定性和速度存在著差異。l一般在提供網(wǎng)站建設(shè)服務(wù)的公司中，需求分析的部分會(huì)有相應(yīng)的人員負(fù)責(zé)，網(wǎng)頁(yè)設(shè)計(jì)人員只需要分析需求人員提供的文檔，并和需求人員具體溝通，即可完成這個(gè)部分工作。1.2 制作頁(yè)面效果圖l1制作效果圖的軟件l用來(lái)制作效果圖的軟件并沒有明確的規(guī)定，可以使用各種圖形制作和處理的軟件?，F(xiàn)在通常使用的軟件是Photoshop（關(guān)于使用Photoshop的內(nèi)容，將在后面的章節(jié)中詳細(xì)講解）和Fireworks。在制作效果圖時(shí)，使用的軟件對(duì)最終效果并沒有影響，所以一般只需要精通一種軟件即可。1.2 制作頁(yè)面效果圖l制作好的效果圖可以保存成各種格式，其中主要包括GIF格式、J

4、PEG格式、PNG格式等。各個(gè)圖片格式之間的區(qū)別，將在后面的章節(jié)中詳細(xì)講解。l下面是一個(gè)制作完成的效果圖的示例，其顯示效果如圖所示（關(guān)于該效果圖的詳細(xì)制作過程，將在后面的章節(jié)中詳細(xì)講解）。完成后的效果圖 1.3 制作Flash動(dòng)畫l在網(wǎng)頁(yè)中使用的多媒體內(nèi)容主要為Flash動(dòng)畫。因?yàn)镕lash動(dòng)畫內(nèi)容可以在頁(yè)面中直接使用（在瀏覽器中也可以屏蔽Flash動(dòng)畫內(nèi)容的顯示），而其他的多媒體內(nèi)容都需要在客戶端安裝相應(yīng)的播放器來(lái)支持。1.4 切圖l在制作靜態(tài)頁(yè)面之前，要對(duì)效果圖進(jìn)行切片。切片的目的是制作頁(yè)面中使用的修飾圖片。l對(duì)效果圖進(jìn)行切片，可以在Photoshop（或者與之相關(guān)聯(lián)的軟件ImageRea

5、dy）中進(jìn)行，也可以在Fireworks中進(jìn)行。下面是一個(gè)在Photoshop中切圖的示例，其顯示效果如圖所示。1.5 制作靜態(tài)Web頁(yè)面l靜態(tài)Web頁(yè)面是指使用HTML等語(yǔ)言制作的，不能和服務(wù)器進(jìn)行交互的頁(yè)面。制作靜態(tài)Web頁(yè)面，是為了使網(wǎng)頁(yè)制作的分工更加明確。l制作靜態(tài)頁(yè)面時(shí)，通常使用的軟件是Dreamweaver。制作的靜態(tài)頁(yè)面一般是HTML頁(yè)面，文件的后綴名為.html。制作完成后的HTML頁(yè)面，可以直接在IE等瀏覽器中查看其顯示效果。1.6 添加程序l添加程序的目的是使頁(yè)面能夠和服務(wù)器中的資源進(jìn)行交互，一般要涉及對(duì)數(shù)據(jù)庫(kù)的操作。添加程序后的頁(yè)面處理和顯示信息的效率會(huì)更高，更加容易維護(hù)

6、。l根據(jù)使用的程序語(yǔ)言不同，網(wǎng)頁(yè)中使用的程序可以分為ASP程序、ASP.NET程序、JSP程序、PHP程序等。使用不同的程序，對(duì)完成網(wǎng)頁(yè)的功能并不影響。1.7 發(fā)布Web站點(diǎn)l客戶對(duì)網(wǎng)頁(yè)的所有功能和頁(yè)面都確認(rèn)后，就可以正式發(fā)布制作好的站點(diǎn)了。發(fā)布站點(diǎn)的過程就是將本地的站點(diǎn)文件上傳到購(gòu)買或者設(shè)定的空間上去。通常使用FlashFXP等上傳下載軟件來(lái)完成。1.8 推廣和維護(hù)l網(wǎng)站的推廣和維護(hù)也是網(wǎng)站建設(shè)中相當(dāng)重要的部分。針對(duì)站點(diǎn)的性質(zhì)和不同的需求，推廣和維護(hù)的方法也不盡相同。其中推廣的方法包括百度、Google等搜索引擎上的推廣、相關(guān)論壇推廣、郵件推廣等。維護(hù)的情形要視站點(diǎn)的復(fù)雜程度和規(guī)模，指定專人或請(qǐng)制作站點(diǎn)的公司一并維護(hù)。1.9 專家總結(jié)l在具體學(xué)習(xí)網(wǎng)頁(yè)制作技巧之前，總體地了解站點(diǎn)的制作步驟，有助于了解使用軟件制作網(wǎng)頁(yè)在整個(gè)站點(diǎn)制作中的位置，同