網(wǎng)頁制作小結(jié)

網(wǎng)頁常用小技巧1.oncontextmenu="window.event.returnValue=false"將徹底屏蔽鼠標右鍵

<tableborderoncontextmenu=return(false)><td>no</table>可用于Table

2.<bodyonselectstart="returnfalse">取消選取、防止復(fù)制

3.onpaste="returnfalse"不準粘貼

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

5.<linkrel="ShortcutIcon"href="favicon.ico">IE地址欄前換成自己的圖標

6.<linkrel="Bookmark"href="favicon.ico">可以在收藏夾中顯示出你的圖標

7.<inputstyle="ime-mode:disabled">關(guān)閉輸入法

8.永遠都會帶著框架

<scriptlanguage="JavaScript"><!--

if(window==top)top.location.href="frames.htm";//frames.htm為框架網(wǎng)頁

//--></script>

9.防止被人frame

<SCRIPTLANGUAGE=JAVASCRIPT><!--

if(top.location!=self.location)top.location=self.location;

//--></SCRIPT>

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

<noscript><iframesrc=*.html></iframe></noscript>

11.<inputtype=buttonvalue=查看網(wǎng)頁源代碼

onclick="window.location='view-source:'+'/'">

12.刪除時確認

<ahref='javascript:if(confirm("確實要刪除嗎?"))location="boos.asp?&areyou=刪除&page=1"'>刪

除</a>

13.取得控件的絕對位置

//Javascript

<scriptlanguage="Javascript">

functiongetIE(e){

vart=e.offsetTop;

varl=e.offsetLeft;

while(e=e.offsetParent){

t+=e.offsetTop;

l+=e.offsetLeft;

}

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

}

</script>

//VBScript

<scriptlanguage="VBScript"><!--

functiongetIE()

dimt,l,a,b

seta=document.all.img1

t=document.all.img1.offsetTop

l=document.all.img1.offsetLeft

whilea.tagName<>"BODY"

seta=a.offsetParent

t=t+a.offsetTop

l=l+a.offsetLeft

wend

msgbox"top="&t&chr(13)&"left="&l,64,"得到控件的位置"

endfunction

--></script>

14.光標是停在文本框文字的最后

<scriptlanguage="javascript">

functioncc()

{

vare=event.srcElement;

varr=e.createTextRange();

r.moveStart('character',e.value.length);

r.collapse(true);

r.select();

}

</script>

<inputtype=textname=text1value="123"onfocus="cc()">

15.判斷上一頁的來源

javascript:

document.referrer

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

<objectid=hh1classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">

<paramname="Command"value="Minimize"></object>

<objectid=hh2classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">

<paramname="Command"value="Maximize"></object>

<OBJECTid=hh3classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">

<PARAMNAME="Command"VALUE="Close"></OBJECT>

<inputtype=buttonvalue=最小化onclick=hh1.Click()>

<inputtype=buttonvalue=最大化onclick=hh2.Click()>

<inputtype=buttonvalue=關(guān)閉onclick=hh3.Click()>

本例適用于IE

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

<script>

functionlook(){

if(event.shiftKey)

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

}

document.onkeydown=look;

</script>

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

<METAHTTP-EQUIV="pragma"CONTENT="no-cache">

<METAHTTP-EQUIV="Cache-Control"CONTENT="no-cache,must-revalidate">

<METAHTTP-EQUIV="expires"CONTENT="Wed,26Feb199708:21:57GMT">

或者<METAHTTP-EQUIV="expires"CONTENT="0">

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

<inputtype=textstyle="border:1solid#000000">

或

<inputtype=textstyle="border-left:none;border-right:none;border-top:none;border-bottom:

1solid#000000"></textarea>

20.<div><span>&<layer>的區(qū)別？

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

<span>用來定義同一行內(nèi)的元素，跟<div>的唯一區(qū)別是不產(chǎn)生轉(zhuǎn)行

<layer>是ns的標記，ie不支持，相當(dāng)于<div>

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

<bodyonblur="this.focus();">

22.不要滾動條?

