前端網(wǎng)頁設(shè)計代碼大全

Html網(wǎng)頁設(shè)計代碼

設(shè)計第一技術(shù)其次:)----------------------------------

1)貼圖：<imgsrc="圖片地址">

2)加入連接：<ahref="所要連接的相關(guān)地址">寫上你想寫的字</a>1)貼圖：

2)加入連接：寫上你想寫的字

3)在新窗口打開連接：寫上要寫的字

消除連接的下劃線在新窗口打開連接：

寫上你想寫的字

4)移動字體(走馬燈)：寫上你想寫的字

5)字體加粗：寫上你想寫的字

6)字體斜體：寫上你想寫的字

7)字體下劃線:寫上你想寫的字

8)字體刪除線:寫上你想寫的字

9)字體加大:寫上你想寫的字

10)字體控制大�。簩懮夏阆雽懙淖�(其中字體大小可從h1-h5,h1最大，h5最小)

11)更改字體顏色：寫上你想寫的字(其中value值在000000與ffffff(16位進制)之間

12)消除連接的下劃線：寫上你想寫的字

13)貼音樂：

14)貼flash:

15)貼影視文件：

16)換行：

17)段落：段落

18)原始文字樣式：正文

19)換帖子背景：

20)固定帖子背景不隨滾動條滾動：

21)定制帖子背景顏色：(value值見10)

22)帖子背景音樂：

23)貼網(wǎng)頁：

/----------------------------------------HTML特效代碼--------------------------------/

1。忽視右鍵

或

2。加入背景音樂

IE:

NS:

*.mid你的背景音樂的midi格式文件3。簡單的window.open方法文字或圖片參數(shù)解釋：

js腳本開始；window.open彈出新窗口的命令；文件路徑/文件名彈出窗口的文件名；newwindow彈出窗口的名字（不是文件名），非必須，可用空代替；width=400窗口寬度；height=300窗口高度；

top=0窗口距離屏幕上方的象素值；left=0窗口距離屏幕左側(cè)的象素值；

toolbar=no是否顯示工具欄，yes為顯示；menubar，scrollbars表示菜單欄和滾動欄。

resizable=no是否允許改變窗口大小，yes為允許；location=no是否顯示地址欄，yes為允許；

status=no是否顯示狀態(tài)欄內(nèi)的信息（通常是文件已經(jīng)打開），yes為允許；js腳本結(jié)束4。簡單的頁面加密

5。拉動頁面時背景圖不動

body{background-image:url(logo.gif);

background-repeat:no-repeat;background-position:center}

6。讓瀏覽器在保存頁面時保存失敗

7。隨機替換圖片

