靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)的流程是什么？如果你也想需要完成相關(guān)的工作的話，那么，接下來(lái)我們?yōu)楦魑慌笥褌兎窒淼膬?nèi)容，可以很好的幫助大家完成這個(gè)任務(wù)，還等什么呢？讓我們共同來(lái)探索下吧。

　　一、靜態(tài)網(wǎng)頁(yè)

　　在網(wǎng)站設(shè)計(jì)中，純粹HTML(標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用)格式的網(wǎng)頁(yè)通常被稱為"靜態(tài)網(wǎng)頁(yè)"，靜態(tài)網(wǎng)頁(yè)是標(biāo)準(zhǔn)的HTML文件，它的文件擴(kuò)展名是.htm、.html，可以包含文本、圖像、聲音、FLASH動(dòng)畫、客戶端腳本和ActiveX控件及JAVA小程序等。靜態(tài)網(wǎng)頁(yè)是網(wǎng)站建設(shè)的基礎(chǔ)，早期的網(wǎng)站一般都是由靜態(tài)網(wǎng)頁(yè)制作的。靜態(tài)網(wǎng)頁(yè)是相對(duì)于動(dòng)態(tài)網(wǎng)頁(yè)而言，是指沒(méi)有后臺(tái)數(shù)據(jù)庫(kù)、不含程序和不可交互的網(wǎng)頁(yè)。靜態(tài)網(wǎng)頁(yè)相對(duì)更新起來(lái)比較麻煩，適用于一般更新較少的展示型網(wǎng)站。容易誤解的是靜態(tài)頁(yè)面都是htm這類頁(yè)面，實(shí)際上靜態(tài)也不是完全靜態(tài)，他也可以出現(xiàn)各種動(dòng)態(tài)的效果，如GIF格式的動(dòng)畫、FLASH、滾動(dòng)字幕等。

　?。▓D片來(lái)自網(wǎng)絡(luò)）

　　二、靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)的流程

　　用DW軟件，打開-插入-表格-(這里您已經(jīng)有了要作一個(gè)什么樣網(wǎng)頁(yè)的大致想法)幾行，幾列。寬度要在1000為好，這樣下面就會(huì)出現(xiàn)一個(gè)導(dǎo)航條，邊界設(shè)置為0。如：插入表格為1行3列-確定。在用鼠標(biāo)點(diǎn)擊第一空格，插入-圖片，尋找您要插入圖片的位置，確定(或保存)，然后在用鼠標(biāo)點(diǎn)擊第二個(gè)空格，插入。以此類推。然后再用鼠標(biāo)點(diǎn)擊您剛才插入表格的下沿。重復(fù)您剛才的動(dòng)作——插入-表格。幾行幾列要根據(jù)您對(duì)頁(yè)面的構(gòu)思而定。如果要在空格里插入文章，一定要把文章的格式轉(zhuǎn)換成純Word文檔，后綴為.doc。

　　三、好的網(wǎng)頁(yè)設(shè)計(jì)師需要注意什么

　　1、內(nèi)容和功能決定表現(xiàn)形式和界面設(shè)計(jì)

　　常常拿到的任務(wù)是一張小紙條，上面兩句話，叫你去做一個(gè)網(wǎng)站設(shè)計(jì)。有的人看看紙條就去設(shè)計(jì)頁(yè)面了，憑兩句話，你就可以為客戶做一個(gè)頁(yè)面設(shè)計(jì)。

　　2、界面弱化

　　一個(gè)好的界面設(shè)計(jì)它的界面是弱化的，它突出的是功能，著重體現(xiàn)的是網(wǎng)站業(yè)提供給使用者主要是什么。這就涉及到瀏覽順序、功能分區(qū)等等。

　　要讓訪客在0.5秒內(nèi)就能把握網(wǎng)站的行業(yè)性質(zhì)，1秒內(nèi)就知道該從哪個(gè)地方開始使用這個(gè)網(wǎng)站，能點(diǎn)一次的，絕不點(diǎn)第二次。當(dāng)然上面說(shuō)的是大多數(shù)功能性網(wǎng)站，對(duì)于宣傳展示性網(wǎng)站，諸如加特效的或Flash網(wǎng)站，可能就不得不花哨一些，但不能太過(guò)分。網(wǎng)站不是動(dòng)畫片，在效率越來(lái)越高，社會(huì)心理越來(lái)越浮躁的中國(guó)，人們的耐心越來(lái)越小，心理承受能力越來(lái)越低。效果可以體現(xiàn)意境，點(diǎn)到為止。

　　3、模塊化和可修改性強(qiáng)

　　模塊化不僅可以提高重用性，也能統(tǒng)一網(wǎng)站風(fēng)格，還可以降低程序開發(fā)的強(qiáng)度。這里就涉及一些尺寸、模數(shù)、寬容度、命名規(guī)范等等知識(shí)了，不再冗述。

　　無(wú)論是架構(gòu)還是模塊或圖片，都要考慮可修改性強(qiáng)。舉個(gè)簡(jiǎn)單的例子，圖標(biāo)、按鈕等，很多人喜歡制作圖片，N個(gè)按鈕就是N張圖片。如果只做3-5類按鈕的背景圖片，然后用在網(wǎng)頁(yè)代碼里打上文字，那么修改起來(lái)就簡(jiǎn)單了，讓程序員自己改字就可以了。然而網(wǎng)頁(yè)顯示的字體是帶有鋸齒的，一般既能清晰又保證美觀的字體字號(hào)有幾類：

　　宋體12px | 宋體 12px 粗體 | 宋體 14px | 宋體 14px 粗體 | 黑體 20px | verdana 9px | Arial Black 12px+ |。

　　4、分析能力遠(yuǎn)比創(chuàng)意來(lái)的重要

　　設(shè)計(jì)界動(dòng)輒就大談什么“創(chuàng)意”，還沒(méi)有搞清目的意義內(nèi)容，還沒(méi)在技術(shù)制作上臻于完善的基礎(chǔ)上，用創(chuàng)意和特效來(lái)迷惑客戶和訪客是可恥的。一個(gè)網(wǎng)頁(yè)設(shè)計(jì)者的分析能力遠(yuǎn)比創(chuàng)意來(lái)的重要。

　　（圖片來(lái)自網(wǎng)絡(luò)）

　　靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)的流程是什么？想必我們已經(jīng)在上文為大家進(jìn)行了全面的介紹了。希望大家看完之后，可以運(yùn)用到自己的實(shí)踐中。