運(yùn)用顏色代碼代替圖片素材制作邊框
朋友們當(dāng)你看到一個(gè)個(gè)精美的邊框在網(wǎng)站上貼出,你是不是也為之心動(dòng),很想試一下自己也制作一些精美的邊框呢?下面我和大家一起共同學(xué)習(xí)運(yùn)用顏色代碼代替圖片素材制作邊框。運(yùn)用顏色代碼代替圖片制作邊框費(fèi)時(shí)又省力,穩(wěn)定性強(qiáng),打開頁面速度快的特點(diǎn),而且用顏色代碼制作的邊框永久性不會(huì)消失。
學(xué)習(xí)制作步驟:
一、打開網(wǎng)站的首頁,右面用戶登陸進(jìn)入到編輯文章后臺(tái),點(diǎn)“發(fā)表文章”看到一個(gè)編輯框,這就是我們經(jīng)常編輯文章的編輯區(qū),大家了解一下這個(gè)編輯框里面的功能圖標(biāo),然后點(diǎn)當(dāng)前頁面為最小化,轉(zhuǎn)到下一步驟--------
二、復(fù)制一個(gè)用顏色代碼制成的邊框。朋友可以在網(wǎng)頁制作欄目里找,里面有很多制好完成的邊框,在您喜歡的邊框上部(外部)按住鍵盤上的Shift上檔鍵,同時(shí)點(diǎn)擊鼠標(biāo)的左鍵,這時(shí)在背景框的上部有一個(gè)小的籃色方塊,然后在背景框的下部(外面),按住鍵盤上的Shift上檔鍵,同時(shí)點(diǎn)擊鼠標(biāo)的左鍵,在下部也會(huì)有一個(gè)小籃色方塊,此時(shí)放開鼠標(biāo)的左鍵及Shift上檔鍵,按鼠標(biāo)的右鍵,會(huì)有一個(gè)菜單彈出,把光標(biāo)點(diǎn)在"復(fù)制"上,這樣背景框就被復(fù)制了,然后點(diǎn)開剛才變最小化的編輯區(qū)頁面,把邊框粘貼到編輯區(qū)里,點(diǎn)居中給網(wǎng)頁固定位置,把編輯框右角“查看HTML源代碼”左邊的小框,顯示打上勾,整個(gè)網(wǎng)頁的所有代碼就顯示出來了,我們只要替換邊框的那部份代碼,別的不用理它,轉(zhuǎn)一下步驟------
舉例:
說明:紅色的代碼就是要換層數(shù)的代碼
第一層
<BR>
<P align=center>
<TABLE style="LEFT: -90px; WIDTH: 940px; BORDER-TOP-STYLE: dashed; BORDER-RIGHT-STYLE: dashed; BORDER-LEFT-STYLE: dashed; POSITION: relative; TOP: 0px; HEIGHT: 44px; BORDER-BOTTOM-STYLE: dashed" borderColor=#445522 cellPadding=8 align=center bgColor=#445522 border=0>
第二層
<TBODY>
<TR>
<TD width="100%">
<P align=center>
<TABLE cellSpacing=60 cellPadding=0 width="100%" bgColor=#556644 border=0>
第三層
<TBODY>
<TR>
<TD width="100%">
<P align=center>
<TABLE height=200 cellSpacing=20 cellPadding=0 width="100%" bgColor=#445522 background=0 border=0>
第四層
<TBODY>
<TR>
<TD width="100%">
<P align=center>
<TABLE borderColor=#445522 cellSpacing=8 cellPadding=8 bgColor=#556644 border=0>
第五層
<TBODY>
<TR>
<TD width="100%">
<P align=center>
<TABLE style="BORDER-RIGHT: #556644 15px dotted; BORDER-TOP: #556644 15px dotted; BORDER-LEFT: #556644 15px dotted" height=200 cellSpacing=15 cellPadding=0 width="100%" bgColor=#445522 border=0>
第六層
<TBODY>
<TR>
<TD width="100%">
<P align=center>
<TABLE style="BORDER-RIGHT: #ffffff 3px dotted; BORDER-TOP: #ffffff 3px dotted; BORDER-LEFT: #ffffff 3px dotted; BORDER-BOTTOM: #ffffff 3px dotted" height=200 cellSpacing=3 cellPadding=0 width="100%" bgColor=#556644 border=0>
三、點(diǎn)開網(wǎng)站網(wǎng)頁制作欄目。初學(xué)者園地,網(wǎng)頁素材:課堂學(xué)習(xí),選代碼大全——點(diǎn)開下面的地址欄打開也行;
http://xz0.2000y.net/104115/index.asp?xAction=xReadNews&NewsID=54237打開網(wǎng)頁后就能看到一個(gè)“代碼大全生成器”,里面有十二種制作網(wǎng)頁的生成器,單說網(wǎng)頁制作怎樣配顏色這種吧!點(diǎn)開左下角“網(wǎng)頁配色”欄,看到一個(gè)顏色代碼表,朋友你可以隨意選擇你所喜歡的顏色代碼制作網(wǎng)頁,點(diǎn)動(dòng)色碼表,表頭上面背景“顏色代碼:#662244”就會(huì)變動(dòng),這就是我們用來制作網(wǎng)頁的顏色代碼,復(fù)制顏色代碼到編輯區(qū)里的邊框代碼中,粘貼換掉原來的顏色代碼這樣就生成一種新款顏色的邊框了。
這是我制作邊框所學(xué)的一點(diǎn)方法,沒經(jīng)過專業(yè)培訓(xùn),也無法說出更好的制作知識(shí),講錯(cuò)的方面敬請各位老師和朋友們批評指正,我誠心和大家一起共同探討、共同學(xué)習(xí)、共同提高,祝朋友們成功!謝謝!