在進(jìn)行網(wǎng)站建設(shè)過(guò)程當(dāng)中,對(duì)于網(wǎng)頁(yè)的優(yōu)化是一個(gè)很重要的環(huán)節(jié),頁(yè)面的友好設(shè)計(jì)可能會(huì)直接影響到頁(yè)面的瀏覽速度和適應(yīng)性,影響網(wǎng)站在用戶(hù)心中的印象。
一般的資訊類(lèi)的網(wǎng)站中,文字在頁(yè)面中是占據(jù)很大的空間和版面,所以這時(shí)候字體就顯得很重要了。再使用css樣式的時(shí)候有必要指定下文字的樣式,我們平常用的字體一般都是宋體,大小的話(huà)一般來(lái)說(shuō)都是12px,字體顏色一般也都是黑色為主,不過(guò)這也要根據(jù)背景來(lái)決定,我們要首先要考慮就是字體要能看清楚,再者就是和頁(yè)面顏色的整體搭配要讓人舒服。字體一般都是選擇黑色,不要太花哨,這樣顯得不專(zhuān)業(yè),黑色不容易讓人產(chǎn)生視覺(jué)疲勞,可以使用戶(hù)較長(zhǎng)時(shí)間瀏覽網(wǎng)頁(yè)。
圖片也是網(wǎng)頁(yè)中不可或缺的一個(gè)元素,對(duì)于圖片的優(yōu)化我們首先要保證瀏覽的質(zhì)量在考慮將其尺寸降低,這樣可以提高網(wǎng)頁(yè)的下載速度,我們可以利用一些修圖工具來(lái)將圖片切成小塊分別進(jìn)行優(yōu)化。一般輸出的格式為gif或jpeg,這個(gè)是要看情況的,一般我們可以把比較復(fù)雜的顏色變化的圖片優(yōu)化為jpeg,只有單純色塊的卡通畫(huà)的小塊優(yōu)化為gif,這個(gè)需要我們根據(jù)不同的格式特點(diǎn)來(lái)決定。
網(wǎng)站的表格也是頁(yè)面布局的重要元素,也是頁(yè)面進(jìn)行排版的重要手段。我們可以根據(jù)網(wǎng)頁(yè)的布局來(lái)設(shè)置表格的寬度和高度、邊框、背景色、對(duì)齊方式等等。很多時(shí)候我們會(huì)將表格的邊框設(shè)置為0,來(lái)定位頁(yè)面的其他元素,或者根據(jù)這個(gè)來(lái)確定頁(yè)面中各個(gè)元素的相對(duì)位置,我們都知道,:瀏覽器在讀取網(wǎng)頁(yè)的html代碼時(shí),是讀完整個(gè)table才將它顯示出來(lái)的,如果一個(gè)大的表格包含有很多的子表格,一般是先把大表格讀完,才會(huì)去讀子表格顯示出來(lái)。我們?cè)谠L問(wèn)一個(gè)站點(diǎn)的過(guò)程時(shí),如果沒(méi)有結(jié)果的話(huà)肯定會(huì)按停止按鈕卻會(huì)顯示出頁(yè)面。
我們?cè)谶M(jìn)行表格設(shè)計(jì)的過(guò)程要盡量避免將所有的元素嵌套在一個(gè)表格里面,需要注意的是表格之間的嵌套層次要盡量的少,在使用Dreamweaver進(jìn)行網(wǎng)頁(yè)制作的過(guò)程中會(huì)自動(dòng)在每個(gè)td內(nèi)添加一個(gè)空的字符,如果單元格里面沒(méi)有填充其他的元素,那么這個(gè)空字符會(huì)被保留下來(lái),在指定的td的寬度或者高度后可以在源代碼內(nèi)進(jìn)行刪除。
網(wǎng)頁(yè)的適應(yīng)性是很重要的,在不同的系統(tǒng)上,不同分辨率下都將會(huì)呈現(xiàn)不一樣的效果,所以我們?cè)谶M(jìn)行設(shè)計(jì)的時(shí)候要綜合考慮,一般我們?cè)谠?00*600下制作網(wǎng),佳效果也是這樣的分辨率,在其他情況下保持基本一致,應(yīng)該也沒(méi)有什么問(wèn)題。我們?cè)谶M(jìn)行整個(gè)網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中要從整體出發(fā),綜合考慮,這樣設(shè)計(jì)出來(lái)的網(wǎng)頁(yè)才是一個(gè)成功的網(wǎng)頁(yè)。
咨詢(xún)熱線
13683819778聯(lián)系電話(huà)
微信掃一掃