靜態(tài)網(wǎng)頁設(shè)計的流程是什么?如果你也想需要完成相關(guān)的工作的話,那么,接下來我們?yōu)楦魑慌笥褌兎窒淼膬?nèi)容,可以很好的幫助大家完成這個任務(wù),還等什么呢?讓我們共同來探索下吧。
一、靜態(tài)網(wǎng)頁
在網(wǎng)站設(shè)計中,純粹HTML(標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用)格式的網(wǎng)頁通常被稱為"靜態(tài)網(wǎng)頁",靜態(tài)網(wǎng)頁是標(biāo)準(zhǔn)的HTML文件,它的文件擴(kuò)展名是.htm、.html,可以包含文本、圖像、聲音、FLASH動畫、客戶端腳本和ActiveX控件及JAVA小程序等。靜態(tài)網(wǎng)頁是網(wǎng)站建設(shè)的基礎(chǔ),早期的網(wǎng)站一般都是由靜態(tài)網(wǎng)頁制作的。靜態(tài)網(wǎng)頁是相對于動態(tài)網(wǎng)頁而言,是指沒有后臺數(shù)據(jù)庫、不含程序和不可交互的網(wǎng)頁。靜態(tài)網(wǎng)頁相對更新起來比較麻煩,適用于一般更新較少的展示型網(wǎng)站。容易誤解的是靜態(tài)頁面都是htm這類頁面,實際上靜態(tài)也不是完全靜態(tài),他也可以出現(xiàn)各種動態(tài)的效果,如GIF格式的動畫、FLASH、滾動字幕等。

(圖片來自網(wǎng)絡(luò))
二、靜態(tài)網(wǎng)頁設(shè)計的流程
用DW軟件,打開-插入-表格-(這里您已經(jīng)有了要作一個什么樣網(wǎng)頁的大致想法)幾行,幾列。寬度要在1000為好,這樣下面就會出現(xiàn)一個導(dǎo)航條,邊界設(shè)置為0。如:插入表格為1行3列-確定。在用鼠標(biāo)點擊第一空格,插入-圖片,尋找您要插入圖片的位置,確定(或保存),然后在用鼠標(biāo)點擊第二個空格,插入。以此類推。然后再用鼠標(biāo)點擊您剛才插入表格的下沿。重復(fù)您剛才的動作——插入-表格。幾行幾列要根據(jù)您對頁面的構(gòu)思而定。如果要在空格里插入文章,一定要把文章的格式轉(zhuǎn)換成純Word文檔,后綴為.doc。
三、好的網(wǎng)頁設(shè)計師需要注意什么
1、內(nèi)容和功能決定表現(xiàn)形式和界面設(shè)計
常常拿到的任務(wù)是一張小紙條,上面兩句話,叫你去做一個網(wǎng)站設(shè)計。有的人看看紙條就去設(shè)計頁面了,憑兩句話,你就可以為客戶做一個頁面設(shè)計。
2、界面弱化
一個好的界面設(shè)計它的界面是弱化的,它突出的是功能,著重體現(xiàn)的是網(wǎng)站業(yè)提供給使用者主要是什么。這就涉及到瀏覽順序、功能分區(qū)等等。
要讓訪客在0.5秒內(nèi)就能把握網(wǎng)站的行業(yè)性質(zhì),1秒內(nèi)就知道該從哪個地方開始使用這個網(wǎng)站,能點一次的,絕不點第二次。當(dāng)然上面說的是大多數(shù)功能性網(wǎng)站,對于宣傳展示性網(wǎng)站,諸如加特效的或Flash網(wǎng)站,可能就不得不花哨一些,但不能太過分。網(wǎng)站不是動畫片,在效率越來越高,社會心理越來越浮躁的中國,人們的耐心越來越小,心理承受能力越來越低。效果可以體現(xiàn)意境,點到為止。
3、模塊化和可修改性強(qiáng)
模塊化不僅可以提高重用性,也能統(tǒng)一網(wǎng)站風(fēng)格,還可以降低程序開發(fā)的強(qiáng)度。這里就涉及一些尺寸、模數(shù)、寬容度、命名規(guī)范等等知識了,不再冗述。
無論是架構(gòu)還是模塊或圖片,都要考慮可修改性強(qiáng)。舉個簡單的例子,圖標(biāo)、按鈕等,很多人喜歡制作圖片,N個按鈕就是N張圖片。如果只做3-5類按鈕的背景圖片,然后用在網(wǎng)頁代碼里打上文字,那么修改起來就簡單了,讓程序員自己改字就可以了。然而網(wǎng)頁顯示的字體是帶有鋸齒的,一般既能清晰又保證美觀的字體字號有幾類:
宋體12px | 宋體 12px 粗體 | 宋體 14px | 宋體 14px 粗體 | 黑體 20px | verdana 9px | Arial Black 12px+ |。
4、分析能力遠(yuǎn)比創(chuàng)意來的重要
設(shè)計界動輒就大談什么“創(chuàng)意”,還沒有搞清目的意義內(nèi)容,還沒在技術(shù)制作上臻于完善的基礎(chǔ)上,用創(chuàng)意和特效來迷惑客戶和訪客是可恥的。一個網(wǎng)頁設(shè)計者的分析能力遠(yuǎn)比創(chuàng)意來的重要。

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


在微信中搜索faceui