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

本文標(biāo)題：十分實(shí)用的技巧：網(wǎng)頁(yè)制造的好辦法四則
標(biāo)題URL：http://jinyejixie.com/news/71111.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制開(kāi)發(fā)、微信公眾號(hào)、響應(yīng)式網(wǎng)站、網(wǎng)站改版、營(yíng)銷型網(wǎng)站建設(shè)、企業(yè)網(wǎng)站制作

廣告

聲明：本網(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í)需注明來(lái)源： 創(chuàng)新互聯(lián)