包括網(wǎng)站的選題,內(nèi)容采集整理,圖片的處理,頁(yè)面的排版設(shè)置,背景及其整套網(wǎng)頁(yè)的色調(diào)等。
1.網(wǎng)站定位
在網(wǎng)站制作前,首先要給網(wǎng)站一個(gè)準(zhǔn)確的定位,在屬于宣傳自己產(chǎn)品的一個(gè)窗口,還是用來(lái)提供商務(wù)服務(wù)或者提供資訊服務(wù)性質(zhì)的網(wǎng)站,從而確定主題與設(shè)計(jì)風(fēng)格,名稱要切題,題材要專而精,并且要兼顧商家和客戶的利益。在主頁(yè)中標(biāo)題起著很重要的作用,它在很大程度上決定了整個(gè)網(wǎng)站的定位。一個(gè)好的標(biāo)題必須有概括性、簡(jiǎn)短、有特色且容易記,還要符合自己主頁(yè)的主題和風(fēng)格
2.網(wǎng)站規(guī)劃
在網(wǎng)站制作之前,需要先畫出網(wǎng)站結(jié)構(gòu)圖,其中包括網(wǎng)站欄目、結(jié)構(gòu)層次、連接內(nèi)容。首頁(yè)中的各功能按鈕、內(nèi)容要點(diǎn)、友情連接等都要體現(xiàn)出來(lái),一定要切題,并突出重點(diǎn),同時(shí)在首頁(yè)上應(yīng)把大段的文字換成標(biāo)題性的、吸引人的文字,將單項(xiàng)內(nèi)容交給分支頁(yè)面去表達(dá),這樣才顯得頁(yè)面精煉。也就是說(shuō),首先要讓訪問(wèn)者一眼就能了解這個(gè)網(wǎng)站都能提供什么信息,使訪問(wèn)者有一個(gè)基本的認(rèn)識(shí),并且有繼續(xù)看下去的興趣。并且要細(xì)心周全,不要遺漏內(nèi)容,還要為擴(kuò)容留出空間。分支頁(yè)面內(nèi)容要相對(duì)前幾立,切忌重復(fù),導(dǎo)航功能要好。網(wǎng)頁(yè)文件命名開頭不能使用運(yùn)算符、中文字等,分支頁(yè)面的文件存放于自己?jiǎn)吻皫椎奈募A中,圖形文件存放于單前幾的圖形文件夾中,漢語(yǔ)拼音、英文縮寫、英文原義均可用來(lái)命名網(wǎng)頁(yè)文件。在使用英文字母時(shí),同時(shí)要區(qū)分文件的大小寫,建議在構(gòu)建的站點(diǎn)中,全部使用小寫的文件名稱。
3.內(nèi)容的采集
采集內(nèi)容必須與標(biāo)題相符,在采集內(nèi)容的過(guò)程中,應(yīng)注重特色。主頁(yè)中的特色應(yīng)該突出自己的個(gè)性,并把內(nèi)容按類別進(jìn)行分類,設(shè)置欄目,讓人一目了然,欄目不要設(shè)置太多,更好不要超過(guò)10個(gè),層次上更好少于5層,而重點(diǎn)欄目更好能直接從首頁(yè)到達(dá),保證用各種瀏覽器都能看到主頁(yè)更好的效果。
4.主頁(yè)設(shè)計(jì)
主頁(yè)設(shè)計(jì)包括創(chuàng)意設(shè)計(jì)-結(jié)構(gòu)設(shè)計(jì)-色彩調(diào)配和布局設(shè)計(jì)。創(chuàng)意設(shè)計(jì)來(lái)自設(shè)計(jì)者的靈感和平時(shí)經(jīng)驗(yàn)的積累。結(jié)構(gòu)設(shè)計(jì)源自網(wǎng)站結(jié)構(gòu)圖。在主頁(yè)設(shè)計(jì)時(shí)應(yīng)考慮到:“標(biāo)題”要有概括性和特色,符合自己設(shè)計(jì)時(shí)的主題和風(fēng)格;“文字”的組織應(yīng)有自己的特色,努力把自己的思想體現(xiàn)出來(lái);“圖片”適當(dāng)?shù)夭迦刖W(wǎng)頁(yè)中可以起到畫龍點(diǎn)睛的作用;“文字”與“背景”的合理搭配,可以使文字更加醒目和突出,使瀏覽者更加樂(lè)于閱讀和瀏覽,而不適當(dāng)?shù)拇钆洌瑫?huì)使文字淹沒(méi)于背景之中,使網(wǎng)頁(yè)顯得單調(diào),給人乏味的感覺(jué)。整個(gè)頁(yè)面的色彩在選擇上一定要統(tǒng)一,特別是在背景色調(diào)的搭配上一定不能有強(qiáng)烈的對(duì)比,背景的作用主要在于統(tǒng)一整個(gè)頁(yè)面的風(fēng)格,對(duì)視覺(jué)的主體起一定的襯托和協(xié)調(diào)作用。
5.圖片
主頁(yè)不能只用文字,必須在主頁(yè)上適當(dāng)?shù)靥砑右恍﹫D片,增加可看性,當(dāng)然處理得不好的以及無(wú)關(guān)緊要的圖片更好不要放上去,否則讓人覺(jué)得是累贅,同時(shí)也影響網(wǎng)頁(yè)的傳輸速度。圖片不僅要好看,還要在保證圖片質(zhì)量的情況下盡量縮小圖片的大小(即字節(jié)數(shù)),在目前網(wǎng)絡(luò)傳輸速度不是很快的情況下,圖片的大小在很大程度上影響了網(wǎng)頁(yè)的傳輸速度。小圖片(100?40)一般可以控制在6KB以內(nèi),動(dòng)畫控制在15KB以內(nèi),較大的圖片可以“分割”成小圖片。一般來(lái)說(shuō),圖片顏色較少、色調(diào)平板均勻以及顏色在256色以內(nèi)的更好把它處理成gif圖像格式,如果是一些色彩比較豐富的圖片,如掃描的照片,更好把它處理成jpg圖像格式,因?yàn)間if和jpg圖像格式各有各的壓縮優(yōu)勢(shì),應(yīng)根據(jù)具體的圖片來(lái)選擇壓縮比。另外,網(wǎng)頁(yè)中更好對(duì)圖片添加注解,當(dāng)圖片的下載速度較慢,在沒(méi)有顯示出來(lái)時(shí)注解有助于讓瀏覽者知道這是關(guān)于什么的圖片,是否需要等待,是否可以單擊,特別考慮到純文本瀏覽者瀏覽的方便,很有必要為圖片添加一個(gè)注解。這是一個(gè)小地方,卻能體現(xiàn)一個(gè)網(wǎng)頁(yè)的制作水準(zhǔn)。
6.網(wǎng)頁(yè)排版
要靈活運(yùn)用表格、層、幀、CSS樣式表來(lái)設(shè)置網(wǎng)頁(yè)的版面。網(wǎng)頁(yè)頁(yè)面整體的排版設(shè)計(jì)是不可忽略的,它很重要的一個(gè)原則是合理地運(yùn)用空間,讓自己的網(wǎng)頁(yè)疏密有致,井井有條,留下必要的空白,讓人覺(jué)得很輕松。不要把整個(gè)網(wǎng)頁(yè)都填得密密實(shí)實(shí),沒(méi)有一點(diǎn)空隙,這樣會(huì)給人一種壓抑感。為保持網(wǎng)站的整體風(fēng)格,開始制作時(shí)千萬(wàn)不要許多頁(yè)面一起制作。許多新手會(huì)及不可待地將收集到的各種資料填入各個(gè)頁(yè)面。轉(zhuǎn)眼間首頁(yè)制作完成,可等想要修改一些頁(yè)面元素時(shí),卻發(fā)現(xiàn)一頁(yè)一頁(yè)改得好辛苦。建議先制作有代表性的一頁(yè),將頁(yè)面的結(jié)構(gòu)、圖片的位置、鏈接的方式統(tǒng)統(tǒng)設(shè)計(jì)周全,例如:返回首頁(yè)的鏈接、E-mail地址、版權(quán)信息等,然后復(fù)制出許多相同的頁(yè)面,再將相應(yīng)的內(nèi)容進(jìn)行填寫。這樣制作的主頁(yè),不但速度快,而且整體性強(qiáng)。
7.背景
網(wǎng)頁(yè)的背景并不一定要用白色,選用的背景應(yīng)該和整套頁(yè)面的色調(diào)相協(xié)調(diào)。合理地應(yīng)用色彩是非常關(guān)鍵的,根據(jù)心理學(xué)家的研究,色彩更能引起人們奇特的想象,更能撥動(dòng)感情的琴弦。比如說(shuō)做的主頁(yè)是屬于感情類的,那更好選用一些玫瑰色、紫色之類的比較淡雅的色彩,而不要用黑色、深藍(lán)色這類比較灰暗的色彩。黑色是所有色彩的集合體,黑色比較深沉,它能壓抑其他色彩,在圖案設(shè)計(jì)中黑色經(jīng)常用來(lái)勾邊或點(diǎn)綴更深沉的部位,黑色在運(yùn)用時(shí)必須小心,否則會(huì)使圖案因“黑色太重”而顯得沉悶陰暗。
8.其他
如果想讓網(wǎng)頁(yè)更有特色,可適當(dāng)?shù)剡\(yùn)用一些網(wǎng)站制作的技巧,諸如聲音、動(dòng)態(tài)網(wǎng)頁(yè)、Java、Applet等,當(dāng)然這些小技巧更好不要運(yùn)用太多,它會(huì)影響網(wǎng)頁(yè)的下載速度。另外可考慮主頁(yè)站點(diǎn)的速度和穩(wěn)定性,不妨考慮建立一兩個(gè)鏡像站點(diǎn),這樣不僅能照顧到不同地區(qū)網(wǎng)友對(duì)速度的要求,還能作好備份,以防萬(wàn)一。等主頁(yè)做得差不多了,可在上面添加一個(gè)留言板、一個(gè)計(jì)數(shù)器。前者能讓你及時(shí)獲得瀏覽者的意見(jiàn)和建議,及時(shí)得到網(wǎng)友反饋的信息,更好能做到有問(wèn)必答,用行動(dòng)去贏得更多的瀏覽者;后者能讓你知道主頁(yè)瀏覽者的統(tǒng)計(jì)數(shù)據(jù),你可以及時(shí)調(diào)整你的設(shè)計(jì),適應(yīng)不同的瀏覽器和瀏覽者的要求。
網(wǎng)站制作基礎(chǔ),希望對(duì)您有參考價(jià)值。
查看更多寧波網(wǎng)站制作網(wǎng)站制作基礎(chǔ)