讓豎條沒有:

<bodystyle='overflow:scroll;overflow-y:hidden'>

</body>

讓橫條沒有:

<bodystyle='overflow:scroll;overflow-x:hidden'>

</body>

兩個都去掉？更簡單了

<bodyscroll="no">

</body>

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

<ahref="#"onFocus="this.blur()"><imgsrc="logo.jpg"border=0></a>

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

<formname="form1"method="post"action="mailto:****@***.com"enctype="text/plain">

<inputtype=submit>

</form>

25.在打開的子窗口刷新父窗口的代碼里如何寫？

window.opener.location.reload()

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

<bodyonload="top.resizeTo(300,200);">

打開頁面的位置<bodyonload="top.moveBy(300,200);">

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

<STYLE>

body

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

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

</STYLE>CSS透明度大匯總近年來，CSS不透明算得上是一種相當(dāng)流行的技術(shù)，但在跨瀏覽器支持上，對于開發(fā)者來說，可以說是一件令人頭疼的事情。目前還沒有一個通用方法，以確保透明度設(shè)置可以在目前使用的所有瀏覽器上有效。這篇匯總主要是提供一些CSS不透明的詳細介紹，代碼示例和解釋，以實現(xiàn)這項有用的CSS技術(shù)在您的項目中兼容所有瀏覽器。關(guān)于CSS透明度，有一點需要注意的是，它雖然使用了很多年，但它一直以來都不是一個標準屬性。它是一種非標準技術(shù)，應(yīng)該是CSS3規(guī)范的一部分。1.舊的Opacity設(shè)置以下代碼是Firefox和Safari舊版本所需的透明度設(shè)置:#myElement{

-khtml-opacity:.5;

-moz-opacity:0.5;

}

-khtml-opacity設(shè)置是針對舊版本的Webkit渲染引擎，這種專用屬性現(xiàn)在已經(jīng)過時了，除非你還有需要兼容Safari1.x.的用戶。第二行使用專用屬性

-moz-opacity是

為了兼容Mozilla渲染引擎的早期版本，以及追溯到NetscapeNavigator。Firefox0.9以后就不要求使用-moz-opacity屬性，F(xiàn)irefox3.5（現(xiàn)在使用Gecko引擎）已經(jīng)不在支持這個屬性。2.在Firefox,Safari,Chrome和Opera下的CSS透明度以下代碼是除了IE外的所有當(dāng)前瀏覽器的最簡單，最最新的不透明度設(shè)置的CSS語法：#myElement{

opacity:.7;

}

上述語法將設(shè)置一個元素為70％不透明（或30%透明）。設(shè)置opacity:1將使元素不透明，而設(shè)置opacity:0將使得元素完全不可見。你

只要記住“opacity”等同于“不透明”就很容易記住了，opacity值越小就越接近透明。opacity屬性可以精確地小數(shù)點后兩位，所以值取“.01”和“.02”實際上是不同的，雖然可見度很難被發(fā)覺。一般情況下，精確到一位就可以了，取值如“.3”或“.7”。3.IE下的CSS透明度IE下照舊有別于其他瀏覽器，并且目前也有三個不同版本的IE在廣泛使用，透明度設(shè)置是不同的，有時需要額外的CSS來控制：#myElement{

filter:alpha(opacity=40);

}

上面的CSS使用專用的filter屬性來設(shè)置IE6-8透明度。對于IE6和IE7需要注意：為了使得透明設(shè)置生效，元素必須是“有布局”。一個元素可以通過使用一些CSS屬性來使其被布局，有如width

和

position。關(guān)于微軟專有的hasLayout屬性詳情，以及如何觸發(fā)它，參考這里。另外一個設(shè)置IE8的CSS透明度的方法語法如下（注意注釋中指出的版本）：#myElement{

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);

/*第一行在IE6,IE7和IE8下有效*/

-ms-filter:

"progid:DXImageTransform.Microsoft.Alpha(opacity=40)";

/*第二行僅在IE8下有效*/

}

