在網(wǎng)頁設(shè)計中,網(wǎng)站設(shè)計網(wǎng)頁的優(yōu)化是較為重要的一個環(huán)節(jié)。它的成功與否會影響頁面的瀏覽速度和頁面的適應(yīng)性,影響觀者對網(wǎng)站的印象。
在資亞凹膏網(wǎng)站中,文字是頁面中更大的構(gòu)成元素,因此字體的優(yōu)化顯得尤為重要。使用css樣式表指定文字的樣式是必要的,通常我們將字體指定為宋體,大小指定為12px,顏色要視背景色而定,原則上以能看清且與整個頁面搭配和諧為準(zhǔn)。在白色的背景上,我們一般使用黑色,這樣不易產(chǎn)生視覺疲勞,能保證瀏覽者較長時間地瀏覽網(wǎng)頁。
圖片是網(wǎng)頁中的重要元素。圖片的優(yōu)化可以在保證瀏覽質(zhì)量的前提下將其size降至更低,這樣可以成倍地提高網(wǎng)頁的下載速度。利用Photoshop6或Fireworks4可以將圖片切成小塊,分別進行優(yōu)化。輸出的格式可以為gif或jpeg,要視具體情況而定。一般我們把有較為復(fù)雜顏色變化的小塊優(yōu)化為jpeg,而把那種只有單純色塊的卡通畫式的小塊優(yōu)化為gif,這是由這兩種格式的特點決定的。
表格(table)是頁面中的重要元素,是頁面排版的主要手段。我們可以設(shè)定表格的寬度、高度、邊框、背景色、對齊方式等參數(shù)。很多時候,我們將表格的邊框設(shè)為0,以此來定位頁面中的元素,或者籍此確定頁面中各元素的相對位置。我們知道:瀏覽器在讀取網(wǎng)頁html原代碼時,是讀完整個table才將它顯示出來的。如果一個大表格中含有多個子表格,必須等大表格讀完,才能將子表格一起顯示出來。我們在訪問一些站點時,等待多時無結(jié)果,按"停止"按鈕卻一下顯示出頁面就是這個原因。因此,我們在設(shè)計頁面表格的時候,應(yīng)該盡量避免將所有元素嵌套在一個表格里,而且表格嵌套層次盡量要少。在使用Dreamweaver制作網(wǎng)頁時,會自動在每一個td內(nèi)添加一個空字符“ ”。如果單元格內(nèi)沒有填充其它元素,這個空字符會保留,在指定td的寬度或高度后,可以在源代碼內(nèi)將其刪去。
網(wǎng)頁的適應(yīng)性是很重要的,在不同的系統(tǒng)上,不同的分辨率下,不同的瀏覽器上,我們將會看到不同的結(jié)果,因此設(shè)計時要統(tǒng)籌考慮。一般我們在800*600下制作網(wǎng)頁,更佳瀏覽效果也是在800*600分辨率下,在其它情況下只要保證基本一致,不出現(xiàn)較大問題即可。
說了這么多,只是希望能對做“網(wǎng)頁設(shè)計”的人有所幫助,希望他們在做網(wǎng)頁的時候能夠從整體著眼,無愧于“設(shè)計”這兩個字。
在頁面中圖片、文字位置前后疊壓,或位置疏密或頁面上、左、右、中、下位置所產(chǎn)生的視覺效果都各不相同。在網(wǎng)頁上,圖片、文字前后疊壓所構(gòu)成的空間層次目前還不多見,網(wǎng)上更多的是一些管理得比較規(guī)范化、簡明化的頁面,這種疊壓排列能產(chǎn)生強節(jié)奏的空間層次,視覺效果強烈。網(wǎng)頁上常見的是頁面上、左、右、下、中位置所產(chǎn)生的空間關(guān)系,以及疏密的位置關(guān)系所產(chǎn)生的空間層次,這兩種位置關(guān)系使視覺流程生動而清晰,視覺注目程度高。疏密的位置關(guān)系使產(chǎn)生的空間層次富有彈性,同時也讓人產(chǎn)生輕松或緊迫的心理感受。
需指出,隨著Web的普及和計算機技術(shù)的迅猛發(fā)展,人們對Web語言的要求也日益增長。人們已不滿足于HTML語言編制的二維Web頁面,三維世界的誘惑開始吸引更多的人,虛擬現(xiàn)實要在Web網(wǎng)上展示其迷人的風(fēng)采,于是VRML語言出現(xiàn)了。VRML是一種面向?qū)ο笠环N語言,它類似Web超級鏈接所使用的HTML語言,也是一種基于文本的語言,并可以運行在多種平臺之上,只不過能夠更多的為虛擬現(xiàn)實環(huán)境服務(wù)。VRML只是一種語言,對于三維環(huán)境的藝術(shù)管理仍需要理論和實踐指導(dǎo)。
網(wǎng)站設(shè)計網(wǎng)頁的優(yōu)化是較為重要的一個環(huán)節(jié),一點見解,望見笑。
查看更多寧波網(wǎng)站建設(shè)網(wǎng)站環(huán)節(jié)設(shè)計網(wǎng)頁