迎新春優(yōu)惠!探索阿里企業(yè)郵箱的卓越功能與桑橋網(wǎng)絡(luò)的超值服務(wù)
在現(xiàn)代商業(yè)世界中,電子郵件已成為企業(yè)溝通和協(xié)作的關(guān)鍵工具。選擇一個高效、安全且... ...
網(wǎng)建知識
您當(dāng)前位置 > 首頁 > 文章欄目:網(wǎng)建知識
發(fā)表時間:2013-10-30
一般的網(wǎng)站制作步驟大體上為:設(shè)計效果圖-->切圖+制作靜態(tài)html模板-->嵌套至CMS,其中,切圖雖然是很簡單的一個步驟,但其中也有很多技巧,以下是我個人總結(jié)出來的幾點(diǎn)。
總體上,把握一個原則,能用css寫的,堅決不要用圖片。經(jīng)驗(yàn)告訴我們,首頁圖片很 多的網(wǎng)站打開會很慢,一是因?yàn)閳D片多,需要下載的文件體積就增大,二是每一個圖片下載都會對服務(wù)器有一個請求,增大了瀏覽器與服務(wù)端的交互次數(shù),如果能把 純色的部分用css來寫,而不因?yàn)槭∈轮苯忧袌D,就會極大提高網(wǎng)站的運(yùn)行效率,我最早開始學(xué)習(xí)制作網(wǎng)站時,就想當(dāng)然的認(rèn)為怎么樣能加快制作速度就怎么來, 于是把一個導(dǎo)航條的背景直接切成圖片,后來老板看到我寫的html代碼,告訴我不能這么干,用div定義好寬和高設(shè)置背景色和邊框,一行代碼就搞定。如果 遇到有漸變色的背景,可以沿著與漸變色相同方向切一個像素的條紋,用css中background的repeat-x或repeat-y來自動填充。
?? 對于有圓角的導(dǎo)航條圖片,可以將兩邊的圓角部分單獨(dú)切出來,中間如果有漸變色,也是只切一個像素的條紋,切出來的三個條紋可以合并到一張圖片里(上、中、下),使網(wǎng)頁中使用的時候用css中的positon屬性來定位圖片出現(xiàn)的位置。
在切割效果圖的過程中,對于圖片的保存格式也有講究,一般來說,用圖像工具(如 photoshop)制作的色彩絢麗的按鈕或圖標(biāo)一般都存成png格式,而用相機(jī)拍攝的風(fēng)景或人物、物體圖像多用jpg格式保存,gif一般用來存儲含有 簡單動畫效果的圖像,另外需要注意一點(diǎn)的是,如果圖片中使用了透明效果,要存儲成png-8的格式,png的其他格式要么不支持透明,要么保存時文件要大 很多,png-8是"性價比"最高的。
??????對于用作背景或襯托效果的顏色較多的圖片,保存圖片時盡可能從清晰度和圖片 大小中找到一個平衡,既保證圖片盡可能小又不失真,這點(diǎn)就要憑個人經(jīng)驗(yàn)了,因?yàn)槊總€人的標(biāo)準(zhǔn)不同,千萬不能不壓縮圖片直接放上去,然后靠width和 height來進(jìn)行限制,這樣做是自欺欺人,瀏覽器會先把大圖片下載到本地,然后用樣式強(qiáng)制將它壓縮,顯示不但不會更清楚,反而會失真,曾經(jīng)我就遇到過有 個網(wǎng)站首頁都打開了,唯有一個局部是個空白的方形,過了好幾秒才加載出來一張圖片,好奇的下載了這張圖片,竟然有2M多……這一點(diǎn)不光是首頁切圖,在網(wǎng)站 的內(nèi)容上傳時最好也要養(yǎng)成良好的習(xí)慣,特別是新聞的配圖,現(xiàn)在的相機(jī)效果越來越好,拍出來的圖片動不動好幾兆,一定要對圖片尺寸進(jìn)行處理后再上傳,一般處 理圖片的寬度為500-600像素之間,高度自動等比例即可。
切好圖片的命名也要養(yǎng)成良好的習(xí)慣,最好的命名習(xí)慣就是見名知意,我見多數(shù)網(wǎng)站的圖 片使用切圖工具軟件批量切割的,命名很不規(guī)范,比如index_01、index_02、index_02_01等有規(guī)則但無意義的圖片,也許你說圖片命 名本身的意義并不是很大,因?yàn)檫@個名字只有瀏覽器加載的時候才會用,但是,對于一個擴(kuò)展性強(qiáng)的網(wǎng)站來說,在進(jìn)行改版和維護(hù)的時候,如果要更換某些網(wǎng)站圖 片,就需要一個一個從瀏覽器中右鍵查看圖片地址,記下每一個長長的沒有規(guī)律的圖片名稱,這會讓技術(shù)人員十分崩潰(也可能就是你自己),所以,在保存圖片時 就給它寫上有意義的名字是很必要的。
在現(xiàn)代商業(yè)世界中,電子郵件已成為企業(yè)溝通和協(xié)作的關(guān)鍵工具。選擇一個高效、安全且... ...
在現(xiàn)代商務(wù)環(huán)境中,溝通是企業(yè)成功的關(guān)鍵之一。選擇一個可靠的企業(yè)郵箱服務(wù)可以顯著... ...
在當(dāng)今的商業(yè)世界中,企業(yè)郵箱已成為公司與客戶、合作伙伴以及內(nèi)部溝通的關(guān)鍵工具。... ...
眾所周知,企業(yè)郵箱不能自己辦理,一定要找郵箱代理商辦理,因?yàn)閮r格更劃算,辦理... ...
騰訊企業(yè)郵箱專業(yè)版產(chǎn)品銷售及服務(wù)協(xié)議 因甲方對于騰訊企業(yè)郵箱產(chǎn)品的需求及乙方... ...
進(jìn)入公司后很多企業(yè)都會使用騰訊企業(yè)郵箱,但是對于初入職場的新人而言,如何使用郵... ...