網(wǎng)頁編寫代碼大全總結(jié)_第1頁
網(wǎng)頁編寫代碼大全總結(jié)_第2頁
網(wǎng)頁編寫代碼大全總結(jié)_第3頁
網(wǎng)頁編寫代碼大全總結(jié)_第4頁
網(wǎng)頁編寫代碼大全總結(jié)_第5頁
已閱讀5頁，還剩6頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領(lǐng)

文檔簡介

1、網(wǎng)頁設(shè)計 網(wǎng)頁基本標簽代碼大全1.公司版權(quán)注釋<! The site is designed by Maketown,Inc 06/2000 >2.網(wǎng)頁顯示字符集簡體中文：<META HTTP-EQUIV=”Content-Type” CONTENT=”text/html; charset=gb2312>繁體中文：<META HTTP-EQUIV=”Content-Type” CONTENT=”text/html; charset=BIG5>英 語：<META HTTP-EQUIV=”Content-Type” CONTENT=”text/html;

2、charset=iso-8859-1>3.網(wǎng)頁制作者信息<META name=”author” content=”webmaste”>4.網(wǎng)站簡介 <META NAME=”DESCRIPTION” CONTENT=”xxxxxxxxxxxxxxxxxxxxxxxxxx”>5.搜索關(guān)鍵字 <META NAME=”keywords” CONTENT=”xxxx,xxxx,xxx,xxxxx,xxxx,”>6.網(wǎng)頁的css規(guī)范<LINK href=”style/style.css” rel=”stylesheet” type=”te

3、xt/css”>(參見目錄及命名規(guī)范)7.網(wǎng)頁標題 <title>xxxxxxxxxxxxxxxxxx</title>.可以選擇加入的標簽1.設(shè)定網(wǎng)頁的到期時間。一旦網(wǎng)頁過期，必須到服務器上重新調(diào)閱。<META HTTP-EQUIV=”expires” CONTENT=”Wed, 26 Feb 1997 08:21:57 GMT”>2.禁止瀏覽器從本地機的緩存中調(diào)閱頁面內(nèi)容。<META HTTP-EQUIV=”Pragma” CONTENT=”no-cache”>3.用來防止別人在框架里調(diào)用你的頁面。<META HTTP-E

4、QUIV=”Window-target” CONTENT=”_top”>4.自動跳轉(zhuǎn)。<META HTTP-EQUIV=”Refresh” CONTENT=”5;URL=”>5指時間停留5秒。5.網(wǎng)頁搜索機器人向?qū)?用來告訴搜索機器人哪些頁面需要索引，哪些頁面不需要索引。 <META NAME=”robots” CONTENT=”none”>CONTENT的參數(shù)有all,none,index,noindex,follow,nofollow。默認是all。6.收藏夾圖標<link rel = “Shortcut Icon” href=”favicon

5、.ico”>所有的javascript的調(diào)用盡量采取外部調(diào)用. <SCRIPT LANGUAGE=”javascript” SRC=”script/xxxxx.js”></SCRIPT>附<body>標簽：<body>標簽不屬于head區(qū)，這里強調(diào)一下，為了保證瀏覽器的兼容性，必須設(shè)置頁面背景<body bgcolor=”#FFFFFF”>flash透明在flash的源代碼中加上：<param name=”wmode” value=”transparent”>表格透明 style=”FILTER:

6、 alpha(opacity=72)”網(wǎng)址前添加icon的方法 1、上上用他的icon editor online制作一個圖標。他會將做好的圖標通過email即時發(fā)送給你。2、把這個命名為favicon.ico的圖標放置在index.html同一個文件夾中。就可以了。作一個圖標文件，大小為16*16像素。文件擴展名為ico，然后上傳到相應目錄中。在HTML源文件“head/head”之間添加如下代碼：Link Rel=”SHORTCUT ICON” href=”http:/圖片的地址（注意與剛才的目錄對應）”其中的“SHORTCUT ICON”即為該圖標的名稱。當然如果用戶使用IE5

7、或以上版本瀏覽時，就更簡單了，只需將圖片上傳到網(wǎng)站根目錄下，自動識別可以在收藏夾中顯示出你的圖標<link rel=”Bookmark” href=”favicon.ico”>狀態(tài)欄連接說明 <A HREF=”鏈接到某處” onmouseOver=”window.status=連接說明;return true;” onMouseOut=”window.status= ;”>某某鏈接</a>鏈接說明 <a href=“”Title=鏈接說明>禁止鼠標右鍵 在<body>標簽中加入 <body onco

