第15章網(wǎng)頁設(shè)計與網(wǎng)站開發(fā)綜合實(shí)例

1、.15.1 制作前的工作15.2 制作過程15.3 網(wǎng)站的上傳和推廣.對于新手，在制作網(wǎng)頁的時候，喜歡邊做邊構(gòu)思，屬于想到哪里，做到哪里，對于網(wǎng)站建設(shè)缺乏整體的設(shè)計規(guī)劃，在網(wǎng)站的實(shí)現(xiàn)過程中，經(jīng)常不滿意制作效果，推翻了重做，浪費(fèi)了很多時間。建議按照以下流程去實(shí)現(xiàn)自己的網(wǎng)站，會起到事半功倍的效果。.1. 確定主題確定主題15.1.1 策劃網(wǎng)站策劃網(wǎng)站 要做一個網(wǎng)站，首先要確定主題。主題的選擇范圍很廣，只要網(wǎng)站的內(nèi)容不帶有反動、色情、封建迷信、詐騙等違法的內(nèi)容即可，班級主頁、個人主頁、主題網(wǎng)站等等均可，也可以由用戶提供。.2. 確定網(wǎng)站風(fēng)格確定網(wǎng)站風(fēng)格15.1.1 策劃網(wǎng)站策劃網(wǎng)站 按瀏覽人群和用戶

2、的需求制定?？词鼙娛莾和?，青少年和中老年人群等，可按其喜好定制，只有投其所好，才能獲得肯定和共鳴，另外還要考慮網(wǎng)站性質(zhì)，如電腦公司的高科技類與一個古色古香的茶館類的網(wǎng)站在風(fēng)格上就迥異不同，最后也是最重要的要本著實(shí)現(xiàn)用戶需求來確定風(fēng)格。.3. 確定網(wǎng)站色彩確定網(wǎng)站色彩15.1.1 策劃網(wǎng)站策劃網(wǎng)站 按風(fēng)格制定，注意色彩的調(diào)合和搭配，別忘了黑白灰是萬能色，和任何顏色都親密無間、和平相處。如幼兒園可使用兒童較喜歡的活潑亮麗的顏色，像草綠、大紅、碧色等，但過亮的顏色不宜大面積使用，因?yàn)榫W(wǎng)頁在電腦的屏幕上顯示時，瀏覽時間長了容易引起人視覺疲勞。另外像古典類的網(wǎng)站在用色上就可以使用帶有中國特色的栗色、灰黑

3、、大紅以及富貴象征的金黃色等。.4. 確定版式確定版式15.1.1 策劃網(wǎng)站策劃網(wǎng)站 以人性化的界面為主，方便瀏覽，一般人的瀏覽順序是由上至下、由左至右，所以重要的部分應(yīng)該在中部偏左上的地方，不要把最重要的內(nèi)容藏得深不見底，更不要只為了界面的美觀而令瀏覽者滿屏幕查找。.5. 確定網(wǎng)站的欄目確定網(wǎng)站的欄目15.1.1 策劃網(wǎng)站策劃網(wǎng)站 在策劃階段一定要確定具體有哪些欄目，千萬不要忽視了欄目的劃分，如果在這一步走不好，會導(dǎo)致你整個網(wǎng)站重頭再來。欄目在某一方面直接影響你的網(wǎng)站版式的劃分，所以在制作之前就應(yīng)該把欄目定好。.6. 繪制草圖繪制草圖15.1.1 策劃網(wǎng)站策劃網(wǎng)站 在腦海中形成具體影象后，最

4、好在紙上繪制出草圖，以便實(shí)現(xiàn)對整體和細(xì)節(jié)的把握。. 策劃好網(wǎng)站后，就要搜集和網(wǎng)站相關(guān)的資料了，資料越多越好，在實(shí)際應(yīng)用中可以有選擇。網(wǎng)站的資料來源有以下途徑：原創(chuàng)。對于網(wǎng)站的某些素材，有些必須要自己制作的，如網(wǎng)站的Banner，當(dāng)然制作可以是在某些素材上的改造設(shè)計。檔案 書籍等等?？梢酝ㄟ^檔案或書籍來獲取一些素材，這些素材可能需要掃描得來，但其重要性是無可替代的。網(wǎng)絡(luò)。通過查找網(wǎng)絡(luò)上的相關(guān)資源，尤其圖片、動畫等素材進(jìn)行修改使用。15.1.2 搜集網(wǎng)頁素材和資料搜集網(wǎng)頁素材和資料. 在制作前要確定使用的工具，本案例選用網(wǎng)頁三劍客軟件，當(dāng)然工具的選擇是因人而異的，選擇工具的原則就是能夠熟練使用它，

5、比如有的用戶對Photoshop使用起來得心應(yīng)手，那就沒有必要非得使用Fireworks來制作網(wǎng)頁。網(wǎng)頁三劍客是三款獨(dú)立的軟件，但彼此又有很緊密的關(guān)聯(lián)，也是稱其為網(wǎng)頁三劍客的原因，所以這三個軟件協(xié)同使用來實(shí)現(xiàn)網(wǎng)站，其優(yōu)點(diǎn)是其它軟件所不能及的。15.1.3 選擇制作工具選擇制作工具. 準(zhǔn)備工作完成后，就要進(jìn)入到網(wǎng)站的制作過程中，制作過程包括站點(diǎn)的建立、頁面的設(shè)計、素材的制作等等有關(guān)的所有制作。15.2.1 建立站點(diǎn)15.2.2 使用Dreamweaver對網(wǎng)頁進(jìn)行布局15.2.3 利用Fireworks制作網(wǎng)站的Banner15.2.4 使用Flash制作動畫15.2.5 網(wǎng)站的制作、整合、完成

6、. 網(wǎng)站制作完成后，只能在本機(jī)進(jìn)行瀏覽，如果想讓所有的網(wǎng)民都能看到你的網(wǎng)站，需要將網(wǎng)站上傳到網(wǎng)絡(luò)上的Web服務(wù)器上。Web服務(wù)器通常有相應(yīng)的公司提供，需要收取一定的年費(fèi)，或者局域網(wǎng)內(nèi)由自己來架設(shè)Web服務(wù)器，或者校園網(wǎng)的相關(guān)部門，如網(wǎng)絡(luò)中心，也可以提供Web服務(wù)器。根據(jù)情況選擇聯(lián)系Web服務(wù)器供應(yīng)者，這樣可以獲得一定大小的主頁空間，并且獲得該空間的管理權(quán)限，Web服務(wù)器提供者會提供一個帳號和口令讓你通過FTP來進(jìn)行該主頁空間的管理。如果你申請了該空間的域名服務(wù)，Web服務(wù)提供者還會給你一個域名，用以實(shí)現(xiàn)你的網(wǎng)站的訪問，例如，如果你申請了這樣的域名，并且得到提供，你在瀏覽器的地址欄就可以輸入http:/ 來訪問你的網(wǎng)站了。