由于網站正以驚人的速度在飛速添加,互連網通道是越來越擁擠了,網頁的下載速度也越來越慢,給網頁減重是網頁規(guī)劃工作者首要考慮的問題之一。減少圖片數量、降低圖片質量、采用jpg、gif等壓縮圖片文件,如此等等,其意圖都有是為了給網頁減重,進步傳輸速度。我這里再告知你幾種辦法來給網頁減重(本文介紹的辦法均在Dreamweaver3中完成,若在其它網頁制造東西中詳細作法稍有改動):
1、不運用圖片取得各種色彩的線條
各種色彩的線條
在Dreamweaver3或Forntpage中雖有刺進水平線的功用,但他刺進的線條無法改動色彩,為了取得特定色彩的線條你不得不運用圖片,這無疑增大了網頁負擔,有沒有其它辦法呢?有!你能夠運用表格來完成,考慮到表格是以行為單位來定位的,為了能更便利的定位線條,咱們把表格放到層上,這樣你就能夠恣意把線條放到任何方位了。詳細作法如下:
(1)單擊功用面板上的刺進層圖標,在頁面上畫一個層,再在功用面板上點擊刺進表格圖標,在彈出的表格面板上把表格的行和列均設置為1;
(2)選取表格,在表格的特點面板上把“cellpad”、“cellspace”、“border”均設置為“0”,把“W”設置為“100%”,“H”設置為2pixels(象素),設置好表格的布景色(也就是線條的色彩。
(3)在單元格中點一下,在單元格的特點面板上把“W”設置為“100%”,把“H”設置為2pixels(象素);
(4)在快速發(fā)動欄上點擊源代碼檢示窗圖標,在源代碼修正窗中把單元格中的“”(“空格”代碼)刪去。
到此,一條特定色彩的水平線已畫好。若要改動線條色彩,只需改動表格的布景色就行了;若要改動線條高度(即線條的粗細),只需修正(2)、(3)中的“H”即可;改動層的寬度,就可改動線條的長度;若要把水平線變?yōu)榇怪本,只需把(2)、(3)中的“W”和“H”的值換一下就行了,是不是便利極了。
2、巧作漸變色布景
漸變色布景示例
象這樣的漸變色布景能給人一種夢幻般幻想的感覺或產生明顯的立體感,當咱們需求運用漸變色布景圖畫時,咱們不必做與所填充的面積等大的圖畫,只需做一幅能包含所有漸變色的圖畫單元就行了,這樣即使是填充整頁的布景,其圖畫文件的巨細也不到1K,并且橫向漸變色,布景區(qū)縱向高度恣意改動不必改動布景圖畫;縱向漸變色,布景區(qū)橫向寬度恣意改動不必改動布景圖畫;真是便利。
制造辦法如下:
(1)橫向漸變色圖畫單元制造
在Potoshop中,單擊“File”主菜單,挑選“New”,在新建圖象特點對話圖上,在圖象寬度輸入框中輸入你的布景區(qū)域寬度,在圖象高度輸入框中輸入1pixels,按“OK”鍵,再用漸變色填充,根據需求潤飾一下,用Export輸出jpg、gif均可。
(2)縱向漸變色圖畫單元制造
在Potoshop中,單擊“File”主菜單,挑選“New”,在新建圖象特點對話圖上,在圖象高度輸入框中輸入你的布景區(qū)域寬度,在圖象寬度輸入框中輸入1pixels,按“OK”鍵,再用漸變色填充,根據需求潤飾一下,用Export輸出jpg、gif均可。
有了圖象單元,只需在需求漸變色布景的區(qū)域把相應的布景圖象單元作為布景圖象就行了。
3、拉線布景的制造技巧
拉線布景示例
拉線布景已成為一種時髦,現(xiàn)在一些大型網站的網頁都在很多運用拉線布景,制造拉線布景同樣無需制造整幅的拉線圖象,只需制造一幅拉線單元圖象就行了。制造辦法如下:
(1)在Potoshop中,單擊“File”主菜單,挑選“New”,在新建圖象特點對話圖上,在圖象高度輸入框中輸入2pixels,在圖象寬度輸入框中輸入1pixels,按“OK”鍵,再用填充東西把其間的一個象素填充上你所要的色彩,根據需求潤飾一下,用Export輸出jpg、gif均可。
(2)在需求拉線布景的區(qū)域,挑選上面做好的圖象作為布景圖象,就全部OK了。并且不管你是多大的布景區(qū)域均不必修正圖象單元。
4、拉絲圖象的制造技巧
拉絲圖象示例
拉絲圖象給人一種模糊的幻想感覺,另外,他能夠用質量比較低的圖片,這大大減少了圖片文件的份量,加快了下載速度,我想這可能是其流行起來的主要原因之一。拉絲圖象的制造辦法已有不少文章介紹。我在這里介紹的辦法與一般辦法不同,它能更進一步減少你的網頁分量,進步制造拉絲圖象的功率。制造辦法如下:
(1)在Potoshop中,單擊“File”主菜單,挑選“New”,在新建圖象特點對話圖上,在圖象高度輸入框中輸入2pixels,在圖象寬度輸入框中輸入1pixels,圖象布景挑選(通明布景)“Transprent",按“OK”鍵,再用填充東西把其間的一個象素填充上你所要的拉絲色彩,根據需求潤飾一下,用Export輸出gif即可;
(2)在Dreamweaver3中,單擊功用面板上的刺進層圖標,在頁面上畫一個層,再在功用面板上點擊刺進圖象的圖標,在層上刺進你所要的圖象;
(3)再單擊功用面板上的刺進層圖標,在頁面上畫一個層,在該層的特點面板上,在層布景圖象輸入框中輸入你剛制造的拉絲單元圖象文件名;
(4)把上面制造的有拉絲布景的層拖到圖象上,并調整層的巨細與圖片巨細共同,一幅漂亮的拉絲圖象就做成了。
若要把網頁中已有的圖象變?yōu)槔z圖象,只需重復(3)、(4)兩步操作就行了。用本辦法還能夠把動畫變成拉絲動畫呢?怎么做,不用我講了吧?!把圖片換成動畫就功德圓滿了。是不是太便利了。這里提醒你注意:第(1)步操作中把圖象布景設為通明是關鍵,不然你就看不見下面的圖片了。 |