軟件下載
文件大小:
軟件介紹
1、不使用圖片獲得各種顏色的線條
圖1 各種顏色的線條
在Dreamweaver3或Forntpage中雖有插入水平線的功能,但他插入的線條無(wú)法改變顏色,為了獲得特定顏色的線條你不得不使用圖片,這無(wú)疑增大了網(wǎng)頁(yè)負(fù)擔(dān),有沒(méi)有其它辦法呢?有!你可以使用表格來(lái)實(shí)現(xiàn),考慮到表格是以行為單位來(lái)定位的,為了能更方便的定位線條,我們把表格放到層上,這樣你就可以任意把線條放到任何位置了。具體作法如下:
(1)單擊功能面板上的插入層圖標(biāo),在頁(yè)面上畫(huà)一個(gè)層,再在功能面板上點(diǎn)擊插入表格圖標(biāo),在彈出的表格面板上把表格的行和列均設(shè)置為1;
(2)選取表格,在表格的屬性面板上把“cellpad”、“cellspace”、“border”均設(shè)置為“0”,把“W”設(shè)置為“100%”,“H”設(shè)置為2pixels(象素),設(shè)置好表格的背景色(也就是線條的顏色。
(3)在單元格中點(diǎn)一下,在單元格的屬性面板上把“W”設(shè)置為“100%”,把“H”設(shè)置為2pixels(象素);
(4)在快速啟動(dòng)欄上點(diǎn)擊源代碼檢示窗圖標(biāo),在源代碼編輯窗中把單元格中的“ ”(“空格”代碼)刪去。
到此,一條特定顏色的水平線已畫(huà)好。若要改變線條顏色,只要改變表格的背景色就行了;若要改變線條高度(即線條的粗細(xì)),只要修改(2)、(3)中的“H”即可;改變層的寬度,就可改變線條的長(zhǎng)度;若要把水平線變?yōu)榇怪本€,只要把(2)、(3)中的“W”和“H”的值換一下就行了,是不是方便極了。
2、巧作漸變色背景
圖2 漸變色背景示例
象圖2這樣的漸變色背景能給人一種夢(mèng)幻般想象的感覺(jué)或產(chǎn)生明顯的立體感,當(dāng)我們需要使用漸變色背景圖像時(shí),我們不必做與所填充的面積等大的圖像,只要做一幅能包含所有漸變色的圖像單元就行了,這樣即使是填充整頁(yè)的背景,其圖像文件的大小也不到1K,而且橫向漸變色,背景區(qū)縱向高度任意改變不必改動(dòng)背景圖像;縱向漸變色,背景區(qū)橫向?qū)挾热我飧淖儾槐馗膭?dòng)背景圖像;真是方便。
制作方法如下:
(1)橫向漸變色圖像單元制作
在Potoshop中,單擊“File”主菜單,選擇“New”,在新建圖象屬性對(duì)話圖上,在圖象寬度輸入框中輸入你的背景區(qū)域?qū)挾?,在圖象高度輸入框中輸入1pixels,按“OK”鍵,再用漸變色填充,根據(jù)需要修飾一下,用Export輸出 jpg、gif均可。
(2)縱向漸變色圖像單元制作
在Potoshop中,單擊“File”主菜單,選擇“New”,在新建圖象屬性對(duì)話圖上,在圖象高度輸入框中輸入你的背景區(qū)域?qū)挾龋趫D象寬度輸入框中輸入1pixels,按“OK”鍵,再用漸變色填充,根據(jù)需要修飾一下,用Export輸出 jpg、gif均可。
有了圖象單元,只要在需要漸變色背景的區(qū)域把相應(yīng)的背景圖象單元作為背景圖象就行了。
3、拉線背景的制作技巧
圖4 拉線背景示例
拉線背景已成為一種時(shí)尚,目前一些大型網(wǎng)站的網(wǎng)頁(yè)都在大量使用拉線背景,制作拉線背景同樣無(wú)需制作整幅的拉線圖象,只需制作一幅拉線單元圖象就行了。制作方法如下:
(1)在Potoshop中,單擊“File”主菜單,選擇“New”,在新建圖象屬性對(duì)話圖上,在圖象高度輸入框中輸入2pixels,在圖象寬度輸入框中輸入1pixels,按“OK”鍵,再用填充工具把其中的一個(gè)象素填充上你所要的顏色,根據(jù)需要修飾一下,用Export輸出 jpg、gif均可。
(2)在需要拉線背景的區(qū)域,選擇上面做好的圖象作為背景圖象,就一切OK了。而且無(wú)論你是多大的背景區(qū)域均不必修改圖象單元。
4、拉絲圖象的制作技巧
圖5 拉絲圖象示例
拉絲圖象給人一種朦朧的想象感覺(jué),另外,他可以用質(zhì)量比較低的圖片,這大大減少了圖片文件的份量,加快了下載速度,我想這可能是其流行起來(lái)的主要原因之一。拉絲圖象的制作方法已有不少文章介紹。我在這里介紹的方法與一般方法不同,它能更進(jìn)一步減少你的網(wǎng)頁(yè)重量,提高制作拉絲圖象的效率。制作方法如下:
(1)在Potoshop中,單擊“File”主菜單,選擇“New”,在新建圖象屬性對(duì)話圖上,在圖象高度輸入框中輸入2pixels,在圖象寬度輸入框中輸入1pixels,圖象背景選擇(透明背景)“Transprent",按“OK”鍵,再用填充工具把其中的一個(gè)象素填充上你所要的拉絲顏色,根據(jù)需要修飾一下,用Export輸出 gif即可;
(2)在Dreamweaver3中,單擊功能面板上的插入層圖標(biāo),在頁(yè)面上畫(huà)一個(gè)層,再在功能面板上點(diǎn)擊插入圖象的圖標(biāo),在層上插入你所要的圖象;
(3)再單擊功能面板上的插入層圖標(biāo),在頁(yè)面上畫(huà)一個(gè)層,在該層的屬性面板上,在層背景圖象輸入框中輸入你剛制作的拉絲單元圖象文件名;
(4)把上面制作的有拉絲背景的層拖到圖象上,并調(diào)整層的大小與圖片大小一致,一幅漂亮的拉絲圖象就做成了。
若要把網(wǎng)頁(yè)中已有的圖象變?yōu)槔z圖象,只要重復(fù)(3)、(4)兩步操作就行了。用本方法還可以把動(dòng)畫(huà)變成拉絲動(dòng)畫(huà)呢?怎么做,不用我講了吧?!把圖片換成動(dòng)畫(huà)就大功告成了。是不是太方便了。這里提醒你注意:第(1)步操作中把圖象背景設(shè)為透明是關(guān)鍵,否則你就看不見(jiàn)下面的圖片了。
圖1 各種顏色的線條
在Dreamweaver3或Forntpage中雖有插入水平線的功能,但他插入的線條無(wú)法改變顏色,為了獲得特定顏色的線條你不得不使用圖片,這無(wú)疑增大了網(wǎng)頁(yè)負(fù)擔(dān),有沒(méi)有其它辦法呢?有!你可以使用表格來(lái)實(shí)現(xiàn),考慮到表格是以行為單位來(lái)定位的,為了能更方便的定位線條,我們把表格放到層上,這樣你就可以任意把線條放到任何位置了。具體作法如下:
(1)單擊功能面板上的插入層圖標(biāo),在頁(yè)面上畫(huà)一個(gè)層,再在功能面板上點(diǎn)擊插入表格圖標(biāo),在彈出的表格面板上把表格的行和列均設(shè)置為1;
(2)選取表格,在表格的屬性面板上把“cellpad”、“cellspace”、“border”均設(shè)置為“0”,把“W”設(shè)置為“100%”,“H”設(shè)置為2pixels(象素),設(shè)置好表格的背景色(也就是線條的顏色。
(3)在單元格中點(diǎn)一下,在單元格的屬性面板上把“W”設(shè)置為“100%”,把“H”設(shè)置為2pixels(象素);
(4)在快速啟動(dòng)欄上點(diǎn)擊源代碼檢示窗圖標(biāo),在源代碼編輯窗中把單元格中的“ ”(“空格”代碼)刪去。
到此,一條特定顏色的水平線已畫(huà)好。若要改變線條顏色,只要改變表格的背景色就行了;若要改變線條高度(即線條的粗細(xì)),只要修改(2)、(3)中的“H”即可;改變層的寬度,就可改變線條的長(zhǎng)度;若要把水平線變?yōu)榇怪本€,只要把(2)、(3)中的“W”和“H”的值換一下就行了,是不是方便極了。
2、巧作漸變色背景
圖2 漸變色背景示例
象圖2這樣的漸變色背景能給人一種夢(mèng)幻般想象的感覺(jué)或產(chǎn)生明顯的立體感,當(dāng)我們需要使用漸變色背景圖像時(shí),我們不必做與所填充的面積等大的圖像,只要做一幅能包含所有漸變色的圖像單元就行了,這樣即使是填充整頁(yè)的背景,其圖像文件的大小也不到1K,而且橫向漸變色,背景區(qū)縱向高度任意改變不必改動(dòng)背景圖像;縱向漸變色,背景區(qū)橫向?qū)挾热我飧淖儾槐馗膭?dòng)背景圖像;真是方便。
制作方法如下:
(1)橫向漸變色圖像單元制作
在Potoshop中,單擊“File”主菜單,選擇“New”,在新建圖象屬性對(duì)話圖上,在圖象寬度輸入框中輸入你的背景區(qū)域?qū)挾?,在圖象高度輸入框中輸入1pixels,按“OK”鍵,再用漸變色填充,根據(jù)需要修飾一下,用Export輸出 jpg、gif均可。
(2)縱向漸變色圖像單元制作
在Potoshop中,單擊“File”主菜單,選擇“New”,在新建圖象屬性對(duì)話圖上,在圖象高度輸入框中輸入你的背景區(qū)域?qū)挾龋趫D象寬度輸入框中輸入1pixels,按“OK”鍵,再用漸變色填充,根據(jù)需要修飾一下,用Export輸出 jpg、gif均可。
有了圖象單元,只要在需要漸變色背景的區(qū)域把相應(yīng)的背景圖象單元作為背景圖象就行了。
3、拉線背景的制作技巧
圖4 拉線背景示例
拉線背景已成為一種時(shí)尚,目前一些大型網(wǎng)站的網(wǎng)頁(yè)都在大量使用拉線背景,制作拉線背景同樣無(wú)需制作整幅的拉線圖象,只需制作一幅拉線單元圖象就行了。制作方法如下:
(1)在Potoshop中,單擊“File”主菜單,選擇“New”,在新建圖象屬性對(duì)話圖上,在圖象高度輸入框中輸入2pixels,在圖象寬度輸入框中輸入1pixels,按“OK”鍵,再用填充工具把其中的一個(gè)象素填充上你所要的顏色,根據(jù)需要修飾一下,用Export輸出 jpg、gif均可。
(2)在需要拉線背景的區(qū)域,選擇上面做好的圖象作為背景圖象,就一切OK了。而且無(wú)論你是多大的背景區(qū)域均不必修改圖象單元。
4、拉絲圖象的制作技巧
圖5 拉絲圖象示例
拉絲圖象給人一種朦朧的想象感覺(jué),另外,他可以用質(zhì)量比較低的圖片,這大大減少了圖片文件的份量,加快了下載速度,我想這可能是其流行起來(lái)的主要原因之一。拉絲圖象的制作方法已有不少文章介紹。我在這里介紹的方法與一般方法不同,它能更進(jìn)一步減少你的網(wǎng)頁(yè)重量,提高制作拉絲圖象的效率。制作方法如下:
(1)在Potoshop中,單擊“File”主菜單,選擇“New”,在新建圖象屬性對(duì)話圖上,在圖象高度輸入框中輸入2pixels,在圖象寬度輸入框中輸入1pixels,圖象背景選擇(透明背景)“Transprent",按“OK”鍵,再用填充工具把其中的一個(gè)象素填充上你所要的拉絲顏色,根據(jù)需要修飾一下,用Export輸出 gif即可;
(2)在Dreamweaver3中,單擊功能面板上的插入層圖標(biāo),在頁(yè)面上畫(huà)一個(gè)層,再在功能面板上點(diǎn)擊插入圖象的圖標(biāo),在層上插入你所要的圖象;
(3)再單擊功能面板上的插入層圖標(biāo),在頁(yè)面上畫(huà)一個(gè)層,在該層的屬性面板上,在層背景圖象輸入框中輸入你剛制作的拉絲單元圖象文件名;
(4)把上面制作的有拉絲背景的層拖到圖象上,并調(diào)整層的大小與圖片大小一致,一幅漂亮的拉絲圖象就做成了。
若要把網(wǎng)頁(yè)中已有的圖象變?yōu)槔z圖象,只要重復(fù)(3)、(4)兩步操作就行了。用本方法還可以把動(dòng)畫(huà)變成拉絲動(dòng)畫(huà)呢?怎么做,不用我講了吧?!把圖片換成動(dòng)畫(huà)就大功告成了。是不是太方便了。這里提醒你注意:第(1)步操作中把圖象背景設(shè)為透明是關(guān)鍵,否則你就看不見(jiàn)下面的圖片了。
版權(quán)聲明:
1 本站所有資源(含游戲)均是軟件作者、開(kāi)發(fā)商投稿,任何涉及商業(yè)盈利目的均不得使用,否則產(chǎn)生的一切后果將由您自己承擔(dān)!
2 本站將不對(duì)任何資源負(fù)法律責(zé)任,所有資源請(qǐng)?jiān)谙螺d后24小時(shí)內(nèi)刪除。
3 若有關(guān)在線投稿、無(wú)法下載等問(wèn)題,請(qǐng)與本站客服人員聯(lián)系。
4 如侵犯了您的版權(quán)、商標(biāo)等,請(qǐng)立刻聯(lián)系我們并具體說(shuō)明情況后,本站將盡快處理刪除,聯(lián)系QQ:2499894784
熱門(mén)軟件
- 千億體育手機(jī)版本v2.0.1 安卓版
- tplink物聯(lián)電腦版(原tplink安防) v2.12.17.
- Sandboxie Plus v1.9.8 / v5.64.8 開(kāi)源電腦
- 字魂100號(hào)方方先鋒體字體包免費(fèi)版
- 奧維互動(dòng)地圖奧維地圖PC破解版VIP V9.0.6
- 蘭博對(duì)戰(zhàn)平臺(tái) V1.38.6 官方最新版 / 蘭博玩
- reWASD(Xbox One手柄映射工具) V6.0.1.5190
- mtool修改器 V2023.11 官方最新版 / mtool
- 115轉(zhuǎn)存助手ui優(yōu)化版腳本 V3.9.1 綠色免費(fèi)
- iSecure Center電腦客戶端 V1.5.0 官方版
最近更新
點(diǎn)擊加載更多評(píng)論>>