第一行代碼針對當(dāng)前所有IE版本，第二行僅針對IE8。注意兩行代碼的不同之處：在第二行代碼中，在filter屬性前跟著-ms-前綴，并且屬性值有加引號，這些都是語法所必須的。說實在，有了如前一個例子中用alpha(opacity=40)的語法來作用于任何版本的IE下的任何有布局的元素之后，我也不確定是否還有必要用“progid”的方法。4.使用JavaScript設(shè)置和改變CSS透明度

您可以使用下面的語法訪問JavaScript中的CSSopacity

屬性：document.getElementById("myElement").style.opacity=".4";

//針對所有現(xiàn)代瀏覽器

document.getElementById("myElement").style.filter=

"alpha(opacity=40)";//針對IE上面的代碼可以使用行內(nèi)循環(huán)或者其他動態(tài)函數(shù)遞增修改透明度的值。當(dāng)然，你必須先通過特征檢測來決定使用哪一行代碼。5.使用JQuery設(shè)置和改變CSS透明度

直接使用jQuery設(shè)置CSS透明度更直觀更容易實現(xiàn)，因為在所有瀏覽器代碼都一樣，并且你不必擔(dān)心在IE下元素是否“haslayout”：$("#myElement").css({opacity:.4});

//所有瀏覽器有效您也可以使用一下jQuery代碼使一個元素動畫透明：$("#myElement").animate({

opacity:.4

},1000,function(){

//動畫完成，所有瀏覽器下有效

});

不管元素的透明度在動畫開始時是多少，它都會漸變到透明度為“.4”。動畫的速度通過值“1000”設(shè)定，動畫時間以毫秒為單位。代碼中的最后一個屬性是一個可選回調(diào)函數(shù)，將在動畫完成后執(zhí)行。如果該元素的透明度在CSS中已經(jīng)設(shè)定為“.4”，那在動畫運行的時候，你將不會發(fā)覺有任何不同，所以動畫開始和最終透明度要有所不同。6.通過RGBA的透明度另一個CSS3技術(shù)只支持部分新的瀏覽器（Firefox3+,Opera10.1+,Chrome2+,Safari3.1+），可通過RGBA的alpha通道的方式設(shè)定。語法如下：#rgba{

background:rgba(98,135,167,.4);

}在上面的定義中，通過RGB（前三個數(shù)字）給背景設(shè)定顏色，然后最后一個是alpha設(shè)置，以執(zhí)行給定顏色的透明度。這個alpha設(shè)置跟opacity

屬性一樣，可設(shè)定任何0到1的數(shù)字，精確得到兩位小數(shù)點。數(shù)字值越大，就越接近完全不透明的顏色。7.通過HSLA的透明度類似之前的定義，CSS3還允許使用HSLA單獨設(shè)置顏色和alpha值，HSLA表示Hue（色調(diào)）,

Saturation（飽和度）,

Lightness（亮度）,和Alpha。以下是HSLA透明的例子：#hsla{

background:hsla(207,38%,47%,.4);

}

