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

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

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

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

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

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

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

消除連接的下劃線在新窗口打開(kāi)連接：

寫上你想寫的字

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

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

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

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

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

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

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

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

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

13)貼音樂(lè)：

14)貼flash:

15)貼影視文件：

16)換行：

17)段落：段落

18)原始文字樣式：正文

19)換帖子背景：

20)固定帖子背景不隨滾動(dòng)條滾動(dòng)：

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

22)帖子背景音樂(lè)：

23)貼網(wǎng)頁(yè)：

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

1。忽視右鍵

或

2。加入背景音樂(lè)

IE:

NS:

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

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

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

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

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

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

5。拉動(dòng)頁(yè)面時(shí)背景圖不動(dòng)

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

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

6。讓瀏覽器在保存頁(yè)面時(shí)保存失敗

7。隨機(jī)替換圖片

document.write(

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

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

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

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

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

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

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

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

height=100%width=100%>

13。返回上一頁(yè)

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

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

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

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

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

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

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

23.永遠(yuǎn)都會(huì)帶著框架

24.防止被人frame

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

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

27.刪除時(shí)確認(rèn)

刪除

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

functionlook(){if(event.shiftKey)

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

document.onkeydown=look;

29.網(wǎng)頁(yè)不會(huì)被緩存

或者

30.怎樣讓表單沒(méi)有凹凸感？

或

31.不要滾動(dòng)條?讓豎條沒(méi)有:

讓橫條沒(méi)有:

兩個(gè)都去掉？更簡(jiǎn)單了

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

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

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

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

打開(kāi)頁(yè)面的位置

36.在頁(yè)面中如何加入不是滿鋪的背景圖片,拉動(dòng)頁(yè)面時(shí)背景圖不動(dòng)body

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

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

38.獲得一個(gè)窗口的大小

document.body.clientWidth;document.body.clientHeight

39.怎么判斷是否是字符

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

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

//可以加上錯(cuò)誤處理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.選擇了哪一個(gè)Radio

functioncheckme()foreachobinradio1

ifob.checkedthenwindow.alertob.valuenext

endfunction

StyleBarcode

43.腳本永不出錯(cuò)

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

45.檢測(cè)某個(gè)網(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="鏈接超時(shí)"}else

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

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

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

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

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

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

no可用于Table

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

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

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

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

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

8.永遠(yuǎn)都會(huì)帶著框架

9.防止被人frame

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

11.

12.刪除時(shí)確認(rèn)

刪除

13.取得控件的絕對(duì)位置//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.判斷上一頁(yè)的來(lái)源javascript：

document.referrer

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

本例適用于IE

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

functionlook(){if(event.shiftKey)

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

document.onkeydown=look;

18.網(wǎng)頁(yè)不會(huì)被緩存

或者

19.怎樣讓表單沒(méi)有凹凸感？

或

20.&的區(qū)別？

(division)用來(lái)定義大段的頁(yè)面元素，會(huì)產(chǎn)生轉(zhuǎn)行

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

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

22.不要滾動(dòng)條?讓豎條沒(méi)有:

讓橫條沒(méi)有:

兩個(gè)都去掉？更簡(jiǎn)單了

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

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

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

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

打開(kāi)頁(yè)面的位置

27.在頁(yè)面中如何加入不是滿鋪的背景圖片,拉動(dòng)頁(yè)面時(shí)背景圖不動(dòng)body

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

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

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

29.獲得一個(gè)窗口的大小

document.body.clientWidth;document.body.clientHeight

30.怎么判斷是否是字符

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

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

32.日期減去天數(shù)等于第二個(gè)日期functioncc(dd,dadd){//可以加上錯(cuò)誤處理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.選擇了哪一個(gè)Radio

functioncheckme()foreachobinradio1

ifob.checkedthenwindow.alertob.valuenext

endfunction

styleBarcode

34.腳本永不出錯(cuò)

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

36.檢測(cè)某個(gè)網(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="鏈接超時(shí)"}else

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

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

38.頁(yè)面進(jìn)入和退出的特效

進(jìn)入頁(yè)面推出頁(yè)面

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

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

10錯(cuò)位橫百葉窗11錯(cuò)位豎百葉窗12點(diǎn)擴(kuò)散

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

23以上22種隨機(jī)選擇一種

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

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

其中屬性值有以下一些:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

scrollbar-dark-shadow-color：立體滾動(dòng)條強(qiáng)陰影的顏色scrollbar-face-color：立體滾動(dòng)條凸出部分的顏色scrollbar-highlight-color：滾動(dòng)條空白部分的顏色scrollbar-shadow-color立體滾動(dòng)條陰影的顏色。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中沒(méi)有此項(xiàng)設(shè)置，你只能在HTML中加入代碼：按F12的預(yù)覽在能看到。由于在NC中不支持的COLOR屬性，所以在DW中沒(méi)有此項(xiàng)設(shè)置。

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

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

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

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

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

fscommand("fullscreen","true/false";（全屏設(shè)置，TRUE開(kāi)，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快捷鍵開(kāi)，F(xiàn)ALSE快捷鍵關(guān)）fscommand("exec";（EXE程序調(diào)用）fscommand("quit";（退出關(guān)閉窗口）

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

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

9，如何給Flash動(dòng)畫做鏈接。

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

10，DW中的層的技巧。

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

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

在Dreamweaver4中CSS樣式面板：

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

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

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

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

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

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

參數(shù)解釋：

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

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

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

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

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

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

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

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

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

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

14，沒(méi)有用表格寫的，讓大家隨便看看，沒(méi)什么。

江南荷花扇面

盛夏尚濤

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

15,IE6已支持自定義cursor!

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

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

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

16,用marquee做的滾動(dòng)字幕.這也我剛看到論壇的朋友在問(wèn)。語(yǔ)法：

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

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

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

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

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

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

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

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

相信很多在使用WinME或Window201*的朋友，會(huì)遇見(jiàn)是個(gè)問(wèn)題。很簡(jiǎn)單，把我們筆記本程序打開(kāi)，保存為一個(gè)*.reg文件。雙擊它將信息添加到注冊(cè)表即可。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è)置表格虛線。

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

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

22,看看在網(wǎng)頁(yè)中調(diào)用HHCtrl控件效果。代碼如下：HHC.TextPopup("哈哈,大家好,我是閃夢(mèng)!","",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,如何在同一頁(yè)面設(shè)置不同文字鏈接效果的樣式.代碼如下：

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

下劃線鏈接

雙下劃線鏈接補(bǔ)充說(shuō)明：

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

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

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:"宋體"}//加入陰影效果補(bǔ)充說(shuō)明：

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

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

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

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

在DW4的表格面板中并沒(méi)有亮邊框和暗邊框的屬性設(shè)置，因?yàn)镹C不支持,只有你在代碼中添加了。

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

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

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

28,自動(dòng)顯示主頁(yè)最后更新日期.

document.write("最后更新日期："+document.lastModified+""愛(ài)電臺(tái)有我

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

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

是不是你的滾動(dòng)條在左邊啊

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

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

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

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

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

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

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

補(bǔ)充說(shuō)明：如何使用了ACTIVEX！,不再警告窗口？

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

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

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

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

35,通過(guò)按鈕來(lái)查看網(wǎng)頁(yè)源代碼。

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

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

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

37,如何做一個(gè)空鏈接？加#

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

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

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

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

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

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

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

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

tbody用法據(jù)說(shuō)是加強(qiáng)對(duì)表格的控制能力的.例如：..

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

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

文字文字

補(bǔ)充知識(shí)：里面如何多行換行？在源代碼里Enter回車。個(gè)人簡(jiǎn)歷例如：個(gè)人簡(jiǎn)歷

41,用javascript代碼來(lái)實(shí)現(xiàn)閃爍按鈕。

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

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

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

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

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

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

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

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

46,如何在本地機(jī)器上測(cè)試flash影片的loading？

我想這可能是很多人在問(wèn)的題了，其實(shí)很簡(jiǎn)單，在Test時(shí)，選選View->ShowStreaming就可以看到了。

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

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

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

第三種方法：用水平條。

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

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

red">移動(dòng)層

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

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

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

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

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

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

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

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

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

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

連結(jié)

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

圖形看齊方式圖

形看齊方式

取代文字（如果沒(méi)有辦法顯示圖形則顯示此文字）點(diǎn)選圖（需要CGI程式）

src="/URL"N2.0點(diǎn)選圖N2.0地圖（描述地圖）

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

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

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

段落（通常是兩個(gè)return）

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

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

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

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

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

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

N1.1+背景顏色（依序?yàn)榧t、綠、藍(lán)）N1.1+文字顏色N1.1+連結(jié)顏色N1.1+看過(guò)的連結(jié)N1.1使用中的連結(jié)4.特殊字元（以下標(biāo)簽需用小寫）

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

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

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

最長(zhǎng)字?jǐn)?shù)（以字元數(shù)為單位）下拉式選單

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

內(nèi)定選項(xiàng)

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

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

3.0定義表格

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

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

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

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

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

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

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

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

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

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

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

7.雜項(xiàng)說(shuō)明

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

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

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

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