項(xiàng)目任務(wù)12熟悉網(wǎng)站建設(shè)的整體流程

1、子項(xiàng)目1 網(wǎng)站建設(shè)基礎(chǔ)知識與整體流程 項(xiàng)目任務(wù)1.2 熟悉網(wǎng)站建設(shè)的整體流程 了解網(wǎng)站建設(shè)基礎(chǔ)知識 熟悉網(wǎng)站建設(shè)的整體流程 網(wǎng)站建設(shè)是一個系統(tǒng)工程，有一定的基本 流程，必須遵循該設(shè)計步驟，才能設(shè)計出滿 意的網(wǎng)站。因此在建設(shè)網(wǎng)站之前，必須了解 整個網(wǎng)站建設(shè)的基本流程，才能制作出更好 、更合理的網(wǎng)站。 （1）了解熟悉網(wǎng)站建設(shè)整體流程的重要性。 （2）掌握網(wǎng)站建設(shè)流程的基本內(nèi)容。 一、網(wǎng)站前期策劃 1定位網(wǎng)站的主題 網(wǎng)站的名稱很重要，它是網(wǎng)站主題的概括和濃縮，決定著網(wǎng)站 是否更容易被人接受。 2收集整理資料 在做網(wǎng)頁之前，要盡可能多地收集與網(wǎng)站主題相關(guān)的素材（文字 、圖像、多媒體等），再去蕪存菁，取

2、其精華為我所用。 網(wǎng)站的名稱應(yīng)該簡短、有特色、容易記，最重要的，它 應(yīng)該能夠很好地概括你的網(wǎng)站主題。 一、網(wǎng)站前期策劃 3設(shè)計規(guī)劃網(wǎng)站結(jié)構(gòu)圖（網(wǎng)站導(dǎo)航設(shè)計） 網(wǎng)站結(jié)構(gòu)圖設(shè)計也就是網(wǎng)站欄目功能規(guī)劃，即確定網(wǎng)站要展示 的相關(guān)內(nèi)容，把要展現(xiàn)在網(wǎng)站上的信息體現(xiàn)出來。 一、網(wǎng)站前期策劃 4設(shè)計網(wǎng)站形象 i. 網(wǎng)站的標(biāo)志（Logo） ii. 網(wǎng)站的色彩搭配 iii.網(wǎng)站的標(biāo)準(zhǔn)字體 iv.網(wǎng)站的宣傳標(biāo)語 5設(shè)計網(wǎng)頁布局（版式風(fēng)格） 網(wǎng)頁的布局最能夠體現(xiàn)網(wǎng)站設(shè)計者的構(gòu)思，良好的網(wǎng)頁布局能 使訪問者身心愉悅，而布局不佳的頁面則可能使訪問者失去繼續(xù)瀏覽 的興趣而匆匆離去。所以，網(wǎng)頁布局也是網(wǎng)站設(shè)計中的關(guān)鍵因素。

3、二、制作裁切網(wǎng)站設(shè)計稿 首頁設(shè)計的方法是：先在紙上畫出首頁頁面布局圖，再利用圖片 處理軟件Photoshop設(shè)計制作首頁整體效果圖。其他頁面的設(shè)計和 首頁風(fēng)格保持一致，頁面設(shè)計美觀，要有返回首頁的鏈接等。 網(wǎng)頁的效果圖設(shè)計完之后，要把整圖裁切成小塊，加快網(wǎng)頁下載速度。 三、規(guī)劃與建立站點(diǎn) 設(shè)置站點(diǎn)的常規(guī)做法是在本地磁盤上創(chuàng)建一個包含站點(diǎn)所有文 件的文件夾（站點(diǎn)根文件夾），稱為本地站點(diǎn)。然后在該文件夾中再 創(chuàng)建若干個文件夾，分別命名為images、media、styles等。再將 各個文件分門別類地放到不同的文件夾下，這樣可以使整個站點(diǎn)結(jié)構(gòu) 看起來?xiàng)l理清晰，井然有序，使人們通過瀏覽站點(diǎn)的結(jié)構(gòu)，就