更多關(guān)于HSLA顏色的解釋，參考這篇來自W3.org的文章。如同RGBA透明度，最后的數(shù)字表示透明度設(shè)置，跟RGBA起同樣的作用。注意RGBA和HSLA透明度的一個重要的好處是這些透明度設(shè)置不會影響到子元素的，但通過opacity屬性的方式則會。alpha設(shè)置的RGBA和HSLA只影響背景顏色的透明度，僅此而已。優(yōu)秀網(wǎng)站的10個技巧每一個網(wǎng)站管理者都希望他們的網(wǎng)站是最好的?？傆幸粋€原因讓他決定建立一個網(wǎng)站。但不管原因是什么，無論是出于商業(yè)目的還是為個人使用，創(chuàng)造一個令人印象深刻的網(wǎng)站始終是主要目標。如果您希望您的網(wǎng)站看起來更專業(yè)，這十個技巧可能給您很多幫助：1.導(dǎo)航是關(guān)鍵確保您的網(wǎng)站有一個有組織層次結(jié)構(gòu)的文本鏈接。您的主頁可以從每一個頁面訪問到。鏈接放置必須引導(dǎo)訪問者無縫的從一個頁面到另一個而不會造成任何混淆。2.內(nèi)容依然是王道從長遠來看，一個信息豐富的網(wǎng)站最終會受歡迎。不僅訪問者能從您優(yōu)化內(nèi)容的網(wǎng)站獲得相關(guān)數(shù)據(jù)，優(yōu)化內(nèi)容也將使您的網(wǎng)站對搜索引擎友好。3.使用適當(dāng)?shù)奈淖趾蛨D形不要過度用圖片填充您的網(wǎng)站因為搜索機器人不能很好的理解它們。但無論如何，您還是需要它，因為相比一下圖片比文字更能吸引訪問者。平衡是關(guān)鍵。4.使用不同的瀏覽器測試您的網(wǎng)站。在IE下看起來很好但在Mozilla下就可能不行了。所以請用互聯(lián)網(wǎng)上流行的瀏覽器測試您的頁面一確保您的網(wǎng)站看起來更加專業(yè)。5.少即是多如果您看過Google的網(wǎng)站，那您知道這句話的含義。少字節(jié)意味著網(wǎng)頁加載更快。6.確保您的網(wǎng)站沒有壞鏈接對一個互聯(lián)網(wǎng)沖浪者而言，沒有什么比在他們的電腦熒屏上看到頁面無法顯示更讓人沮喪了。7.確保您的網(wǎng)站沒有書寫或語法錯誤如果您想使您的網(wǎng)站看起來更完美更專業(yè)，你必須檢查再檢查，直到您對您網(wǎng)站的內(nèi)容感到滿意。8.設(shè)計的一致性很重要不要再您的網(wǎng)站的每一頁過度的穿插不同的配色方案。訪問者可能會因為他們在不同的網(wǎng)站然后離開。請時刻保持頁面統(tǒng)一。9.節(jié)制使用多媒體元素在您的網(wǎng)站插入音頻和視頻是好的。但切忌自動播放因為它將會使得你的也沒加載更慢。在一些情況下，它可能會崩潰用戶的web瀏覽器。10.保持每個頁面簡短你最多只能讓它在連擊滾動條四下時讓它滾動到頁面的底部，除此之外，別無它法。個人小結(jié)很簡單的十條小技巧，有些我們可能都知道，但在實際網(wǎng)站建設(shè)或者維護的過程中，我們卻常常忽視，所以，無論您是一個網(wǎng)站開發(fā)人員還是個人站長，請花點時間思考一下，如何讓您的網(wǎng)站更加優(yōu)秀。網(wǎng)站優(yōu)化付費推廣只對您付了費的搜索引擎有效，而SEO網(wǎng)站優(yōu)化卻是對任何搜索引擎都是有效的；

付費推廣只對您付了費的關(guān)鍵詞有效，而網(wǎng)站優(yōu)化卻除了指定詞外還能產(chǎn)生很多的相關(guān)詞；

付費推廣在您停止付費后效果就立即消失了，而SEO優(yōu)化服務(wù)卻在您合同期滿后效果仍然保留。如果您只關(guān)心關(guān)鍵詞是否排名在知名搜索引擎前列，那么網(wǎng)站優(yōu)化的收費標準就只需要按照優(yōu)化關(guān)鍵詞的難度和數(shù)量來計算費用了（當(dāng)然您只是在做搜索引擎優(yōu)化-SEO）。衡量一個關(guān)鍵詞的優(yōu)化價格（難度）取決于以下幾個因素：

1.該關(guān)鍵詞搜索結(jié)果的多少

2.參與該關(guān)鍵詞優(yōu)化的網(wǎng)站數(shù)量

3.被優(yōu)化的網(wǎng)站需要修改內(nèi)容的多少

4.希望得到排名位置（前5位、前10位、前20位、前30位，這4個不同級別的優(yōu)化費用不同。有研究表明：在一個搜索引擎關(guān)鍵詞查詢結(jié)果中，排名在前十位的頁面檢索將掠去此關(guān)鍵詞查詢訪