8、ntextmenu=”return false”>DW里輸入空格插入N個&nbsp;水平線<hr width=”長度” size=”高度” color=”顏色代碼” noshade> noshade為有無陰影表單電子郵件提交< form name=”content” method=”post” action=”mailto:電子郵箱” >< /form>文本域名為Subject 為郵件的標題郵件鏈接定制 Mailto:地址 ? Subject=郵件的標題 &bc=抄送 &bcc=密件抄送背景音樂<bgsound

9、src=地址 loop=”-1>禁止頁面正文選取 <body oncontextmenu=”return false” ondragstart=”return false” onselectstart =”return false” onselect=”document.selection.empty()” oncopy=”document.selection.empty()” onbeforecopy=”return false”onmouseup=”document.selection.empty()”>消除ie6自動出現(xiàn)的圖像工具欄，設(shè)置 GALLERYIMG

10、屬性為false或no . <IMG SRC=”mypicture.jpg” HEIGHT=”100px” WIDTH=”100px” GALLERYIMG=”no”>防止點擊空鏈接時，頁面往往重置到頁首端。 代碼“javascript:void(null)”代替原來的“#”標記如何避免別人把你的網(wǎng)頁放在框架中 <script language=“javascript”><!if (self!=top)top.location=self.location; >< /script>頁面定時刷新 <met

11、a http-equiv=”Refresh” content=”秒” >頁面定時轉(zhuǎn)向新的地址<meta http-equiv=”refresh” content=”秒;URL=url”>顯示日期 <script language=”javascript”><!today=new Date();var week; var date;if(today.getDay()=0) week=”星期日”if(today.getDay()=1) week=”星期一”if(today.getDay()=2) week=”星期二”if(today.getDay()=

12、3) week=”星期三”if(today.getDay()=4) week=”星期四”if(today.getDay()=5) week=”星期五”if(today.getDay()=6) week=”星期六”date=(today.getYear()+”年”+(today.getMonth()+1)+”月”+today.getDate()+”日”+” ”document.write(“<span style=font-size: 9pt;>”+date+week+”</span>”);/ ></script>設(shè)為首頁 <A href

13、=# onclick=”this.style.behavior=url(#default#homepage);this.setHomePage(url);”>設(shè)為首頁</A>添加收藏<A href=”javascript:window.external.AddFavorite(url,'title)”>收藏本站</A>文字滾動插入邊框為0的1行1列的表格，在表格中輸入文字，選中文字，按ctrl+t輸入marquee direction=”up”, 回車即可讓文字在表格區(qū)域內(nèi)向上滾動。（right、down可用于讓文字或圖象向右及向下滾動，修改h

14、tml原代碼還可以得到需要的滾動速度。表單驗正 <SCRIPT language=javascript>function checkform(theform)i.value=”")alert(“姓名不能為空!”);.focus();return false;if(theform.tel.value=”")alert(“電話不能為空!”);theform.tel.focus();return false;</SCRIPT>定義鼠標bodycursor: url(cur.ani或cur);以圖片方式插視頻 <IMG height

15、=240 loop=infinite dynsrc= width=320>層在flash上面 < param name=”wmode” value=”opaque” >延遲跳轉(zhuǎn) <meta http-equiv=refresh content=3; url=javascript:window.close();>導航條變色：單元格<TR后面插入onmouseover=”javascript:this.bgColor=#57AE00” onmouseout=”javascript:this.bgColor=#99CCFF”居中<CENT

16、ER></CENTER>空鏈接javascript:;標題表格 <fieldset><legend>表格的說明</legend></fieldset>細線表格style=”BORDER-COLLAPSE: collapse;”滾動條顏色代碼BODYSCROLLBAR-FACE-COLOR: #FFFFFF;SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;SCROLLBAR-SHADOW-COLOR: #FFFFFF;SCROLLBAR-3DLIGHT-COLOR: #FFCBC8;SCROLLBA

17、R-ARROW-COLOR: #FFFFFF;SCROLLBAR-TRACK-COLOR: #FFFFFF;SCROLLBAR-DARKSHADOW-COLOR: #FFCBC8;SCROLLBAR-BASE-COLOR: #FFFFFF連續(xù)的英文或者一堆感嘆號!不會自動換行的問題 只要在CSS中定義了如下句子，可保網(wǎng)頁不會再被撐開了tabletable-layout: fixed;tdword-break: break-all; word-wrap:break-word;注釋一下：1.第一條tabletable-layout: fixed;，此樣式可以讓表格中有!(感嘆號)之類的字

