|
|
7樓
樓主 |
發(fā)表于 2008-2-20 19:48:05
|
只看該作者
6．動(dòng)態(tài)顯示歡迎詞 歡迎詞幾乎是每個(gè)網(wǎng)站必備的裝備之一，但天天看千篇一律的“歡迎光臨”之類的歡迎詞，任誰(shuí)都會(huì)覺(jué)得厭煩的。所以我們要做個(gè)與眾不同的，能按具體情況具體分析的“智能型”歡迎詞^_^
具體方法：
在網(wǎng)頁(yè)HTML源文件的<body>和</body>之間的空白處點(diǎn)擊鼠標(biāo)，輸入：
<Script language=”JavaScript”>
<!--
now=new Date(),hour=now.getHours()
if (hour<6){document.write("今天不上班？^_^")}
else if (hour<8){document.write("早上好！上班前記得吃早餐！^_^")}
else if (hour<12){document.write("不怕老板來(lái)檢查嗎？^_^")}
else if (hour<14){document.write("午餐吃得還好嗎？^_^")}
else if (hour<18){document.write("下午好!")}
else if (hour<22){document.write("不看電視，選擇上網(wǎng)是明智的！^_^")}
else if (hour<24){document.write("夜貓子,還不去睡？^_^")}
-->
</Script>
保存退出?？疵靼琢藛幔科鋵?shí)原理很簡(jiǎn)單，就是根據(jù)系統(tǒng)的時(shí)間，決定該用什么樣的歡迎詞，可以把時(shí)間的間隔分得更小一些，顯示的歡迎詞也可以更富有人情味。
7．解決亂碼 大陸地區(qū)和臺(tái)灣地區(qū)雖然都使用中文，但在電腦網(wǎng)絡(luò)上的編碼方式卻有很大的不同，前者使用的是GB2312碼（國(guó)標(biāo)碼），而后者用的是BIG5碼（大五碼），兩者互相不兼容，這就使通過(guò)網(wǎng)絡(luò)在兩地之間交流變得很不方便，出現(xiàn)了亂碼的E-mail和網(wǎng)頁(yè)。要正確顯示兩種編碼不但要用戶的計(jì)算機(jī)安裝相關(guān)軟件，還要做相關(guān)設(shè)置，并且每次都要用手動(dòng)切換，很不方便。其實(shí)，只要在網(wǎng)頁(yè)中加上一行代碼就至少可以避免每次手動(dòng)切換的麻煩了。
具體方法：
在網(wǎng)頁(yè)HTML源文件的<head>和</head>之間的空白處點(diǎn)擊鼠標(biāo)，輸入：
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
保存退出。這樣就可以強(qiáng)制瀏覽者用GB碼來(lái)看你的網(wǎng)頁(yè)，只要他的計(jì)算機(jī)安裝了相關(guān)的IE字符包就能正常顯示國(guó)標(biāo)碼了。如果想顯示的是BIG5碼，只要把“gb2312”替換成“big5”就行了。
8．禁止使用鼠標(biāo)右鍵
使用鼠標(biāo)右鍵可以對(duì)所瀏覽的網(wǎng)頁(yè)做多項(xiàng)操作（比如保存圖片等），如果不想自己的網(wǎng)頁(yè)讓別人“共享”的話，可以把鼠標(biāo)右鍵的功能屏蔽掉。
具體方法：
在網(wǎng)頁(yè)HTML源文件的<head>和</head>之間的空白處點(diǎn)擊鼠標(biāo)，輸入：
<Script language=”JavaScript”>
<!--
function click(){
if(event.button==2){
alert(“你的鼠標(biāo)功能挺多的嘛！^_^”)
}
}
document.onmousedown=click
</Script>
-->
保存退出。其中“你的鼠標(biāo)功能挺多的嘛！^_^”可以替換成你想要顯示的警告信息。不過(guò)一定要把腳本加在<head>里，不然的話瀏覽者可以在網(wǎng)頁(yè)沒(méi)下載完前使用鼠標(biāo)右鍵的。
9．自動(dòng)彈出歡迎窗口 每次訪問(wèn)都自動(dòng)彈出歡迎窗口有可能會(huì)讓人心煩，但如果你覺(jué)得好就加上去。
具體方法：
在網(wǎng)頁(yè)HTML源文件的<body>標(biāo)記里的空白處點(diǎn)擊鼠標(biāo)，輸入：
onLoad= alert("你好，歡迎訪問(wèn)！")
保存退出。其中“你好，歡迎訪問(wèn)！”可以替換成別的歡迎詞。
10．自動(dòng)彈出歡送窗口
和自動(dòng)彈出歡迎窗口差不多。
具體方法：
在網(wǎng)頁(yè)HTML源文件的<body>標(biāo)記里的空白處點(diǎn)擊鼠標(biāo)，輸入：
onUnload= alert("再見(jiàn)，有時(shí)間再來(lái)?。?quot;)
保存退出。其中“再見(jiàn)，有時(shí)間再來(lái)啊！”可以替換成別的歡送詞。
11．去除連接的下劃線 鏈接有下劃線是天經(jīng)地義的事，但我們要改變它！
具體方法：
在網(wǎng)頁(yè)HTML源文件的<head>和</head>之間的空白處點(diǎn)擊鼠標(biāo)，輸入：
<style>
a {text-decoration:none}
</style>
保存退出。其中的“none”可以替換成“underline”，就是顯示下劃線。
12．標(biāo)題欄跑馬燈 網(wǎng)頁(yè)的垂直版面是“寸土寸金”的寶地，往往是訪客第一眼看到的內(nèi)容，所以不能浪費(fèi)在歡迎詞和不太重要的消息發(fā)布上，那么只好來(lái)“開(kāi)發(fā)”標(biāo)題欄了！^_^
具體方法：
在網(wǎng)頁(yè)HTML源文件的<head>和</head>之間的空白處點(diǎn)擊鼠標(biāo)，輸入：
<Script language=”JavaScript”>
<!--
var msg = "內(nèi)容豐富，經(jīng)常更新，時(shí)有抽獎(jiǎng)，敬請(qǐng)光臨！";
var speed = 300;
var msgud = " " + msg;
function titleScroll() {
if (msgud.length msgud = msgud.substring(1, msgud.length);
document.title = msgud.substring(0, msg.length);
window.setTimeout("titleScroll()", speed);
}
-->
</Script>
在網(wǎng)頁(yè)HTML源文件的<body>標(biāo)記里的空白處點(diǎn)擊鼠標(biāo)，輸入：
onload="window.setTimeout('titleScroll()', 500)"
保存退出。其中“內(nèi)容豐富，經(jīng)常更新，時(shí)有抽獎(jiǎng)，敬請(qǐng)光臨！”就是滾動(dòng)顯示的內(nèi)容。
14．自動(dòng)跳出別人的Frame（框架） 因?yàn)楸旧碚军c(diǎn)的內(nèi)容太少，而把別人的網(wǎng)頁(yè)當(dāng)成自己的，并顯示在自己網(wǎng)站的框架中的人還是大有人在的。如果你覺(jué)得這是對(duì)你勞動(dòng)成果的不尊重，可以通過(guò)E-mail警告對(duì)方，也可以直接在自己的網(wǎng)頁(yè)里加一句代碼。
具體方法：
在網(wǎng)頁(yè)HTML源文件的<head>和</head>之間的空白處點(diǎn)擊鼠標(biāo)，輸入：
<Script language=”JavaScript”>
<!--
if (top.location !== self.location) {
top.location=self.location;
}
-->
</Script>
保存退出。
或者在網(wǎng)頁(yè)HTML源文件的<head>和</head>之間的空白處點(diǎn)擊鼠標(biāo)，輸入： <SCRIPT language="JavaScript">
<!--
if (parent.frames.length > 0) {
parent.location.href = location.href;
}
// -->
</SCRIPT>
保存退出。
15．網(wǎng)頁(yè)自動(dòng)滾屏 在網(wǎng)頁(yè)HTML源文件的<head>和</head>之間的空白處點(diǎn)擊鼠標(biāo)，輸入：
<Script language="JavaScript">
<!--
locate = 0;
function scroller()
{if (locate !=400 )
{locate++;scroll(0,locate);
clearTimeout(timer);
var timer = setTimeout("scroller()",3);timer;}
}
-->
</script>
在網(wǎng)頁(yè)HTML源文件的<body>標(biāo)記里的空白處點(diǎn)擊鼠標(biāo)，輸入：
onload="scroller()"
保存退出。其中“l(fā)ocate！=400”控制文件的長(zhǎng)度，“setTimeout("scroller()",3);”控制滾動(dòng)的速度。
16．為圖片加注釋
這不但適用于圖片，還可以針對(duì)網(wǎng)頁(yè)上所有的鏈接，在瀏覽者將鼠標(biāo)放在圖片或鏈接上的時(shí)候自動(dòng)顯示的一小段預(yù)先準(zhǔn)備的文本，可以是對(duì)圖片本身的解釋，也可以告知鏈接通向哪兒。
具體方法：
打開(kāi)網(wǎng)頁(yè)的HTML源文件，在<IMG>標(biāo)記里加上：
alt=”image information”
保存退出。其中的“image information”替換為每個(gè)圖片的具體解釋。
如果是文字鏈接需要加注釋，在<a>標(biāo)記里加上：
title=”link information”
保存退出。其中“l(fā)ink information”就是注釋內(nèi)容。
17．顯示替代圖片
如果要顯示的圖片體積太大，可以用一個(gè)體積較小的圖片在原圖片位置先作替代性的顯示，使瀏覽者可以在先看到這些信息的同時(shí)，再等待原圖片的下載。
具體方法：
打開(kāi)網(wǎng)頁(yè)的HTML源文件，在<IMG>標(biāo)記里加上：
LOWSRC=”standin.gif”
保存退出。其中的“standin.gif”就是用來(lái)替換的圖片。
18．定義網(wǎng)頁(yè)的關(guān)鍵字
網(wǎng)頁(yè)的關(guān)鍵字（KEYWORD）是供搜索引擎（比如YAHOO、SOHU等）檢索的文字說(shuō)明，搜索引擎根據(jù)用戶查找網(wǎng)頁(yè)時(shí)提交的搜索關(guān)鍵字和網(wǎng)頁(yè)所包含的關(guān)鍵字作比較，按照符合要求的程度不同而作相應(yīng)的順序排列。很顯然，在網(wǎng)頁(yè)的關(guān)鍵字上做些文章就能明顯地改善網(wǎng)頁(yè)在那些著名的搜索引擎中的“地位”，從而增加網(wǎng)站的訪問(wèn)率！所以，我總結(jié)了一部分搜索率較高的關(guān)鍵字供大家選擇使用：“性”（sex）、“音樂(lè)”（music or mp3）、“電影”（movie、film or video）、“新聞”（news）、“圖片”（picture or photo）、“明星”（star or art）、“軍事”（military）、“小說(shuō)”（novel）、“交友”（friend or love）、“電腦”（computer or IT）、“招聘”（invite）…………另外關(guān)鍵字也不是一成不變的，例如去年“克林頓”（Clinton）也成了關(guān)鍵字呢！至于原因嘛~~相信我不說(shuō)大家也明白^_^
記住，具體問(wèn)題具體分析總是不會(huì)錯(cuò)的，什么最熱門，關(guān)鍵字就用什么，但是也別編造些自己站點(diǎn)上沒(méi)有的“關(guān)鍵字”哦！因?yàn)榧词箘e人上了一次當(dāng)，讓你的記數(shù)器跳了一格，但他應(yīng)該再也不會(huì)是你站點(diǎn)的訪客了?。?！
其實(shí)，想用熱門的關(guān)鍵字和去騙人并沒(méi)有必然的聯(lián)系，就拿“克林頓”來(lái)說(shuō)吧，你可以在使用它做關(guān)鍵字后，對(duì)你的網(wǎng)站也做少許的修改，真的只是“少許的修改”，因?yàn)楣P者的建議是：收集、整理一些克林頓緋聞的相關(guān)報(bào)道（SINA上面有得是），做成一個(gè)專題報(bào)告就行了。這樣一來(lái)，既沒(méi)有騙人，又成功地把網(wǎng)友吸引來(lái)了，即使你的克林頓專題報(bào)告做得不怎么樣，但通過(guò)這個(gè)專題卻讓瀏覽者有機(jī)會(huì)看到你的站點(diǎn)上還有很多別的信息和資源。也就是把設(shè)立關(guān)鍵字作為一種提高訪問(wèn)量的手段，建立相關(guān)專題作為橋梁，把潛在的訪客領(lǐng)到你的站點(diǎn)里來(lái)。
具體方法：
打開(kāi)網(wǎng)頁(yè)的HTML源文件，在 標(biāo)記里加上：
name=”keyword” content=”music, mp3, news, movie, photo, star”
保存退出。其中的“music, mp3, news, movie, photo, star”就是網(wǎng)頁(yè)的關(guān)鍵字，可以根據(jù)需要修改（可以使用中文信息），但是字母區(qū)分大小寫，長(zhǎng)度以不超過(guò)255個(gè)字符為宜（因?yàn)榧词篂榱嗣婷婢愕蕉恿松锨€(gè)關(guān)鍵字，也會(huì)被搜索引擎的服務(wù)器刪除的，所以應(yīng)該盡量簡(jiǎn)潔明了，避免重復(fù)），每個(gè)關(guān)鍵字之間要用“，”分隔。
19．防止背景圖片滾動(dòng)
當(dāng)網(wǎng)頁(yè)的內(nèi)容很長(zhǎng)，需要使用滾動(dòng)條來(lái)瀏覽的時(shí)候，背景圖片也會(huì)隨之滾動(dòng)，好像和文字說(shuō)明粘合在一起似的。這樣對(duì)于定位視線有些不良的影響，特別是色彩花哨的背景圖片，感覺(jué)則更不適。對(duì)此，我們可以將背景和文字說(shuō)明相分離，浮動(dòng)在瀏覽器窗口里。
具體方法：
打開(kāi)網(wǎng)頁(yè)的HTML源文件，在標(biāo)記里加上：
Bgproperties="fixed"
保存退出。
20．用wingdings字體作畫
wingdings字體可以讓普通的ASCII碼以一些簡(jiǎn)單預(yù)定圖形的方式在瀏覽器里顯示，如果我們用Wingdings字體來(lái)替代部分圖片的話，必然將大大加快網(wǎng)頁(yè)的下載速度，因?yàn)橹灰纯碒TML源文件就會(huì)知道網(wǎng)頁(yè)上的圖形只是一小段代碼而已。
雖然大多數(shù)的圖形都很簡(jiǎn)單，但是還是可以起到一些作用的，比如用“*”的Wingdings字體*表示E-mail或信箱，用“（”的Wingdings字體(表示電話號(hào)碼，用“<” 的Wingdings字體<表示下載……具體應(yīng)用就看大家的想象力了^_^
不過(guò)需要注意的是，IE對(duì)于Wingdings字體的支持很好，而Netscape可能會(huì)出現(xiàn)一些顯示上的問(wèn)題。附錄部分Wingdings字體、ASCII碼和普通字體的對(duì)照表（見(jiàn)附錄1）。
21．網(wǎng)頁(yè)變換效果 只要搭配得當(dāng)，這些變換效果會(huì)給訪客留下非常深刻的印象，即使是那些本來(lái)對(duì)你的站點(diǎn)沒(méi)興趣的訪客。特別是喜歡學(xué)習(xí)網(wǎng)頁(yè)制作的朋友，很可能就把你的網(wǎng)頁(yè)復(fù)制下來(lái)，以供學(xué)習(xí)研究之用。其實(shí)你不過(guò)是加了短短一段代碼而已^_^
網(wǎng)頁(yè)變換效果（Trans）共分四大類："進(jìn)入網(wǎng)頁(yè)"（Page-Enter）、"離開(kāi)網(wǎng)頁(yè)"（Page-Exit）、"進(jìn)入站點(diǎn)"（Site-Enter）、"離開(kāi)站點(diǎn)"（Site-Exit）。每一大類又分為25個(gè)小類，先用進(jìn)入網(wǎng)頁(yè)效果來(lái)舉例說(shuō)明：
進(jìn)入網(wǎng)頁(yè)時(shí)的效果
1．混合效果 代碼如下：
<meta http-equiv="Page-Enter" content="blendTrans(Duration=1.0)">
2．盒狀收縮效果 代碼如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=0)">
3．盒狀放射效果 代碼如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=1)">
4．圓形收縮效果 代碼如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=2)">
5．圓形放射效果 代碼如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=3)">
6．向上擦除效果 代碼如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=4)">
7．向下擦除效果 代碼如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=4)">
8．向右擦除效果 代碼如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=6)">
9．向左擦除效果 代碼如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=7)">
10．垂直遮蔽效果 代碼如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=8)">
11．水平遮蔽效果 代碼如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=9)">
12．橫向棋盤式效果 代碼如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=10)">
13．縱向棋盤式效果 代碼如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=11)">
14．隨即分解效果 代碼如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=12)">
15．左右向中央縮進(jìn)效果 代碼如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=13)">
16．中央向左右擴(kuò)展效果 代碼如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=14)">
17．上下向中央縮進(jìn)效果 代碼如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=16)">
18．中央向上下擴(kuò)展效果 代碼如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=17)">
19．從左下抽出效果 代碼如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=18)">
20．從左上抽出效果 代碼如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=19)">
21．從右下抽出效果 代碼如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=20)">
22．從右上抽出效果 代碼如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=21)">
23．隨機(jī)水平線條效果 代碼如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=22)">
24．隨機(jī)垂直線條效果 代碼如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=22)">
25．隨機(jī)效果 代碼如下：
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=23)">
現(xiàn)在讓我們來(lái)分析一下這些代碼，首先大家一定能看出這些代碼大多數(shù)地方很相似。事實(shí)上，雖然分類很多，但每個(gè)大類下的25個(gè)小類是分別對(duì)應(yīng)相同的，并且用數(shù)字來(lái)標(biāo)識(shí)，（除了混合效果 blendTrans(Duration=1.0)），所以不用對(duì)沒(méi)個(gè)大類一一舉例說(shuō)明，只要把“Page-Enter”換為“Page-Exit”（離開(kāi)網(wǎng)頁(yè)）、“Site-Enter”（進(jìn)入站點(diǎn)）、“Site-Exit”（離開(kāi)站點(diǎn)），就可以達(dá)到需要的效果了，同時(shí)記憶起來(lái)也比較方便。其中“Duration=1.0”可以設(shè)定每個(gè)周期的時(shí)間為多久，單位是秒（現(xiàn)在設(shè)置的是每周期1秒）。
需要注意的是四個(gè)大類的效果可以在一個(gè)網(wǎng)頁(yè)里同時(shí)設(shè)置，但每個(gè)大類只能設(shè)置一種效果。另外如果網(wǎng)頁(yè)是幀頁(yè)的話，也將無(wú)法顯示出效果。
22．網(wǎng)頁(yè)自動(dòng)刷新 有時(shí)候?yàn)榱俗尀g覽者看到最新的內(nèi)容或是看到準(zhǔn)備的特效等目的，而希望網(wǎng)頁(yè)能自動(dòng)刷新。 具體方法： 打開(kāi)網(wǎng)頁(yè)的HTML源文件，在<Head>里加上：
<Meta http-equiv=”progma” content=”no-cache”>
<Meta http-equiv=”expires” content=”wed,26 Feb 1997 10:10:10 GMT”>
保存退出。其中的“Refresh”表示要刷新網(wǎng)頁(yè)，“10”是延遲的秒數(shù)，“http://url”是你的網(wǎng)頁(yè)地址，秒數(shù)和網(wǎng)頁(yè)地址可以按需要更換。在更換網(wǎng)頁(yè)地址后還可以做到一項(xiàng)對(duì)于想做個(gè)網(wǎng)站的封面的朋友很有用的特效，就是讓網(wǎng)頁(yè)自動(dòng)刷新，并轉(zhuǎn)到另一個(gè)網(wǎng)頁(yè)，既讓瀏覽者看到漂亮的網(wǎng)站封面，又省去了點(diǎn)擊才能進(jìn)入站點(diǎn)的麻煩。
23．強(qiáng)制每次進(jìn)入網(wǎng)頁(yè)都從WEB上下載
IE瀏覽器在下載完網(wǎng)頁(yè)后，會(huì)在本地硬盤上的臨時(shí)文件夾（Temporary Internet Files）里保存瀏覽過(guò)的網(wǎng)頁(yè)和圖片，以方便下次再訪問(wèn)該網(wǎng)頁(yè)時(shí)可以從硬盤上讀取，進(jìn)而加快瀏覽的速度。所以換個(gè)角度來(lái)看，想要每次進(jìn)入網(wǎng)頁(yè)都從WEB上下載，只要使網(wǎng)頁(yè)不裝入訪客的硬盤就行了，或者說(shuō)為網(wǎng)頁(yè)設(shè)定一個(gè)“過(guò)期”的日子，一旦過(guò)期就要從WEB上重新下載。
具體方法：
打開(kāi)網(wǎng)頁(yè)的HTML源文件，在<HEAD>標(biāo)記里加上：
<Meta http-equiv=”progma” content=”no-cache”>
<Meta http-equiv=”expires” content=”wed,26 Feb 1997 10:10:10 GMT”>
保存退出。其中“wed,26 Feb 1997 10:10:10 GMT”是一個(gè)已經(jīng)過(guò)去的日子，把它當(dāng)作過(guò)期的標(biāo)準(zhǔn)，無(wú)論是誰(shuí)想要再瀏覽你的網(wǎng)頁(yè)都必須重新下載才行了。：P
24．利用標(biāo)題欄做廣告 筆者認(rèn)為最適合標(biāo)題欄的工作是提示網(wǎng)頁(yè)自身的內(nèi)容，可以讓瀏覽者一目了然，知道自己將看到什么樣的信息，以及為什么而等待。但做過(guò)站長(zhǎng)的朋友一定知道事情并不象想象中那么簡(jiǎn)單，因?yàn)橐粋€(gè)稍具規(guī)模的個(gè)人站點(diǎn)一般都有100個(gè)以上的網(wǎng)頁(yè)，并會(huì)隨著時(shí)間的推移而迅速增長(zhǎng)（當(dāng)然這是針對(duì)勤奮負(fù)責(zé)的站長(zhǎng)而言的^_^）。受到時(shí)間和精力的限制，不可能對(duì)每一個(gè)網(wǎng)頁(yè)都細(xì)致地總結(jié)一個(gè)標(biāo)題，即使是有時(shí)間的閑人也可能會(huì)因一時(shí)的疏忽而忘了加標(biāo)題。如果你用FP2000來(lái)做網(wǎng)頁(yè)，這時(shí)候就會(huì)在標(biāo)題欄看到“new page 1”（這是FP2000自動(dòng)為網(wǎng)頁(yè)加的標(biāo)題），大大地破壞了網(wǎng)站的整體效果。如果做網(wǎng)頁(yè)用的是模版，結(jié)果可能更糟糕，貨不對(duì)板的情況會(huì)讓瀏覽者倒足胃口。
筆者也經(jīng)常為這個(gè)問(wèn)題而苦惱，有一次，頭被天上掉落的一重物擊中，瞬間眼前金星亂冒，伸手一抓，金星沒(méi)抓到，卻抓到一個(gè)點(diǎn)子：用模版做網(wǎng)頁(yè)前，先修改模版的標(biāo)題為“歡迎光臨”之類的萬(wàn)能歡迎詞，把標(biāo)題欄顯示網(wǎng)頁(yè)內(nèi)容的功能該成顯示歡迎詞。這樣一來(lái)，就不用為每個(gè)網(wǎng)頁(yè)分別做標(biāo)題而煩惱了^_^
具體方法：
打開(kāi)模版網(wǎng)頁(yè)的HTML源文件，把<title>和</title>之間的內(nèi)容改為：
歡迎光臨XX的網(wǎng)站！^_^
保存退出。當(dāng)然修改的內(nèi)容可以挑自己喜歡的歡迎詞。 25．移動(dòng)的字幕
可以動(dòng)態(tài)地顯示消息，比靜止地發(fā)布更能吸引別人的眼球，一般用于簡(jiǎn)單扼要的新聞報(bào)道、廣告用語(yǔ)等方面。除此之外，還有代碼簡(jiǎn)潔明了，動(dòng)態(tài)效果種類多，和無(wú)需使用JAVA的優(yōu)勢(shì)，因?yàn)閷?shí)現(xiàn)這一效果只需要加入一個(gè)HTML標(biāo)識(shí)而已。
接著，我來(lái)舉些具體的實(shí)例幫助大家了解。
具體方法：
打開(kāi)模版網(wǎng)頁(yè)的HTML源文件，把<body>和</body>之間加入：
<marquee>移動(dòng)字幕的實(shí)例</marquee>
<marquee direction=”left”>從左向右移動(dòng)字幕的實(shí)例</marquee>
<marquee direction=”right”>從右向左移動(dòng)字幕的實(shí)例</marquee>
<marquee behavior=”slide”>一次性移動(dòng)字幕的實(shí)例</marquee>
<marquee behavior=”scroll”>循環(huán)移動(dòng)字幕的實(shí)例</marquee>
<marquee behavior=”alternate”>來(lái)回循環(huán)移動(dòng)字幕的實(shí)例</marquee>
<marquee scrollamount=”10”>快速移動(dòng)字幕的實(shí)例</marquee>
<marquee hspace=”20” vspace=”20” height=”50” width=”50%” bgcolor=”red” align=”top”>紅色背景移動(dòng)字幕的實(shí)例</marquee>
保存退出?，F(xiàn)在來(lái)解釋一下代碼的含義：
marquee是HTML的標(biāo)識(shí)之一，用于實(shí)現(xiàn)文字的移動(dòng)效果。IE4。0以上的瀏覽器才能正常顯示。
Direction設(shè)置文字移動(dòng)的方向。取值為left（從左向右移動(dòng)）或right（從右向左移動(dòng)）。
Behavior設(shè)置文字移動(dòng)的方式。取值為slide（一次性移動(dòng)）、scroll（循環(huán)移動(dòng)）和alternate（來(lái)回循環(huán)移動(dòng)）。
Scrollamount設(shè)置文字移動(dòng)的速度。
Hspace（水平空白）、vspace（垂直空白）設(shè)置文字周圍的空白區(qū)域。
Height（高度）、width（寬度）設(shè)置文字的寬度和高度。
Bgcolor設(shè)置文字的背景顏色。
只要使用搭配得當(dāng)，即使是這樣一個(gè)小小的特效也能為你的網(wǎng)頁(yè)增色不少哦^_^
26．改變鼠標(biāo)的形狀
在網(wǎng)頁(yè)上，鼠標(biāo)平時(shí)呈箭頭形，指向鏈接時(shí)成為手形，等待網(wǎng)頁(yè)下載時(shí)成為沙漏形……這似乎是約定俗成的。雖然這樣的設(shè)計(jì)能使我們知道瀏覽器現(xiàn)在的狀態(tài)或是可以做什么，但這些好像還不能完全地滿足我們的需要。就拿鏈接來(lái)說(shuō)，可以是指向一個(gè)幫助文件，也可以是向前進(jìn)一頁(yè)或是向后退一頁(yè)，針對(duì)如此多的功能光靠千篇一律的手形鼠標(biāo)是不能說(shuō)明問(wèn)題的。值得慶幸的是，CSS提供了多達(dá)13種的鼠標(biāo)形狀，供我們選擇。
具體方法：
在任意一個(gè)鏈接的標(biāo)識(shí)里加入：
style=”cursor:move”
保存退出。“style”是CSS的標(biāo)記，“cursor:move”表示指向該鏈接時(shí)鼠標(biāo)變成十字箭頭的形狀。其它還有12種不同的形狀將在附錄3里介紹。
27．消除網(wǎng)頁(yè)的邊距
做完一個(gè)網(wǎng)頁(yè)后往往會(huì)發(fā)現(xiàn)自己編寫的內(nèi)容和網(wǎng)頁(yè)的邊界還保持著一些空白，主要發(fā)生在網(wǎng)頁(yè)的頂部和左邊，對(duì)于文字來(lái)說(shuō)影響還不大，不過(guò)相對(duì)網(wǎng)頁(yè)的頂部的LOGO來(lái)說(shuō)就顯得很難看了。但經(jīng)過(guò)仔細(xì)地檢查后又沒(méi)有發(fā)現(xiàn)任何錯(cuò)誤的HTML代碼，這是怎么一回事呢？
其實(shí)HTML的BODY標(biāo)識(shí)符默認(rèn)在網(wǎng)頁(yè)的頂部和左邊設(shè)置一些空白區(qū)域，來(lái)保持網(wǎng)頁(yè)的整潔，但我們不需要的時(shí)候也可以通過(guò)BODY標(biāo)識(shí)把空白去掉。
具體方法：
打開(kāi)網(wǎng)頁(yè)的HTML源文件，在標(biāo)識(shí)里加上：
topmargin=”0” leftmargin=”0”
保存退出。這樣就消除了網(wǎng)頁(yè)的上邊界和左邊界的空白，如果需要增加留白也可以自己修改。 |
|
京公網(wǎng)安備 11010802025824號(hào)
IP卡
狗仔卡
發(fā)表于 2008-2-20 19:43:21
QQ好友和群
QQ空間
收藏
轉(zhuǎn)播
分享
淘帖
支持
反對(duì)
分享到微信
提升卡
置頂卡
沉默卡
喧囂卡
變色卡
搶沙發(fā)
顯身卡