您準(zhǔn)備好了嗎？我們時刻準(zhǔn)備就緒！
專注優(yōu)質(zhì)網(wǎng)站建設(shè)
十分實用的技巧：網(wǎng)頁制造的好辦法四則
查看次數(shù)：776
2020-05-31
由于網(wǎng)站正以驚人的速度在飛速添加，互連網(wǎng)通道是越來越擁擠了，網(wǎng)頁的下載速度也越來越慢，給網(wǎng)頁減重是網(wǎng)頁規(guī)劃工作者首要考慮的問題之一。減少圖片數(shù)量、降低圖片質(zhì)量、采用jpg、gif等壓縮圖片文件，如此等等，其意圖都有是為了給網(wǎng)頁減重，進(jìn)步傳輸速度。我這里再告知你幾種辦法來給網(wǎng)頁減重（本文介紹的辦法均在Dreamweaver3中完成，若在其它網(wǎng)頁制造東西中詳細(xì)作法稍有改動）：
1、不運用圖片取得各種色彩的線條
各種色彩的線條
在Dreamweaver3或Forntpage中雖有刺進(jìn)水平線的功用，但他刺進(jìn)的線條無法改動色彩，為了取得特定色彩的線條你不得不運用圖片，這無疑增大了網(wǎng)頁負(fù)擔(dān)，有沒有其它辦法呢？有！你能夠運用表格來完成，考慮到表格是以行為單位來定位的，為了能更便利的定位線條，咱們把表格放到層上，這樣你就能夠恣意把線條放到任何方位了。詳細(xì)作法如下：
（1）單擊功用面板上的刺進(jìn)層圖標(biāo)，在頁面上畫一個層，再在功用面板上點擊刺進(jìn)表格圖標(biāo)，在彈出的表格面板上把表格的行和列均設(shè)置為1；
（2）選取表格，在表格的特點面板上把“cellpad”、“cellspace”、“border”均設(shè)置為“0”，把“W”設(shè)置為“100%”，“H”設(shè)置為2pixels（象素），設(shè)置好表格的布景色（也就是線條的色彩。
（3）在單元格中點一下，在單元格的特點面板上把“W”設(shè)置為“100%”，把“H”設(shè)置為2pixels（象素）；
（4）在快速發(fā)動欄上點擊源代碼檢示窗圖標(biāo)，在源代碼修正窗中把單元格中的“”（“空格”代碼）刪去。
到此，一條特定色彩的水平線已畫好。若要改動線條色彩，只需改動表格的布景色就行了；若要改動線條高度(即線條的粗細(xì)），只需修正（2）、（3）中的“H”即可；改動層的寬度，就可改動線條的長度；若要把水平線變?yōu)榇怪本€，只需把（2）、（3）中的“W”和“H”的值換一下就行了，是不是便利極了。
2、巧作漸變色布景
漸變色布景示例
象這樣的漸變色布景能給人一種夢幻般幻想的感覺或產(chǎn)生明顯的立體感，當(dāng)咱們需求運用漸變色布景圖畫時，咱們不必做與所填充的面積等大的圖畫，只需做一幅能包含所有漸變色的圖畫單元就行了，這樣即使是填充整頁的布景，其圖畫文件的巨細(xì)也不到1K，并且橫向漸變色，布景區(qū)縱向高度恣意改動不必改動布景圖畫；縱向漸變色，布景區(qū)橫向?qū)挾软б飧膭硬槐馗膭硬季皥D畫；真是便利。
制造辦法如下：
（1）橫向漸變色圖畫單元制造
在Potoshop中，單擊“File”主菜單，挑選“New”，在新建圖象特點對話圖上，在圖象寬度輸入框中輸入你的布景區(qū)域?qū)挾?，在圖象高度輸入框中輸入1pixels，按“OK”鍵，再用漸變色填充，根據(jù)需求潤飾一下，用Export輸出jpg、gif均可。
（2）縱向漸變色圖畫單元制造
在Potoshop中，單擊“File”主菜單，挑選“New”，在新建圖象特點對話圖上，在圖象高度輸入框中輸入你的布景區(qū)域?qū)挾?，在圖象寬度輸入框中輸入1pixels，按“OK”鍵，再用漸變色填充，根據(jù)需求潤飾一下，用Export輸出jpg、gif均可。
有了圖象單元，只需在需求漸變色布景的區(qū)域把相應(yīng)的布景圖象單元作為布景圖象就行了。
3、拉線布景的制造技巧
拉線布景示例
拉線布景已成為一種時髦，現(xiàn)在一些大型網(wǎng)站的網(wǎng)頁都在很多運用拉線布景，制造拉線布景同樣無需制造整幅的拉線圖象，只需制造一幅拉線單元圖象就行了。制造辦法如下：
（1）在Potoshop中，單擊“File”主菜單，挑選“New”，在新建圖象特點對話圖上，在圖象高度輸入框中輸入2pixels，在圖象寬度輸入框中輸入1pixels，按“OK”鍵，再用填充東西把其間的一個象素填充上你所要的色彩，根據(jù)需求潤飾一下，用Export輸出jpg、gif均可。
（2）在需求拉線布景的區(qū)域，挑選上面做好的圖象作為布景圖象，就全部OK了。并且不管你是多大的布景區(qū)域均不必修正圖象單元。
4、拉絲圖象的制造技巧
拉絲圖象示例
拉絲圖象給人一種模糊的幻想感覺，另外，他能夠用質(zhì)量比較低的圖片，這大大減少了圖片文件的份量，加快了下載速度，我想這可能是其流行起來的主要原因之一。拉絲圖象的制造辦法已有不少文章介紹。我在這里介紹的辦法與一般辦法不同，它能更進(jìn)一步減少你的網(wǎng)頁分量，進(jìn)步制造拉絲圖象的功率。制造辦法如下：
（1）在Potoshop中，單擊“File”主菜單，挑選“New”，在新建圖象特點對話圖上，在圖象高度輸入框中輸入2pixels，在圖象寬度輸入框中輸入1pixels，圖象布景挑選（通明布景）“Transprent"，按“OK”鍵，再用填充東西把其間的一個象素填充上你所要的拉絲色彩，根據(jù)需求潤飾一下，用Export輸出gif即可；
（2）在Dreamweaver3中，單擊功用面板上的刺進(jìn)層圖標(biāo)，在頁面上畫一個層，再在功用面板上點擊刺進(jìn)圖象的圖標(biāo)，在層上刺進(jìn)你所要的圖象；
（3）再單擊功用面板上的刺進(jìn)層圖標(biāo)，在頁面上畫一個層，在該層的特點面板上，在層布景圖象輸入框中輸入你剛制造的拉絲單元圖象文件名；
（4）把上面制造的有拉絲布景的層拖到圖象上，并調(diào)整層的巨細(xì)與圖片巨細(xì)共同，一幅漂亮的拉絲圖象就做成了。
若要把網(wǎng)頁中已有的圖象變?yōu)槔z圖象，只需重復(fù)（3）、（4）兩步操作就行了。用本辦法還能夠把動畫變成拉絲動畫呢？怎么做，不用我講了吧？！把圖片換成動畫就功德圓滿了。是不是太便利了。這里提醒你注意：第（1）步操作中把圖象布景設(shè)為通明是關(guān)鍵，不然你就看不見下面的圖片了。?
【聲明：信息來自網(wǎng)絡(luò)，如有侵權(quán)，聯(lián)系既刪?！?br>
1、不運用圖片取得各種色彩的線條
各種色彩的線條
在Dreamweaver3或Forntpage中雖有刺進(jìn)水平線的功用，但他刺進(jìn)的線條無法改動色彩，為了取得特定色彩的線條你不得不運用圖片，這無疑增大了網(wǎng)頁負(fù)擔(dān)，有沒有其它辦法呢？有！你能夠運用表格來完成，考慮到表格是以行為單位來定位的，為了能更便利的定位線條，咱們把表格放到層上，這樣你就能夠恣意把線條放到任何方位了。詳細(xì)作法如下：
（1）單擊功用面板上的刺進(jìn)層圖標(biāo)，在頁面上畫一個層，再在功用面板上點擊刺進(jìn)表格圖標(biāo)，在彈出的表格面板上把表格的行和列均設(shè)置為1；
（2）選取表格，在表格的特點面板上把“cellpad”、“cellspace”、“border”均設(shè)置為“0”，把“W”設(shè)置為“100%”，“H”設(shè)置為2pixels（象素），設(shè)置好表格的布景色（也就是線條的色彩。
（3）在單元格中點一下，在單元格的特點面板上把“W”設(shè)置為“100%”，把“H”設(shè)置為2pixels（象素）；
（4）在快速發(fā)動欄上點擊源代碼檢示窗圖標(biāo)，在源代碼修正窗中把單元格中的“”（“空格”代碼）刪去。
到此，一條特定色彩的水平線已畫好。若要改動線條色彩，只需改動表格的布景色就行了；若要改動線條高度(即線條的粗細(xì)），只需修正（2）、（3）中的“H”即可；改動層的寬度，就可改動線條的長度；若要把水平線變?yōu)榇怪本€，只需把（2）、（3）中的“W”和“H”的值換一下就行了，是不是便利極了。
2、巧作漸變色布景
漸變色布景示例
象這樣的漸變色布景能給人一種夢幻般幻想的感覺或產(chǎn)生明顯的立體感，當(dāng)咱們需求運用漸變色布景圖畫時，咱們不必做與所填充的面積等大的圖畫，只需做一幅能包含所有漸變色的圖畫單元就行了，這樣即使是填充整頁的布景，其圖畫文件的巨細(xì)也不到1K，并且橫向漸變色，布景區(qū)縱向高度恣意改動不必改動布景圖畫；縱向漸變色，布景區(qū)橫向?qū)挾软б飧膭硬槐馗膭硬季皥D畫；真是便利。
制造辦法如下：
（1）橫向漸變色圖畫單元制造
在Potoshop中，單擊“File”主菜單，挑選“New”，在新建圖象特點對話圖上，在圖象寬度輸入框中輸入你的布景區(qū)域?qū)挾?，在圖象高度輸入框中輸入1pixels，按“OK”鍵，再用漸變色填充，根據(jù)需求潤飾一下，用Export輸出jpg、gif均可。
（2）縱向漸變色圖畫單元制造
在Potoshop中，單擊“File”主菜單，挑選“New”，在新建圖象特點對話圖上，在圖象高度輸入框中輸入你的布景區(qū)域?qū)挾?，在圖象寬度輸入框中輸入1pixels，按“OK”鍵，再用漸變色填充，根據(jù)需求潤飾一下，用Export輸出jpg、gif均可。
有了圖象單元，只需在需求漸變色布景的區(qū)域把相應(yīng)的布景圖象單元作為布景圖象就行了。
3、拉線布景的制造技巧
拉線布景示例
拉線布景已成為一種時髦，現(xiàn)在一些大型網(wǎng)站的網(wǎng)頁都在很多運用拉線布景，制造拉線布景同樣無需制造整幅的拉線圖象，只需制造一幅拉線單元圖象就行了。制造辦法如下：
（1）在Potoshop中，單擊“File”主菜單，挑選“New”，在新建圖象特點對話圖上，在圖象高度輸入框中輸入2pixels，在圖象寬度輸入框中輸入1pixels，按“OK”鍵，再用填充東西把其間的一個象素填充上你所要的色彩，根據(jù)需求潤飾一下，用Export輸出jpg、gif均可。
（2）在需求拉線布景的區(qū)域，挑選上面做好的圖象作為布景圖象，就全部OK了。并且不管你是多大的布景區(qū)域均不必修正圖象單元。
4、拉絲圖象的制造技巧
拉絲圖象示例
拉絲圖象給人一種模糊的幻想感覺，另外，他能夠用質(zhì)量比較低的圖片，這大大減少了圖片文件的份量，加快了下載速度，我想這可能是其流行起來的主要原因之一。拉絲圖象的制造辦法已有不少文章介紹。我在這里介紹的辦法與一般辦法不同，它能更進(jìn)一步減少你的網(wǎng)頁分量，進(jìn)步制造拉絲圖象的功率。制造辦法如下：
（1）在Potoshop中，單擊“File”主菜單，挑選“New”，在新建圖象特點對話圖上，在圖象高度輸入框中輸入2pixels，在圖象寬度輸入框中輸入1pixels，圖象布景挑選（通明布景）“Transprent"，按“OK”鍵，再用填充東西把其間的一個象素填充上你所要的拉絲色彩，根據(jù)需求潤飾一下，用Export輸出gif即可；
（2）在Dreamweaver3中，單擊功用面板上的刺進(jìn)層圖標(biāo)，在頁面上畫一個層，再在功用面板上點擊刺進(jìn)圖象的圖標(biāo)，在層上刺進(jìn)你所要的圖象；
（3）再單擊功用面板上的刺進(jìn)層圖標(biāo)，在頁面上畫一個層，在該層的特點面板上，在層布景圖象輸入框中輸入你剛制造的拉絲單元圖象文件名；
（4）把上面制造的有拉絲布景的層拖到圖象上，并調(diào)整層的巨細(xì)與圖片巨細(xì)共同，一幅漂亮的拉絲圖象就做成了。
若要把網(wǎng)頁中已有的圖象變?yōu)槔z圖象，只需重復(fù)（3）、（4）兩步操作就行了。用本辦法還能夠把動畫變成拉絲動畫呢？怎么做，不用我講了吧？！把圖片換成動畫就功德圓滿了。是不是太便利了。這里提醒你注意：第（1）步操作中把圖象布景設(shè)為通明是關(guān)鍵，不然你就看不見下面的圖片了。?
【聲明：信息來自網(wǎng)絡(luò)，如有侵權(quán)，聯(lián)系既刪?！?br>
推薦新聞
H5營銷有什么優(yōu)勢？企業(yè)需要定制開發(fā)H5嗎
2025-03-12
雖然市場上有很多的免費H5軟件可以使用，但免費終究是免費的，功能相對簡單，沒有互動環(huán)節(jié)，體驗效果差，當(dāng)你想要增加某項功能時，還要自己招募團(tuán)隊
如何優(yōu)化電子商務(wù)網(wǎng)站的用戶體驗？
2025-03-12
優(yōu)化電子商務(wù)網(wǎng)站的用戶體驗是一個系統(tǒng)工程，涉及網(wǎng)站設(shè)計、功能完善、服務(wù)提升等多個方面，以下是具體的優(yōu)化方法： 網(wǎng)站設(shè)計方面
中小企業(yè)網(wǎng)站在施行電子商務(wù)網(wǎng)站中的8大誤區(qū)
2025-03-12
中小企業(yè)在實施電子商務(wù)網(wǎng)站時，常常會遇到一些誤區(qū)，這些誤區(qū)可能會影響網(wǎng)站的運營效果和企業(yè)的整體發(fā)展。電子商務(wù)給中小企業(yè)帶來了與大企業(yè)在
SEO網(wǎng)站優(yōu)化的5個方法技巧你知道嗎？
2025-02-11
隨著互聯(lián)網(wǎng)時代的不斷發(fā)展，企業(yè)建站越來越多，光建好網(wǎng)站還不行，還得做 SEO優(yōu)化工作，才能讓網(wǎng)站有更好的排名效果。但很多人不知道如何優(yōu)化網(wǎng)站
DeepSeek在上海網(wǎng)站建設(shè)中的運用
2025-02-11
隨著人工智能技術(shù)的快速發(fā)展，DeepSeek作為一款先進(jìn)的AI工具，正在上海網(wǎng)站建設(shè)領(lǐng)域展現(xiàn)出強(qiáng)大的應(yīng)用潛力。從智能客服到數(shù)據(jù)分析，再到個性
如何搭建政務(wù)服務(wù)網(wǎng)站？政務(wù)服務(wù)網(wǎng)站包含哪些內(nèi)容？
2025-02-11
政務(wù)網(wǎng)致力于向公眾提供政府工作的相關(guān)信息、政策法規(guī)的公開和解讀,促進(jìn)政府與公眾之間的溝通與互動。公眾可以隨時隨地通過網(wǎng)站了解到當(dāng)?shù)卣ぷ鞯?
Are you ready?
您準(zhǔn)備好了嗎？我們時刻準(zhǔn)備就緒！
我們專注：網(wǎng)站策劃設(shè)計、網(wǎng)絡(luò)多媒體傳播、網(wǎng)站優(yōu)化及網(wǎng)站營銷、品牌策略與設(shè)計
主營業(yè)務(wù)：網(wǎng)站建設(shè)、企業(yè)郵箱、網(wǎng)站優(yōu)化、域名注冊、虛擬空間
期待您與我們聯(lián)系！您的咨詢，是對我們極大的鼓勵和支持，也是我們共贏美好未來的開始！ 更感謝您對我們的關(guān)注與信賴……
您也可通過下列途徑與我們?nèi)〉寐?lián)系：
電 話: 021-67637587，13817759102 (微信同號)
電 話: 15900942493 (微信同號)
郵 箱: [email protected]
地 址: 上海市松江區(qū)榮樂中路228弄104號
地 址: 上海市閔行區(qū)(莘莊)友情路50弄15號1302室
上海開杰信息技術(shù)有限公司
電話：021-67637587 15900942493(微信同號)
地址：上海市閔行區(qū)(莘莊)友情路50弄15號1302室
地址：上海市松江區(qū)榮樂中路228弄104號202室
在線客服
聯(lián)系我們
-
上海開杰信息技術(shù)有限公司 上海網(wǎng)站建設(shè) 電話：021-67637587
地址：上海市松江區(qū)榮樂中路228弄104號202室
地址：上海市閔行區(qū)(莘莊)友情路50弄15號1302
上海開杰信息技術(shù)有限公司松江分部
電話：021-67637587 15900942493
地址：上海市松江區(qū)榮樂中路228弄104號202室
-
滬公網(wǎng)安備 31011702001626號