18、符時自動換行。2.tdword-break: break-all，一般用這句這OK了，但在有些特殊情況下還是會撐開，因此需要再加上后面一句word-wrap:break-word;就可以解決。此樣式可以讓表格中的一些連續(xù)的英文單詞自動換行。javascript 常用技巧21.讓瀏覽器窗口永遠都不出現(xiàn)滾動條。body style=”overflow-x:hidden;overflow-y:hidden”或body style=”overflow:hidden” 或body scroll=no2，沒有水平滾動條body style=”overflow-x:hidden”3，沒有垂直滾動條body

19、style=”overflow-y:hidden”2,如何給圖片抖動怎做的.SCRIPT language=javascript1.2!var rector=2var stopit=0var a=1var count=0function init(which)stopit=0shake=whichshake.style.left=0shake.style.top=0function rattleimage()if (!document.all&&!document.getElementById)|stopit=1|count=100)returncount+if (a=1)sh

20、ake.style.top=parseInt(shake.style.top)+rectorelse if (a=2)shake.style.left=parseInt(shake.style.left)+rectorelse if (a=3)shake.style.top=parseInt(shake.style.top)-rectorelseshake.style.left=parseInt(shake.style.left)-rectorif (a4)a+elsea=1setTimeout(“rattleimage()”,50)function stoprattle(which)stop

21、it=1count=0which.style.left=0which.style.top=0/SCRIPTstyle.shakeimage POSITION: relative/styleimg src=”圖片的路徑” onmouseout=stoprattle(this) onmouseover=init(this);rattleimage()4，在DW如何給水平線加顏色。在DW中沒有此項設(shè)置，你只能在HTML中加入代碼：hr color=red noshade按F12的預覽在能看到。由于在NC中不支持hr的COLOR屬性，所以在DW中沒有此項設(shè)置。5，如何在網(wǎng)頁中實現(xiàn)flash的全屏播放？

22、只要在調(diào)用swf文件的HTML中將WIDTH和HEIGHT的參數(shù)設(shè)為100即可，當然也可以在Flash導出HTML文件的設(shè)置中進行設(shè)置，方法是：打開File菜單；選Publish Settings彈出導出設(shè)置對話框；在HTML標簽下的Dimensions選項,下拉后選中Percent（百分比）,并在WIDTH 和HEIGHT框中填100.就行了。6,為什么我在DW中插入的Flash動畫缺看不找！如果你沒有正確地安裝Dreamweaver和Flash，那么在你預覽的時候，Dreamweaver會提示你缺少播放的插件，請你按裝InstallAXFlash.exe 并從新啟動計算機。現(xiàn)在IE6已經(jīng)捆

23、綁這個程序。7，在Flash中，如果屏蔽鼠標右鍵?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)）fscom

24、mand (“exec”);（EXE程序調(diào)用）fscommand (“quit”);（退出關(guān)閉窗口）8，F(xiàn)lash中什么是隱形按鈕。利用button中的hit幀來制作只有感應區(qū)域而完全透明的按鈕。9，如何給Flash動畫做鏈接。Dreamweaver是不能給Flash制作鏈接的，只能在Flash中用geturl()加鏈接，然后再插入Dreamweaver中。10，DW中的層的技巧。層是可以嵌套的，我個人給大家一個技巧，在層面板中按住CTRL再拖放層到你想去成為其子層的地方就行了，我認為這是最簡單直觀的方法了。11，如何改變鼠標的形狀？在Dreamweaver4中CSS樣式面板：按CTR +SH

25、IFT+E出現(xiàn)樣式表對話框,點擊NEW，出現(xiàn)編輯對話框,在左邊最后一項extensions-cursor 選擇你要改的指針形式就可以了，然后把你要想改變的地方運用樣式表，如果整頁都有在body bgcolor=”#003063 text=”#ffffff” id=all中加入就行了。span style=”cursor:X樣例/span這里選擇（文本）作為對象，還可以自己改為其他的，如link等。x 可以等于=hand（手形）、crosshair（十字）、text（文本光標）、wait（顧名思義啦）、default（默認效果）、help（問號）、e-size（向右箭頭）、ne-resize（向

26、右上的箭頭）、nw-resize（向左上的箭頭）、w-resize（向左的箭頭）、sw- resize（左下箭頭）、s-resize（向下箭頭）、se-resize（向右下箭頭）、auto（系統(tǒng)自動給出效果）。12，用CSS做郵票，看看吧！input type=button value=我象不象郵票？ style=”height:80px;border:2px dashed #cccccc”13，經(jīng)常上網(wǎng)的朋友可能會到過這樣一些網(wǎng)站，一進入首頁立刻會彈出一個窗口，怎么做呢！這javascript代碼即可實現(xiàn)，摘錄藍色論壇?！?、最基本的彈出窗口代碼】其實代碼非常簡單：SCRIPT LANGUA

