中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

制作網(wǎng)頁的注意事項(xiàng)(一)

2016-11-09    分類: 網(wǎng)站建設(shè)

每個(gè)網(wǎng)站的設(shè)計(jì)者都希望自己所設(shè)計(jì)的網(wǎng)頁能讓瀏覽者一見傾心,為實(shí)現(xiàn)這一目標(biāo),在進(jìn)行網(wǎng)頁設(shè)計(jì)時(shí)設(shè)計(jì)者常有追求盡善盡美的傾向。因此將網(wǎng)頁設(shè)計(jì)得異常復(fù)雜,并使用大量的圖片和動(dòng)畫,以期對(duì)瀏覽者產(chǎn)生感染力。這雖然無可非議,但網(wǎng)站設(shè)計(jì)的最終目的不是孤芳自賞,而是以滿足瀏覽者訪問需求為最終目的。對(duì)瀏覽者而言,他們希望網(wǎng)站提供精美內(nèi)容的同時(shí),首先必須保證一定的訪問速度,否則即使網(wǎng)站內(nèi)容精彩絕倫,但卻千呼萬喚始出來,同樣會(huì)使瀏覽者因無法忍受漫長(zhǎng)的等待而棄之。

就目前國(guó)內(nèi)網(wǎng)絡(luò)現(xiàn)狀來看,網(wǎng)絡(luò)帶寬仍是瓶頸,擁塞現(xiàn)象非常嚴(yán)重。低帶寬依然是網(wǎng)站設(shè)計(jì)時(shí)必須正視的現(xiàn)實(shí)(除非您所設(shè)計(jì)的網(wǎng)站只在單位內(nèi)部的局域網(wǎng)中使用),因此如何使自己的網(wǎng)站適應(yīng)低帶寬網(wǎng)絡(luò)環(huán)境成為不少網(wǎng)站設(shè)計(jì)者面臨的主要挑戰(zhàn)。從技術(shù)角度而言,若想使自己的網(wǎng)站在低帶寬環(huán)境下同樣有出色的表現(xiàn),無外乎是在不影響網(wǎng)站功能的前提下,盡量減少帶寬消耗因素,讓瀏覽者能夠得到較為理想的訪問速度。

1.減小圖片尺寸

圖片可能是扼殺您的網(wǎng)頁的兇手!精美的圖片有時(shí)自然可以成為網(wǎng)站設(shè)計(jì)的畫龍點(diǎn)睛之筆,但更多時(shí)候卻耗蝕了瀏覽者有限的帶寬。一幅圖片所占用的空間通常需要成千上萬字節(jié),您在制作網(wǎng)頁時(shí)可能感覺不到什么,但是對(duì)于瀏覽者來說就顯得太大了。您到網(wǎng)上看看就會(huì)發(fā)現(xiàn),大塊的等待時(shí)間是由圖片下載造成的。網(wǎng)頁的瀏覽者往往是沒有耐心等待的,您的圖片再精美,但如果對(duì)于網(wǎng)絡(luò)速度來說過于龐大,則大多數(shù)瀏覽者在沒有看到您的圖片時(shí)就已經(jīng)轉(zhuǎn)向別處。因此在非必要的情況下,盡量減少圖片的使用是提高網(wǎng)站訪問速度的要訣之一。

如果必須使用圖片,則應(yīng)設(shè)法將圖片的尺寸減到最小。圖片尺寸除了受畫面大小的影響外,色彩數(shù)的多少也是關(guān)鍵因素,因而減少圖片中的色彩數(shù)也可以得到較為顯著的瘦身效果。在不影響網(wǎng)站設(shè)計(jì)初衷的前提下,將圖片色彩從真彩調(diào)整為256色或16色就可以讓多數(shù)體態(tài)臃腫的圖片苗條不少,而這種色彩調(diào)整一般通過常用的圖片編輯軟件就可以輕松搞定。

另外,在圖片使用較多的情況下,將圖片分割成小塊,然后再進(jìn)行組合也不失為一種行之有效的瘦身途徑。您可以將網(wǎng)頁上的圖片一幅幅進(jìn)行比較,找出相同的部分,將其分割出來,這樣瀏覽者在訪問您的網(wǎng)頁時(shí),相同部分的圖片只要下載一次即可了,如果使用巧妙,可以大大節(jié)省下載時(shí)間。

2.盡量不用圖片來代替文字

現(xiàn)在,有很多網(wǎng)頁制作者喜歡用圖片來代替文字,這樣雖然可以美化網(wǎng)頁的版面,但卻帶來網(wǎng)絡(luò)帶寬資源的耗蝕。因此,能使用文字的地方盡量不用圖片,這幾乎成了設(shè)計(jì)網(wǎng)頁的基本準(zhǔn)則。