document.write(

圖片文件名為0.gif1.gif2.gif3.gif4.gif8。窗口定時關(guān)閉

先將如下代碼網(wǎng)頁文件的區(qū)：

functioncloseit(){setTimeout("self.close()",10000)//毫秒}

然后再在標(biāo)內(nèi)加入如：9。網(wǎng)頁自動關(guān)閉

這個窗口會在10秒過后自動關(guān)閉,而且不會出現(xiàn)提示.

10。網(wǎng)頁自動刷新在head部記入

其中20為20秒后自動刷新，你可以更改為任意值。11。網(wǎng)頁自動轉(zhuǎn)頁

12。保持layer在最前面，而不被Iframe、Object所覆蓋在Layer中再插Iframe或Object設(shè)z-Index值＃前面＃后面

height=100%width=100%>

13。返回上一頁

『返回上一頁』14。關(guān)閉窗口

『關(guān)閉窗口』15。關(guān)于iframe的透明背景

16.oncontextmenu="window.event.returnValue=false"將徹底屏蔽鼠標(biāo)右鍵no可用于Table17.取消選取、防止復(fù)制18.onpaste="returnfalse"不準粘貼

19.oncopy="returnfalse;"oncut="returnfalse;"防止復(fù)制

20.IE地址欄前換成自己的圖標(biāo)

21.可以在收藏夾中顯示出你的圖標(biāo)

22.關(guān)閉輸入法

23.永遠都會帶著框架

24.防止被人frame

25.網(wǎng)頁將不能被另存為

26.查看網(wǎng)頁源代碼

27.刪除時確認

刪除

28.屏蔽功能鍵Shift,Alt,Ctrl

functionlook(){if(event.shiftKey)

alert("禁止按Shift鍵!");//可以換成ALTCTRL}

document.onkeydown=look;

29.網(wǎng)頁不會被緩存

或者

30.怎樣讓表單沒有凹凸感？

或

31.不要滾動條?讓豎條沒有:

讓橫條沒有:

兩個都去掉？更簡單了

32.怎樣去掉圖片鏈接點擊后，圖片周圍的虛線？

33.電子郵件處理提交表單

34.在打開的子窗口刷新父窗口的代碼里如何寫？window.opener.location.reload()

35.如何設(shè)定打開頁面的大小

打開頁面的位置

36.在頁面中如何加入不是滿鋪的背景圖片,拉動頁面時背景圖不動body

{background-image:url(logo.gif);background-repeat:no-repeat;background-position:center;background-attachment:fixed}

37.檢查一段字符串是否全由數(shù)字組成

38.獲得一個窗口的大小

document.body.clientWidth;document.body.clientHeight

39.怎么判斷是否是字符

if(/[^/x00-/xff]/g.test(s))alert("含有漢字");elsealert("全是字符");40.TEXTAREA自適應(yīng)文字行數(shù)的多少

41.日期減去天數(shù)等于第二個日期functioncc(dd,dadd){

//可以加上錯誤處理vara=newDate(dd)a=a.valueOf()

a=a-dadd*24*60*60*1000a=newDate(a)

alert(a.getFullYear()+"年"+(a.getMonth()+1)+"月"+a.getDate()+"日")}cc("12/23/201*",2)

42.選擇了哪一個Radio

functioncheckme()foreachobinradio1

ifob.checkedthenwindow.alertob.valuenext

endfunction

StyleBarcode

43.腳本永不出錯

44.ENTER鍵可以讓光標(biāo)移到下一個輸入框

45.檢測某個網(wǎng)站的鏈接速度：把如下代碼加入?yún)^(qū)域中:tim=1

setInterval("tim++",100)b=1

varautourl=newArray()autourl[1]=""autourl[2]="javacool.3322.net"autourl[3]=""autourl[4]=""autourl[5]=""functionbutt(){

document.write("")for(vari=1;i200)

{document.forms[0]["txt"+b].value="鏈接超時"}else

{document.forms[0]["txt"+b].value="時間"+tim/10+"秒"}b++}functionrun(){for(vari=1;iw-resizes-resizese-resizesw-resize

47、禁止鼠標(biāo)右鍵，把Demo的圖片全都設(shè)為表格的背景，表格的大小與圖片的大小一樣。這樣做看起來是一樣的，主要是防止鼠標(biāo)經(jīng)過圖片時會出現(xiàn)另存的按鈕。禁止鼠標(biāo)右鍵的代碼很簡單：

functionclick(){if(event.button==2)

{alert(呵呵，不好意思，你甭想使用右鍵下載圖片：）);}}document.onmousedown=click

48、在網(wǎng)頁的Head部分加入如下代碼，這段代碼的主要功能是屏蔽PrintScreen鍵，不斷清空剪貼版，防止圖片被用文件另存為菜單另存。

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////1.將徹底屏蔽鼠標(biāo)右鍵

no可用于Table

2.取消選取、防止復(fù)制

3.不準粘貼4.防止復(fù)制

5.IE地址欄前換成自己的圖標(biāo)

6.可以在收藏夾中顯示出你的圖標(biāo)

7.關(guān)閉輸入法

8.永遠都會帶著框架

9.防止被人frame

10.網(wǎng)頁將不能被另存為

11.

12.刪除時確認

刪除

13.取得控件的絕對位置//javascript

functiongetIE(E){vart=e.offsetTop;varl=e.offsetLeft;

while(e=e.offsetParent){t+=e.offsetTop;l+=e.offsetLeft;}

alert("top="+t+"/nleft="+l);}

//VBScript

14.光標(biāo)是停在文本框文字的最后functioncc(){

vare=event.srcElement;varr=e.createTextRange();

r.moveStart(`character`,e.value.length);r.collapse(true);r.select();}

15.判斷上一頁的來源javascript：

document.referrer

16.最小化、最大化、關(guān)閉窗口

本例適用于IE

17.屏蔽功能鍵Shift,Alt,Ctrl

functionlook(){if(event.shiftKey)

alert("禁止按Shift鍵!";//可以換成ALTCTRL}

document.onkeydown=look;

18.網(wǎng)頁不會被緩存

或者

19.怎樣讓表單沒有凹凸感？

或

20.&的區(qū)別？

(division)用來定義大段的頁面元素，會產(chǎn)生轉(zhuǎn)行

用來定義同一行內(nèi)的元素，跟的唯一區(qū)別是不產(chǎn)生轉(zhuǎn)行是ns的標(biāo)記，ie不支持，相當(dāng)于

21.讓彈出窗口總是在最上面:

22.不要滾動條?讓豎條沒有:

讓橫條沒有:

兩個都去掉？更簡單了

23.怎樣去掉圖片鏈接點擊后，圖片周圍的虛線？

24.電子郵件處理提交表單

25.在打開的子窗口刷新父窗口的代碼里如何寫？window.opener.location.reload()

26.如何設(shè)定打開頁面的大小

打開頁面的位置

27.在頁面中如何加入不是滿鋪的背景圖片,拉動頁面時背景圖不動body

{background-image:url(logo.gif);background-repeat:no-repeat;

background-position:center;background-attachment:fixed}

28.檢查一段字符串是否全由數(shù)字組成

29.獲得一個窗口的大小

document.body.clientWidth;document.body.clientHeight

30.怎么判斷是否是字符

if(/[^/x00-/xff]/g.test(s))alert("含有漢字";elsealert("全是字符";

31.TEXTAREA自適應(yīng)文字行數(shù)的多少

32.日期減去天數(shù)等于第二個日期functioncc(dd,dadd){//可以加上錯誤處理vara=newDate(dd)a=a.valueOf()

a=a-dadd*24*60*60*1000a=newDate(A)

alert(a.getFullYear()+"年"+(a.getMonth()+1)+"月"+a.getDate()+"日"}

cc("12/23/201*",2)

33.選擇了哪一個Radio

functioncheckme()foreachobinradio1

ifob.checkedthenwindow.alertob.valuenext

endfunction

styleBarcode

34.腳本永不出錯

35.ENTER鍵可以讓光標(biāo)移到下一個輸入框

36.檢測某個網(wǎng)站的鏈接速度：把如下代碼加入?yún)^(qū)域中:tim=1

setInterval("tim++",100)b=1

varautourl=newArray()autourl[1]="";autourl[2]="javacool.3322.net"

autourl[3]="";autourl[4]="";autourl[5]="";functionbutt(){

document.write(""for(vari=1;i200)

{document.forms[0]["txt"+b].value="鏈接超時"}else

{document.forms[0]["txt"+b].value="時間"+tim/10+"秒"}b++}

functionrun(){for(vari=1;icrosshair：十字標(biāo)e-resizen-resizenw-resizew-resizes-resizese-resizesw-resize

38.頁面進入和退出的特效

進入頁面推出頁面

這個是頁面被載入和調(diào)出時的一些特效。Duration表示特效的持續(xù)時間，以秒為單位。Transition表示使

用哪種特效，取值為1-23:0矩形縮小1矩形擴大2圓形縮小3圓形擴大4下到上刷新5上到下刷新6左到右刷新7右到左刷新8豎百葉窗9橫百葉窗

10錯位橫百葉窗11錯位豎百葉窗12點擴散

13左右到中間刷新14中間到左右刷新15中間到上下16上下到中間17右下到左上18右上到左下19左上到右下20左下到右上21橫條22豎條

23以上22種隨機選擇一種

39.在規(guī)定時間內(nèi)跳轉(zhuǎn)

40.網(wǎng)頁是否被檢索

其中屬性值有以下一些:

屬性值為"all":文件將被檢索，且頁上鏈接可被查詢；屬性值為"none":文件不被檢索，而且不查詢頁上的鏈接；屬性值為"index":文件將被檢索；屬性值為"follow":查詢頁上的鏈接；

屬性值為"noindex":文件不檢索，但可被查詢鏈接；

屬性值為"nofollow":文件不被檢索，但可查詢頁上的鏈接。

41.變換網(wǎng)頁的鼠標(biāo)光標(biāo)

42.怎樣實現(xiàn)在任務(wù)欄顯示小圖標(biāo)的效果？(要使用絕對地址)

有些站點，訪問時會在地址欄地址前顯出小圖標(biāo)，添加到收藏夾后也在收藏欄中顯示圖標(biāo)，這樣很好的與其它站點有了區(qū)別。

要達到這個效果，先需做出這個圖標(biāo)文件，圖像為16*16像素，不要超過16色。文件格式為ico，然后上傳至你的網(wǎng)站。

然后，在需要的頁面中，加上以下html語句到文件的和之間（假設(shè)以上ico文件的地址）。

如果訪問者的瀏覽器是IE5.0，就不需加任何代碼，只要將圖標(biāo)文件上傳到網(wǎng)站的根目錄下即可。

1,META標(biāo)簽里的代碼是什么意思？

是放于與之間的標(biāo)記.以下是我總結(jié)它在網(wǎng)頁中最常見的幾種。

該網(wǎng)頁的關(guān)鍵字，作用于搜索引擎的登錄，事實上它在現(xiàn)在的網(wǎng)站中并沒什么用。

設(shè)定這是HTML文件及其編碼語系，簡體中文網(wǎng)頁使用charset=gb2312，繁體中文使用charset=big5，或者不設(shè)編碼也可，純英文網(wǎng)頁建議使用iso-8859-1。這只表示該網(wǎng)頁由什么編輯器寫的。

這行較為實用，能于預(yù)定秒數(shù)內(nèi)自動轉(zhuǎn)到指定網(wǎng)址。原代碼中10表示10秒。2，怎么改變滾動條的顏色，只有ie5.5版本以上才能支持。

這是使用CSS語言，在次說明一下，它和我的瀏覽器版本有一定的關(guān)系。scrollbar-arrow-color：上下按鈕上三角箭頭的顏色。scrollbar-base-color：滾動條的基本顏色。

scrollbar-dark-shadow-color：立體滾動條強陰影的顏色scrollbar-face-color：立體滾動條凸出部分的顏色scrollbar-highlight-color：滾動條空白部分的顏色scrollbar-shadow-color立體滾動條陰影的顏色。scrollbar-track-color:#99CC33;scrollbar-3dlight-color:#A8CBF1;代碼如下：functionrattleimage(){

if((!document.all&&!document.getElementById)||stopit==1||count==100)returncount++if(a==1){

shake.style.top=parseInt(shake.style.top)+rector}

elseif(a==2){

shake.style.left=parseInt(shake.style.left)+rector}

elseif(a==3){

shake.style.top=parseInt(shake.style.top)-rector}else{

shake.style.left=parseInt(shake.style.left)-rector}

if(a

.shakeimage{POSITION:relative}

4，在DW如何給水平線加顏色。

在DW中沒有此項設(shè)置，你只能在HTML中加入代碼：按F12的預(yù)覽在能看到。由于在NC中不支持的COLOR屬性，所以在DW中沒有此項設(shè)置。

5，如何在網(wǎng)頁中實現(xiàn)flash的全屏播放？

只要在調(diào)用swf文件的HTML中將WIDTH和HEIGHT的參數(shù)設(shè)為100％即可，當(dāng)然也可以在Flash導(dǎo)出HTML文件的設(shè)置中進行設(shè)置，方法是：打開File菜單；選PublishSettings彈出導(dǎo)出設(shè)置對話框；在HTML標(biāo)簽下的Dimensions選項,下拉后選中Percent（百分比）,并在WIDTH和HEIGHT框中填100.就行了。

6,為什么我在DW中插入的Flash動畫缺看不找！

如果你沒有正確地安裝Dreamweaver和Flash，那么在你預(yù)覽的時候，Dreamweaver會提示你缺少播放的插件，請你按裝InstallAXFlash.exe并從新啟動計算機�，F(xiàn)在IE6已經(jīng)捆綁這個程序。

7，在Flash中，如果屏蔽鼠標(biāo)右鍵?FS命令都是什么意思?

fscommand("fullscreen","true/false";（全屏設(shè)置，TRUE開，F(xiàn)ALSE關(guān)）

fscommand("showmenu","true/false";（右鍵菜單設(shè)置，TRUE顯示，F(xiàn)ALSE不顯示）fscommand("allowscale","true/false";（縮放設(shè)置，TRUE自由縮放，F(xiàn)ALSE調(diào)整畫面不影響影片本身的尺寸）

fscommand("trapallkeys","true/false";（快捷鍵設(shè)置，TRUE快捷鍵開，F(xiàn)ALSE快捷鍵關(guān)）fscommand("exec";（EXE程序調(diào)用）fscommand("quit";（退出關(guān)閉窗口）

8，F(xiàn)lash中什么是隱形按鈕。

利用button中的hit幀來制作只有感應(yīng)區(qū)域而完全透明的按鈕。

9，如何給Flash動畫做鏈接。

Dreamweaver是不能給Flash制作鏈接的，只能在Flash中用geturl()加鏈接，然后再插入Dreamweaver中。

10，DW中的層的技巧。

層是可以嵌套的，我個人給大家一個技巧，在層面板中按住CTRL再拖放層到你想去成為其子層的地方就行了，我認為這是最簡單直觀的方法了。

11，如何改變鼠標(biāo)的形狀？

在Dreamweaver4中CSS樣式面板：

按CTR+SHIFT+E--出現(xiàn)樣式表對話框,點擊NEW，出現(xiàn)編輯對話框,在左邊最后一項extensions-cursor選擇你要改的指針形式就可以了，然后把你要想改變的地方運用樣式表，如果整頁都有在中加入就行了。

因為著是一段javascripts代碼，所以它們應(yīng)該放在標(biāo)簽和之間。是對一些版本低的瀏覽器起作用，在這些老瀏覽器中不會將標(biāo)簽中的代碼作為文本顯示出來。要養(yǎng)成這個好習(xí)慣啊。

window.open(`page.html`)用于控制彈出新的窗口page.html，如果page.html不與主窗口在同一路徑下，前面應(yīng)寫明路徑，絕對路徑(http://)和相對路徑(../)均可。用單引號和雙引號都可以，只是不要混用。

這一段代碼可以加入HTML的任意位置，和之間可以，間也可以，越前越早執(zhí)行，尤其是頁面代碼長，又想使頁面早點彈出就盡量往前放。【2、經(jīng)過設(shè)置后的彈出窗口】

下面再說一說彈出窗口的設(shè)置。只要再往上面的代碼中加一點東西就可以了。

我們來定制這個彈出的窗口的外觀，尺寸大小，彈出的位置以適應(yīng)該頁面的具體情況。

參數(shù)解釋：

js腳本開始；window.open彈出新窗口的命令；`page.html`彈出窗口的文件名；

`newwindow`彈出窗口的名字（不是文件名），非必須，可用空``代替；height=100窗口高度；width=400窗口寬度；

top=0窗口距離屏幕上方的象素值；left=0窗口距離屏幕左側(cè)的象素值；

toolbar=no是否顯示工具欄，yes為顯示；menubar，scrollbars表示菜單欄和滾動欄。

resizable=no是否允許改變窗口大小，yes為允許；location=no是否顯示地址欄，yes為允許；

status=no是否顯示狀態(tài)欄內(nèi)的信息（通常是文件已經(jīng)打開），yes為允許；js腳本結(jié)束

【3、用函數(shù)控制彈出窗口】下面是一個完整的代碼。

任意的頁面內(nèi)容

這里定義了一個函數(shù)openwin(),函數(shù)內(nèi)容就是打開一個窗口。在調(diào)用它之前沒有任何用途。怎么調(diào)用呢？

方法一：瀏覽器讀頁面時彈出窗口；方法二：瀏覽器離開頁面時彈出窗口；方法三：用一個連接調(diào)用：打開一個窗口注意：使用的“#”是虛連接。方法四：用一個按鈕調(diào)用：

14，沒有用表格寫的，讓大家隨便看看，沒什么。

江南荷花扇面

盛夏尚濤

一夜露痕黃粉香袁運甫瑤池昨夜新涼王金嶺一朵白蓮隨意開吳冠南新雨迎秋欲滿塘齊辛民十里荷香齊辛民濯清蓮而不妖盧世曙

15,IE6已支持自定義cursor!

語法格式cursor:url(圖標(biāo))//cur或是ani文件.

cur就是WINDOWS中的光標(biāo)(cursor)文件，光標(biāo)文件與圖標(biāo)（ICON)文件除了文件頭有一個位置的值不同外，實際是一樣的。

ani是WINDOWS中的動畫光標(biāo)（圖標(biāo)）文件。

16,用marquee做的滾動字幕.這也我剛看到論壇的朋友在問。語法：

align=#|top|middle|bottom//對齊方式)

BEHAVIOR=ALTERNATE|SCROLL|SLIDE//移動的方式BGCOLOR=color//底色區(qū)域顏色

DIRECTION=DOWN|LEFT|RIGHT|UP//移動的方向Loop=n//循環(huán)次數(shù)（默認是循環(huán)不止）Scrolldelay=milliseconds//延時height=#width=#//區(qū)域面積hspace=#vspace=#//空白區(qū)域scrollamount=#//移動的速度

17，在FLASH5中也存在一些字體，打散后變成一團的事是為什么？有解決的辦法嗎。這是大家很常見的問題！可能是對字庫支持的不好！我個是做成透明的gif圖片格式，然后倒入。

18，flash的網(wǎng)頁里“加入收藏夾”功能怎么實現(xiàn)？

在as中加getUrl("javascript：window.external.addFavorite(`,`我的工作室`)"

19，在Flash中，文本的動態(tài)屬性和輸入屬性的區(qū)別。inputtext在運行時可被用戶或程序改變其值。ynamictext僅允許被程序修改。

20,怎樣在IE中調(diào)用Dreamweaver進行編輯.

相信很多在使用WinME或Window201*的朋友，會遇見是個問題。很簡單，把我們筆記本程序打開，保存為一個*.reg文件。雙擊它將信息添加到注冊表即可。REGEDIT4

[HKEY_CLASSES_ROOT\\.htm\\OpenWithList\\Dreamweaver]

[HKEY_CLASSES_ROOT\\.htm\\OpenWithList\\Dreamweaver\\shell][HKEY_CLASSES_ROOT\\.htm\\OpenWithList\\Dreamweaver\\shell\\edit]

[HKEY_CLASSES_ROOT\\.htm\\OpenWithList\\Dreamweaver\\shell\\edit\\command]@="\\"c:\\\\ProgramFiles\\\\Macromedia\\\\Dreamweaver4\\\\dreamweaver.exe\\"\\"%1\\""

21，設(shè)置表格虛線。

方法一：作一個1X2的圖。半黑半白，再利用表格作成線。方法二：在css里面設(shè)，要IE5。5才支持這種效果。

style="BORDER-LEFT:#0000001PXDASHED;BORDER-RIGHT:#0000001PXDASHED;BORDER-TOP:#0000001PXDASHED;BORDER-BOTTOM:#0000001PXDASHED"

22,看看在網(wǎng)頁中調(diào)用HHCtrl控件效果。代碼如下：HHC.TextPopup("哈哈,大家好,我是閃夢!","",50,5,128255,346751);

22，如何讓一張圖片有淺到深的漸變。{

timer=setInterval("scrollwindow()",16);}

functionsc(){

clearInterval(timer);}

functionscrollwindow(){

currentpos=document.body.scrollTop;window.scroll(0,++currentpos);

if(currentpos!=document.body.scrollTop)sc();}

document.onmousedown=scdocument.ondblclick=initialize

24,如何在同一頁面設(shè)置不同文字鏈接效果的樣式.代碼如下：

如何在同一頁面設(shè)置不同文字鏈接效果的樣式

下劃線鏈接

雙下劃線鏈接補充說明：

a:hover表示鼠標(biāo)劃過時的樣式.a:link表示鏈接的樣式.

a:active表示當(dāng)前活動連接的樣式.a:visited表示已經(jīng)訪問過的連接的樣式.

25,用CSS給文字加入陰影效果和文字描邊效果。

.glow{FONT-SIZE:9pt;FILTER:Glow(Color=#000000,Strength=1)}//文字描邊效果

.shadow{FONT-SIZE:9pt;FILTER:DropShadow(OffX=1,OffY=1,DropShadow(OffX=1,OffY=1,color:#111111);COLOR:#ffffff;FONT-FAMILY:"宋體"}//加入陰影效果補充說明：

這兩種濾鏡要想實現(xiàn)效果，必須加在如：xxxxxxxxx上

，并且要留有足夠的空間能夠顯示陰影或描邊，否則會出現(xiàn)半截的陰影或描邊現(xiàn)象。

26,如何給做帶顏色的下拉菜單。::Dreamweaver4::::Flash5::::Firewoks4::

27,關(guān)于DW4的表格中的亮邊框和暗邊框問題。

在DW4的表格面板中并沒有亮邊框和暗邊框的屬性設(shè)置，因為NC不支持,只有你在代碼中添加了。

bordercolorlight="#999999"bordercolordark="#000000"你也可以用Css定義一個class。例如：

.bordercolor{bordercolorlight:#999999;bordercolordark:#000000}

然后在要加效果的表格里加上

28,自動顯示主頁最后更新日期.

document.write("最后更新日期："+document.lastModified+""愛電臺有我

29,如何讓滾動條出現(xiàn)在左邊？

我想居然在論壇中有人發(fā)表了這段代碼，很有意思，它的確照顧一些左撇子，呵呵！

是不是你的滾動條在左邊啊

30,如何加入網(wǎng)址前面的小圖標(biāo)？

首先,您必須了解所謂的圖標(biāo)（Icon）是一種特殊的圖形文件格式，它是以.ico作為擴展名。你可用在網(wǎng)上找一個制作圖標(biāo)軟件，它具有特有的規(guī)格：圖標(biāo)的大小為16*16（以像素為單位）；顏色不得超過16色。在該網(wǎng)頁文件的HEAD部分加入下面的內(nèi)容：,并放在該網(wǎng)頁的根目錄下。

31,在800*600顯示器中，如何不讓網(wǎng)頁水平出現(xiàn)滾動條！

設(shè)至，網(wǎng)頁中的表格寬度為778。

32,關(guān)于的說明解釋。

在網(wǎng)頁中，經(jīng)常會看到〈!DOCTYPEHTMLPUBLIC`-//W3C//DTDHTML4.01//EN`>，是聲明HTML文件的版本信息。

33,用圖片來關(guān)閉窗體.

補充說明：如何使用了ACTIVEX！,不再警告窗口？

關(guān)閉窗口無提示

34,禁止鼠標(biāo)右鍵查看網(wǎng)頁源代碼。functionclick()

{if(event.button==2){alert(`你好,歡迎光臨！`)}}document.onmousedown=click補充說明：

鼠標(biāo)完全被封鎖,可以屏蔽鼠標(biāo)右鍵和網(wǎng)頁文字。

35,通過按鈕來查看網(wǎng)頁源代碼。

window.location.href`name="BUTTON">

36,怎么用文字聯(lián)結(jié)實現(xiàn)按鈕的SUBMIT功能？OK

這段文字要放在form里。formname是這里要寫在form中的name,那么就應(yīng)該是form111.submit()

37,如何做一個空鏈接？加#

38,利用來給網(wǎng)頁中插入網(wǎng)頁。經(jīng)常我看到很多網(wǎng)頁中又有一個網(wǎng)頁，還以為是用了框架，其實不然，是用了,它只適用于IE，NS可是不支持的，但圍著的字句只有在瀏覽器不支援iframe標(biāo)記時才會顯示，如一樣，可以放些提醒字句之類的話。你注意��！下面請和我學(xué)習(xí)它的用法。

分析代碼：src="iframe.html"

用來顯示中的網(wǎng)頁來源，必要加上相對或絕對路徑。name="test"

這是連結(jié)標(biāo)記的target參數(shù)所需要的。align="MIDDLE"

可選值為left,right,top,middle,bottom，作用不大。width="300"height="100"

框窗的寬及長，以pixels為單位。marginwidth="1"marginheight="1"該插入的文件與框邊所保留的空間。frameborder="1"

使用1表示顯示邊框，0則不顯示。（可以是yes或no）scrolling="Yes"

使用Yes表示容許卷動（內(nèi)定），No則不容許卷動。39,請問＜tbody＞的用法？

tbody用法據(jù)說是加強對表格的控制能力的.例如：..

tbody代碼如果不是你用手寫的話,只有在你用IE5打開一個網(wǎng)頁的時候，把它另存為一下，你的另存為的文件在表格中就會生成tbody代碼。(即便你的表格根本就沒有tbody代碼，IE5另存為的時候也會給你生成)。

40,Alt和Title都是提示性語言標(biāo)簽，請注意它們之間的區(qū)別。在我們?yōu)g覽網(wǎng)頁時，當(dāng)鼠標(biāo)停留在圖片對象或文字鏈接上時，在鼠標(biāo)的右下角有時會出現(xiàn)一個提示信息框。對目標(biāo)進行一定的注釋說明。在一些場合，它的作用是很重要的。alt用來給圖片來提示的。Title用來給鏈接文字或普通文字提示的。用法如下：

文字文字

補充知識：里面如何多行換行？在源代碼里Enter回車。個人簡歷例如：個人簡歷

41,用javascript代碼來實現(xiàn)閃爍按鈕。

43,在DW中如何使插入的FLASH透明。

方法一：選中swf,打開原代碼窗口，在前輸入:

方法二：在Flash中的Flie→PublistSettings→HTML→WindowMode選擇transparent

44,在DW編輯文本中，如何輸入一個空格呢？

輸入空格的問題，在DW似乎已成了一個老生常談的問題。通過將輸入法調(diào)整到全角模式就可以避免了。本以人工智能ABC為例.按Shift+Space切換到全角狀態(tài)。

45,為何我的DW中圖形顯示不正常。

第一種：可能是因為你定義并正在使用一個site，而你的HTML文件或者圖片不在這個site包含的區(qū)域之內(nèi)，因此dreamweaver使用file協(xié)議來

描述圖象的絕對路徑，可惜IE不支持src中使用file協(xié)議，所以圖象就顯示不出來了。第二種：可能是放圖片的文件夾或圖片名為中文，也顯示不到網(wǎng)頁中去。

46,如何在本地機器上測試flash影片的loading？

我想這可能是很多人在問的題了，其實很簡單，在Test時，選選View->ShowStreaming就可以看到了。

47,在網(wǎng)頁中做出一根豎的線有幾種辦法.第一種方法：用一個像素圖的辦法！

如果你用Dreamwever的Edit→Preferences→LayoutView中的SpacerImage給你創(chuàng)建了一個缺省名為：spacer.gif的一個像素圖文件。代碼中：

第二種方法：用表格填顏色的辦法！把中的刪掉.

第三種方法：用水平條。

48,關(guān)于鼠標(biāo)拖動,改變層大小。──看看微軟的做法.

document.execCommand("2D-position",false,true);

red">移動層

---------------------------

1.結(jié)構(gòu)性定義文件類型（放在檔案的開頭與結(jié)尾）文件主題（必須放在「文頭」區(qū)塊內(nèi)）文頭（描述性資料，像是「主題」）

文體（文件本體）（由瀏覽器控制的顯示風(fēng)格）標(biāo)題（從1到6，有六層選擇）

標(biāo)題的對齊區(qū)分區(qū)分的對齊引文區(qū)塊（通常會內(nèi)縮）強調(diào)（通常會以斜體顯示）

特別強調(diào)（通常會以加粗顯示）引文（通常會以斜體顯示）碼（顯示原始碼之用）樣本鍵盤輸入

變數(shù)定義（有些瀏覽器不提供）地址大字小字

與外觀相關(guān)的標(biāo)簽（作者自訂的表現(xiàn)方式）加粗斜體

底線（尚有些瀏覽器不提供）刪除線（尚有些瀏覽器不提供）下標(biāo)上標(biāo)

打字機體（用單空格字型顯示）預(yù)定格式（保留文件中空格的大�。╊A(yù)定格式的寬度（以字元計算）向中看齊（文字與圖片都可以）閃耀（有史以來最被嘲弄的標(biāo)簽）字體大�。◤�1到7）改變字體大小

基本字體大�。◤�1到7;內(nèi)定為3）字體顏色2.連結(jié)與圖形

連結(jié)

連結(jié)到錨點（如果錨點在另一個檔案）（如果錨點目前的檔案）連結(jié)到目的視框設(shè)定錨點圖形

圖形看齊方式圖

形看齊方式

取代文字（如果沒有辦法顯示圖形則顯示此文字）點選圖（需要CGI程式）

src="/URL"N2.0點選圖N2.0地圖（描述地圖）

N2.0段落3.0大�。ㄒ詐ixels為單位）N1.0圖形邊緣（以pixels為單位）

N1.0圖形邊緣空間（以pixels為單位）N1.0低解析度圖形

N1.1用戶端拉（使用端自動更新）N2.0內(nèi)嵌物件（將物件插入頁面）N2.0內(nèi)嵌物件大小3.分隔

段落（通常是兩個return）

3.0段落（新定義成容器型標(biāo)簽）

3.0文字看齊方式換行（一個return）N1.0文字部份看齊方式（與圖形合用時）橫線N1.0橫線對齊N1.0橫線厚度（以pixels為單位）N1.0橫線寬度（以pixels為單位）N1.0橫線比率寬度（以頁寬為100%）N1.0實線（沒有立體效果）N1.0不可換行（不換行）N1.0可換行處（如果需要，可在此斷行）列舉（可以巢狀列舉）無次序式列舉（放在每一項前）

N1.0公布式列舉（定義全部的列舉項）（定義這個及其后的列舉項）有次序式列舉（放在每一項前）

N1.0數(shù)標(biāo)型態(tài)（定義全部的列舉項）（定義這個及其后的列舉項）

N1.0起始數(shù)字（定義全部的列舉項）（定義這個及其后的列舉項）定義式列舉（項目,定義）表單式列舉（放在每一項前）目錄式列舉（放在每一項前）背景與顏色

3.0重復(fù)排列的背景

N1.1+背景顏色（依序為紅、綠、藍）N1.1+文字顏色N1.1+連結(jié)顏色N1.1+看過的連結(jié)N1.1使用中的連結(jié)4.特殊字元（以下標(biāo)簽需用小寫）

特別符號&#?;（其中?代表ISO8859-1的編碼）<<>>&&""注冊商標(biāo)TM?N1.0+注冊商標(biāo)TM?著作權(quán)符號?N1.0+著作權(quán)符號?5.表單（通常需要與CGI程式配合）

定義表單N2.0上傳檔案輸入欄位欄位名稱欄位內(nèi)定值

已選定（適用於checkboxes與radioboxes）欄位寬度（以字元數(shù)為單位）

最長字數(shù)（以字元數(shù)為單位）下拉式選單

下拉式選單名稱選單項目數(shù)量多選式選單（多選）選項

內(nèi)定選項

文字輸入?yún)^(qū)輸入?yún)^(qū)名稱

N2.0輸入?yún)^(qū)換行方式6.表格

3.0定義表格

3.0表格框線（有或沒有）N1.1表格框線（可以設(shè)定數(shù)值）N1.1儲存格左右留白N1.1儲存格上下留白N1.1表格寬度（以pixels為單位）N1.1寬度比率（頁寬為100%）3.0表格列

3.0表格列內(nèi)容看齊3.0儲存格（須與列并用）

3.0儲存格內(nèi)容看齊3.0不換行

N3.0儲存格背景顏色3.0儲存格橫向連接3.0儲存格縱向連接

N1.1儲存格寬度（以pixels為單位）N1.1儲存格寬度比率（頁寬為100%）3.0表格標(biāo)題（跟一樣，不過會對中并加粗）

3.0表格標(biāo)題對齊3.0表格標(biāo)題不換行3.0表格標(biāo)題占幾欄3.0表格標(biāo)題占幾列

N1.1表格標(biāo)題寬度（以pixels為單位）N1.1表格標(biāo)題比率寬度（頁寬為100%）3.0表格抬頭

3.0表格抬頭看齊（在表格之上/之下）視框（定義與控制螢?zāi)簧系奶囟▍^(qū)域）

N2.0視框格式總定義（取代）N2.0視框行長度分配（pixels或%）N2.0視框行長度分配（*=相對大�。㎞2.0視框欄寬度分配（pixels或%）N2.0視框欄寬度分配（*=相對大�。㎞2.0定義個別視框（定義個別視框）N2.0個別視框內(nèi)容

N2.0個別視框名稱N2.0邊緣寬度（「左」與「右」邊界）N2.0邊緣高度（「天頂」與「地底」邊界）N2.0卷動條N2.0不可改變大小

N2.0無視框時的內(nèi)容（如果瀏覽器不提供視框功能的話）（瀏覽器不會顯示）

7.雜項說明

友情提示：本文中關(guān)于《前端網(wǎng)頁設(shè)計代碼大全》給出的范例僅供您參考拓展思維使用，前端網(wǎng)頁設(shè)計代碼大全：該篇文章建議您自主創(chuàng)作。

來源：網(wǎng)絡(luò)整理 免責(zé)聲明：本文僅限學(xué)習(xí)分享，如產(chǎn)生版權(quán)問題，請聯(lián)系我們及時刪除。

《前端網(wǎng)頁設(shè)計代碼大全》由互聯(lián)網(wǎng)用戶整理提供,轉(zhuǎn)載分享請保留原作者信息,謝謝!
鏈接地址：http://www.weilaioem.com/gongwen/713197.html

• 上一篇：前端網(wǎng)頁提速的具體方法
• 下一篇：網(wǎng)頁前端設(shè)計師崗位職責(zé)