27、GE=”javascript”!window.open (page.html)/SCRIPT因為著是一段javascripts代碼，所以它們應該放?lt;SCRIPT LANGUAGE=”javascript”標簽和/script之間。! 和 是對一些版本低的瀏覽器起作用，在這些老瀏覽器中不會將標簽中的代碼作為文本顯示出來。要養(yǎng)成這個好習慣啊。window.open (page.html) 用于控制彈出新的窗口page.html，如果page.html不與主窗口在同一路徑下，前面應寫明路徑，絕對路徑(http:/)和相對路徑(./)均可。用單引號和雙引號都可以，只是不要混用。這一段代碼可以加入

28、HTML的任意位置，head和/head之間可以，body bgcolor=”#003063 text=”#ffffff” id=all間/body也可以，越前越早執(zhí)行，尤其是頁面代碼長，又想使頁面早點彈出就盡量往前放?！?、經(jīng)過設(shè)置后的彈出窗口】下面再說一說彈出窗口的設(shè)置。只要再往上面的代碼中加一點東西就可以了。我們來定制這個彈出的窗口的外觀，尺寸大小，彈出的位置以適應該頁面的具體情況。SCRIPT LANGUAGE=”javascript”!window.open (page.html, newwindow, height=100, width=400, top=0,left=0, too

29、lbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no)/寫成一行/SCRIPT參數(shù)解釋：SCRIPT LANGUAGE=”javascript” js腳本開始；window.open 彈出新窗口的命令；page.html 彈出窗口的文件名；newwindow 彈出窗口的名字（不是文件名），非必須，可用空“代替；height=100 窗口高度；width=400 窗口寬度；top=0 窗口距離屏幕上方的象素值；left=0 窗口距離屏幕左側(cè)的象素值；toolbar=no 是否顯示工具欄，yes為顯示；men

30、ubar，scrollbars 表示菜單欄和滾動欄。resizable=no 是否允許改變窗口大小，yes為允許；location=no 是否顯示地址欄，yes為允許；status=no 是否顯示狀態(tài)欄內(nèi)的信息（通常是文件已經(jīng)打開），yes為允許；/SCRIPT js腳本結(jié)束【3、用函數(shù)控制彈出窗口】下面是一個完整的代碼。htmlheadscript LANGUAGE=”javascript”!function openwin() window.open (“page.html”, “newwindow”, “height=100, width=400, toolbar=no, menubar

31、=no, scrollbars=no, resizable=no, location=no, status=no”)/寫成一行/script/headbody onload=”openwin()”任意的頁面內(nèi)容/body/html這里定義了一個函數(shù)openwin(),函數(shù)內(nèi)容就是打開一個窗口。在調(diào)用它之前沒有任何用途。怎么調(diào)用呢？方法一：body onload=”openwin()” 瀏覽器讀頁面時彈出窗口；方法二：body onunload=”openwin()” 瀏覽器離開頁面時彈出窗口；方法三：用一個連接調(diào)用：a href=”#” onclick=”openwin()”打開一個窗口/a注

32、意：使用的“#”是虛連接。方法四：用一個按鈕調(diào)用：input type=”button” onclick=”openwin()” value=”打開窗口”14，沒有用表格寫的，讓大家隨便看看，沒什么。htmlheadtitle江南荷花扇面/titlemeta http-equiv=”Content-Type” content=”text/html; charset=gb2312style type=”text/css”!.font1 font-size: 12px; color: #999999; text-decoration: nonea font-size: 12px; color: #

33、999999; text-decoration: nonea:hover font-size: 12px; color: #000000; text-decoration: none/style/headbody bgcolor=”#FFFFFF” text=”#000000div style=”writing-mode=tb-rl;height:200px” width=300p盛夏尚濤pa href=”index.htm”一夜露痕黃粉香袁運甫 /ap瑤池昨夜新涼王金嶺p一朵白蓮隨意開吳冠南p新雨迎秋欲滿塘齊辛民p十里荷香齊辛民p濯清蓮而不妖盧世曙/div/body/html15,IE6已支

34、持自定義cursor!語法格式 cursor:url(圖標) /cur或是ani文件.cur就是WINDOWS中的光標(cursor)文件，光標文件與圖標（ICON)文件除了文件頭有一個位置的值不同外，實際是一樣的。ani是WINDOWS中的動畫光標（圖標）文件。style type=”text/css”!.unnamed1 cursor:url(arrow2c.cur)/style16,用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=#

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論