4、可知道 該站點(diǎn)大概內(nèi)容。 四、實(shí)現(xiàn)網(wǎng)頁結(jié)構(gòu) 使用HTML實(shí)現(xiàn)網(wǎng)頁布局，思考哪些對象要以網(wǎng)頁內(nèi)容的形式使 用HTML代碼來實(shí)現(xiàn)，內(nèi)容和格式的要分離。 五、使用CSS樣式美化首頁 可以有效地對頁面的布局、字體、顏色、背景和其它效果實(shí)現(xiàn) 更加精確的控制，可以調(diào)整字間距、行間距、取消鏈接的下劃線、固 定背景圖像等HTML標(biāo)記無法表現(xiàn)的效果。 六、創(chuàng)建并應(yīng)用網(wǎng)頁模板 模板的功能就是把網(wǎng)頁布局和內(nèi)容分離，在布局設(shè)計好之后將 其存儲為模板，這樣相同布局的頁面可以通過模板創(chuàng)建。對模板修改 更新時，所有采用了該模板的網(wǎng)頁文檔的固定區(qū)域都能同步更新，從 而達(dá)到整個站點(diǎn)風(fēng)格變化的迅速性和統(tǒng)一性。 七、測試與發(fā)布網(wǎng)站

5、 網(wǎng)站創(chuàng)建完畢，要發(fā)布到Web服務(wù)器上，才能夠讓全世界的人 瀏覽。在上傳之前要進(jìn)行細(xì)致周密的測試，以保證上傳之后訪問者能 正常瀏覽和使用。 八、更新與維護(hù)網(wǎng)站 一個好的網(wǎng)站，不僅僅是一次性制作完美就完成了，日后的更 新維護(hù)也是極其重要的。網(wǎng)站只有不斷地更新、管理和維護(hù)，才能留 住已有的訪問者并且吸引新的訪問者。 對于任何一個網(wǎng)站來說，如果要始終保持對訪問者足夠的吸引 力，定期進(jìn)行內(nèi)容的更新是唯一的途徑。 九、網(wǎng)站項(xiàng)目總結(jié) 網(wǎng)站建設(shè)在達(dá)到目標(biāo)后，需要進(jìn)行項(xiàng)目總結(jié)，對項(xiàng)目的成功、 效果及取得的教訓(xùn)進(jìn)行的分析、連同這些信息的存檔以備將來利用。 項(xiàng)目總結(jié)的目的和意義在于總結(jié)經(jīng)驗(yàn)教訓(xùn)、防止犯同樣的錯誤 、評估項(xiàng)目團(tuán)隊(duì)、為績效考核積累數(shù)據(jù)以及考察是否達(dá)到階段性目標(biāo) 等。 要想制作一個好的網(wǎng)站一定不能隨心所欲，要 有明確的設(shè)計思路。對于網(wǎng)頁設(shè)計者來說，在動手 制作網(wǎng)頁之前，應(yīng)對網(wǎng)頁設(shè)計的整體工作流程有一 個清晰的認(rèn)識，即站點(diǎn)主題要明確，網(wǎng)頁素材準(zhǔn)備 要充分，站點(diǎn)內(nèi)容和目錄結(jié)構(gòu)要規(guī)劃好，要本著由 面到點(diǎn)、由宏觀到細(xì)節(jié)的原則進(jìn)行設(shè)計。 個人階段匯報個人階段匯報1_與主題相關(guān)的網(wǎng)站分析與主題相關(guān)的網(wǎng)站分析 請根據(jù)自己的主題挑選一個網(wǎng)站，分別從：主題、色彩搭 配、網(wǎng)頁布局圖（首頁+子頁，共兩張網(wǎng)