對(duì)于那些需要強(qiáng)調(diào)的內(nèi)容,或需要營(yíng)造某種特殊的視覺效果以引起瀏嵬者的興趣時(shí),可以通過特殊字摹等顯示技術(shù)加以實(shí)現(xiàn)。這一技術(shù)的缺點(diǎn)是在不同類型的瀏覽器中的效果可能會(huì)有所不同,設(shè)計(jì)時(shí)需要進(jìn)行相關(guān)的測(cè)試,但它卻是加快網(wǎng)站訪問速度行之有效的途徑。

3.少用動(dòng)畫

動(dòng)畫是加強(qiáng)網(wǎng)頁視覺效果和吸引注意力的有效手段?;顫娪腥?、動(dòng)感十足的畫面有時(shí)可以收到出奇制勝效果,但您必須意識(shí)到,動(dòng)畫對(duì)網(wǎng)絡(luò)帶寬的要求更為苛刻,濫用動(dòng)畫的結(jié)果可能會(huì)導(dǎo)致許多瀏覽者對(duì)其望而生畏。如果感覺網(wǎng)站上的動(dòng)畫必不可少,則應(yīng)通過一定的動(dòng)畫編輯技術(shù)盡量壓縮動(dòng)畫尺寸,以免彩響訪問速度。如果動(dòng)畫與訪問速度出現(xiàn)較大的沖突時(shí),對(duì)其忍痛割愛當(dāng)為明智之舉。例如,將按鈕的圖片從動(dòng)態(tài)改為靜態(tài)就可以明顯地加快訪問速度。

4.表格使用技巧

表格在網(wǎng)頁制作中幾乎是必不可少的,網(wǎng)頁的排版大部分都是通過表格來實(shí)現(xiàn)的。但在使用表格時(shí)需要注意的是,設(shè)計(jì)者對(duì)表格的不同處理方式將會(huì)給網(wǎng)頁的加載速度帶來截然不同的后果。

將整個(gè)網(wǎng)頁放置于一個(gè)單一表格內(nèi)并將表格嵌套使用,會(huì)導(dǎo)致網(wǎng)頁無法在瀏覽者的瀏覽器上逐行顯示,而只有等到整個(gè)表格下載完畢,且瀏覽器根據(jù)計(jì)算確定不同表格元素的位置后才能一次性顯示。這會(huì)讓瀏覽者因等待時(shí)間過長(zhǎng)而轉(zhuǎn)向其他網(wǎng)站,適當(dāng)?shù)胤指畋砀癫p少表格嵌套層數(shù)可使瀏覽器在網(wǎng)頁全部下載完之前就能夠顯示部分內(nèi)容,不致出現(xiàn)長(zhǎng)。時(shí)間的網(wǎng)頁顯示停滯現(xiàn)象。另外,給出固定的表格單元格尺寸,則可以在需要較長(zhǎng)時(shí)間下載的內(nèi)容前先顯示文字等內(nèi)容。

5.兼容性

除了上面提到的訪問速度外,網(wǎng)頁的兼容性也是非常重要的。設(shè)計(jì)網(wǎng)頁時(shí)必須考慮到瀏覽者所使用的瀏覽器是各式各樣的,可能有人還在使用早期的瀏覽器。雖然一些新技術(shù)可以讓您的網(wǎng)頁大放光彩,但如果您不想失去這部分瀏覽者的話,就不要使用那些新瀏覽器才增加的功能。

文章名稱:制作網(wǎng)頁的注意事項(xiàng)(一)
網(wǎng)站地址:http://www.rwnh.cn/news/64736.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)建站、網(wǎng)站設(shè)計(jì)公司網(wǎng)站導(dǎo)航、網(wǎng)站策劃、微信公眾號(hào)App設(shè)計(jì)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

成都seo排名網(wǎng)站優(yōu)化
延长县| 内乡县| 宁蒗| 高台县| 精河县| 伊宁县| 娄烦县| 石河子市| 策勒县| 叶城县| 同仁县| 淮南市| 乐亭县| 阿克苏市| 闵行区| 西宁市| 栖霞市| 太和县| 临泽县| 西贡区| 沾益县| 那坡县| 墨竹工卡县| 锡林郭勒盟| 平果县| 邢台县| 尖扎县| 厦门市| 阿坝| 池州市| 怀宁县| 渭南市| 老河口市| 北川| 象山县| 卓尼县| 新昌县| 榆中县| 抚顺县| 名山县| 嘉祥县|