邊框製作 雲杜紅葉

運用顏色代碼代替圖片素材製作邊框

朋友們當你看到一個個精美的邊框在網站上貼出，你是不是也為之心動，很想試一下自己也製作一些精美的邊框呢？下面我和大家一起共同學習運用顏色代碼代替圖片素材製作邊框。運用顏色代碼代替圖片製作邊框費時又省力，穩定性強，打開頁面速度快的特點，而且用顏色代碼製作的邊框永久性不會消失。學習製作步驟:一、打開網站的首頁，右面用戶登陸進入到編輯文章後台，點「發表文章」看到一個編輯框，這就是我們經常編輯文章的編輯區，大家了解一下這個編輯框裡面的功能圖標，然後點當前頁面為最小化，轉到下一步驟--------二、複製一個用顏色代碼製成的邊框。朋友可以在網頁製作欄目里找，裡面有很多制好完成的邊框，在您喜歡的邊框上部(外部)按住鍵盤上的Shift上檔鍵,同時點擊滑鼠的左鍵，這時在背景框的上部有一個小的籃色方塊，然後在背景框的下部(外面)，按住鍵盤上的Shift上檔鍵,同時點擊滑鼠的左鍵，在下部也會有一個小籃色方塊，此時放開滑鼠的左鍵及Shift上檔鍵，按滑鼠的右鍵，會有一個菜單彈出，把游標點在"複製"上，這樣背景框就被複制了，然後點開剛才變最小化的編輯區頁面，把邊框粘貼到編輯區里，點居中給網頁固定位置，把編輯框右角「查看HTML源代碼」左邊的小框，顯示打上勾，整個網頁的所有代碼就顯示出來了,我們只要替換邊框的那部份代碼,別的不用理它,轉一下步驟------舉例:說明:紅色的代碼就是要換層數的代碼第一層<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 ><P align=center><TABLE cellSpacing=60 cellPadding=0 bgColor=#556644 border=0>第三層<TBODY><TR><TD ><P align=center><TABLE height=200 cellSpacing=20 cellPadding=0 bgColor=#445522 background=0 border=0>第四層<TBODY><TR><TD ><P align=center><TABLE borderColor=#445522 cellSpacing=8 cellPadding=8 bgColor=#556644 border=0>第五層<TBODY><TR><TD ><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 bgColor=#445522 border=0>第六層<TBODY><TR><TD ><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 bgColor=#556644 border=0>三、點開網站網頁製作欄目。初學者園地，網頁素材：課堂學習，選代碼大全——點開下面的地址欄打開也行；http://xz0.2000y.net/104115/index.asp?xAction=xReadNews&NewsID=54237打開網頁後就能看到一個「代碼大全生成器」，裡面有十二種製作網頁的生成器，單說網頁製作怎樣配顏色這種吧！點開左下角「網頁配色」欄，看到一個顏色代碼表，朋友你可以隨意選擇你所喜歡的顏色代碼製作網頁，點動色碼錶，表頭上面背景「顏色代碼：#662244」就會變動，這就是我們用來製作網頁的顏色代碼，複製顏色代碼到編輯區里的邊框代碼中，粘貼換掉原來的顏色代碼這樣就生成一種新款顏色的邊框了。這是我製作邊框所學的一點方法，沒經過專業培訓，也無法說出更好的製作知識，講錯的方面敬請各位老師和朋友們批評指正，我誠心和大家一起共同探討、共同學習、共同提高，祝朋友們成功！謝謝！

推薦閱讀：