1. 鏈接控制
返回主頁:使用OnClick='top.location.href="../chinamail.html"',如
2. 鏈接提示
在鏈接語句中增加
OnMouseOver="window.status='這里是 ...'; return true" OnMouseOut="window.status=''; return true"
如: 去哪兒? (在點擊鏈接前注意看狀態行顯示的變化)
3. 背景音樂
顯示操作面板:在相應地方加<embed src="/aladdin.mid" width="140" height="35" autostart=true controls="middleconsole">
不顯示操作面板:在頁中任意地方加<embed src="/aladdin.mid" hidden=true autostart=true loop=true>
或<embed src="tt.ram" autostart="true" loop="2" width="80" height="30">
對于不支持embed 標簽的瀏覽器,可以改用標簽。
4. 設置主頁的缺省字符語言為簡體中文(適用于Netscape)
5. 鏈接的不同方式
在幀里顯示:在鏈接處加target="main"語句,其中main為幀名
整頁顯示:在鏈接處加target="_top"語句
開新窗口:在鏈接處加target="resource window"語句,如<A href="/index.htm" TARGET="resource window"></A>
6. 強制主頁每次都不進行緩存,而從服務器上重讀
在Head部分加
<MEAT HTTP-EQUIV="Pragma" CONTENT="no-cache">
這樣一來,瀏覽器將不考慮cacke中的內容而強制重新讀入您的頁面,等于用戶使用Reload。
如果在您有計數器的頁中使用,不管從什么地方返回這頁
計數器都能加一。不過可能造成用戶的反感。
如果在BBS程序中使用,可以實現不用Reload就可更新頁的功能。
7. 自動刷新
定時刷新:<META HTTP-EQUIV="Refresh" content="10; URL=http://自己的URL">
幻燈片效果:語句類似上面,但在頁面1中URL指向頁面2,而頁面2指向頁面3 ...
頁面n指回頁面1,即可實現循環顯示頁面的效果
8.提前載入圖片
如果您的站點中后面的頁有大圖形需要顯示,您不妨在第一頁中提前載入。把語句:
<img src="/image.jpg" width=0 height=0> ,其中width,height要設置為0, 放在第一頁HTML中的任何地方。
如果您的訪問者在第一頁停留的時間足夠長,當他進入第二頁時,圖象會立即顯示出來
9. 自動連接
在預定時間后自動連入另一個指定的頁面。
方法:
在<title>...</title>中加入以下一行:
<meta http-equiv="refresh" content="10"; url="otherpage.htm">
其中10代表10秒后自動連接。
10. 自動換行:
11. 用單像素的GIF文件控控制文本位置
要想準確的控制HTML中的文本位置,可以做一個1*1的透明圖(如Blank.gif)。然后在HTML中加入代碼:
<img src="/Blank.gif" hspace=100>
改變數字100,即可控制
12. 容器標記
<BLOCKQUOTE></BLOCKQUOTE>標記可以把網頁上所有的對象都包括起來,但不能對它加入變量。
13.設定圖形大小
為使您的Web頁在圖形下載完之前,能夠立即顯示文字內容。
在您的主頁中的圖形元素中加入文件大小變量:
<img src="/image.jpg" width=xxxx height=yyy>
xxx,yyy是您的圖形的真實像素
14. 移動文字
這在主頁上是常用的,其制作方法很簡單。
<marquee>要移動的文字</marquee>
1.移動 的方向:<direction=!> !=left, right
2.移動的方式:<bihavior=!> !=scroll ,side,alternate
3.循環次數:<loop=!> !=次數。若未指定則循環不止。
4 循環速度:<scrollamount=!> !=數
15.如何去掉主頁超鏈接的下劃線?
把下列語句放在<head>...</head>之間
<style>
A {text-decoration: none}
}
</style>
<script language="javascript">
var contents = true;
</script>
更簡單的是
<style>
<!--
a {text-decoration:none}
a:hover {color: red;text-decoration:underline}
-->
</style>
16. 浮動背景(背景圖像不滾動 )
當你拉住下拉條時,背景不動。(會使瀏覽速度減慢。:-( )加入:
<body backgroud="#ffff" bgproperties="fixed">
或用CSS樣式表定義:
<style type="text/css">
<!--
body { background-image: url(/image/bg.gif); background-attachment: fixed}
-->
</style>
17. 讓背景圖像不平鋪
CSS樣式表定義:
<style type="text/css">
<!--
body { background-image: url(/image/bg.gif); background-repeat: no-repeat}
-->
</style>
18. 測試瀏覽器類別并自動裝入不同的網頁
目前微軟和網景的瀏覽器并不能完全兼容所有網頁,有的在某種瀏覽器里非常漂亮,而用其它瀏覽器查看時卻一團糟。如果你需要測試瀏覽器,可以加入以下JavaScript代碼并保存單獨一個網頁:
<script language="JavaScript">
function TestBrowser(){
ie = ((navigator.appName ==
"Microsoft Internet Explorer") & &
(parseInt(navigator.appVersion) >= 3 ))
ns = ((navigator.appName == "Netscape") & &
(parseInt(navigator.appVersion) >= 3 ))
if (ns) {
setTimeout(''location.href="/nn4.htm"'',10);
} else {
setTimeout(''location.href="/ie4.htm"'',10);
}
}
</script>
19. 定義本網頁的關鍵字
在網頁中加入關鍵字,可以供某些搜索站臺機器人的使用,它們會利用該關鍵字為你的網站做索引,這樣,當別人用關鍵字搜索網站時,如果你的網頁包含該關鍵字,那么就可以被列出了,定義本網頁關鍵字,可以加入以下代碼:
<meta name="keywords" content="html,dreamweaver,flash,css">
content 所包含的就是關鍵字,你可以自行設置。
這里有個技巧,你可以重復某一個單詞,這樣可以提高自己網站的排行位置,如:
<meta name="keywords" content="dreamweaver,dreamweaver,dreamweaver">
20. 在網頁中加入E-mail鏈接并顯示預定的主題
<a href=mailto:cnshell@163.com?subject=hello>
21. 隱藏在狀態欄里出現的鏈接信息
當指向一個鏈接時,該鏈接的信息會出現在瀏覽器狀態欄里,如果需要隱藏信息,可以如下設置:
<a href=" 如果想要指向一個鏈接時,瀏覽器狀態欄里出現特定的信息,把none 改成你需要的文字即可。
22. 在網頁中將表單提交給自已的電子郵箱
表單提交需要CGI程序的支持,但你也可以利用E-mail 提交,當你設計好表單后,把action 內容加入郵件地址即可,如下:
<form method="post" action="mailto:cnshell@163.com" enctype="text/plain">
23. 隱藏免費計數器的的圖標
許多網友使用免費計數器,它能幫助你分析網站的流量,如果你想隱藏該服務圖標,可以把服務代碼中的width=88 height=31都改為1即可。
24. 在網頁中加入最后修改日期
在body 中加入以下代碼即可:
<script Language="JavaScript">
document.write
("最后修改日期" + document.lastModified);
</Script>
25. 打開一個新的瀏覽器窗口并設置窗口的屬性
如果你需要在載入站點的同時,再打開另一個新窗口,加入以下代碼即可:
<script language="JavaScript">
<!--
var gt = unescape('%3e');
var popup = null;
var over = "Launch Pop-up Navigator";
popup = window.open('', 'popupnav', 'width=160,height=160,resizable=1,
status=yes,menubar=no,scrollbars=yes');
if (popup != null) {
if (popup.opener == null) {
popup.opener = self;
}
popup.location.href = 'pop.htm';}
//-->
</script>
期中pop.htm可以設置為你的htm文件,對于設置新窗口的屬性,對照以下設置:
popup = window.open('', 'popupnav', 'width=200,height=170,resizable=1,scrollbars=auto');
width:寬,height:高,resizable:是否允許訪客縮放新窗口,scrollbars:如果文本超過一屏,是否生成滾動條,status:是否顯示狀態欄,menubar:是否顯示菜單,location:是否顯示地址欄.
以上所有屬性使用格式為:屬性=yes或者no.而width和height兩個屬性為:width=#pixels,height=#pixels.
26.怎樣判斷服務器使用的操作系統?
在瀏覽器地址欄里,輸入要察看的服務器地址,一定要包含目錄和文檔名字,然后回車,出現請求頁面,試著把文檔名改為大寫格式,如果返回該頁面不存在,那么可能該服務器使用的操作系統為unix或macintosh,如果頁面內容返回,那么可能該服務器為windwos操作系統,因為windows對大小寫不敏感.
27. 怎樣提高站點在搜索引擎中被搜索到的機會?
當你把自己站點登記到搜索引擎中后,并不表示你的站點就會被經常搜索到,如何提高這個幾率呢,很簡單,你的主頁一般會有一個標題,一般設置在<title></title>中間,這時,你可以在設置完標題后,跟著把關鍵字也設置在這里,比如:
<title>宇風多媒體-china,love,dhtml,yufeng21,yahoo</title>.因為搜索引擎會首先察看站點的標題,并把標題作為你站點的關鍵字,當你把關鍵字也設置在了標題中后,搜索引擎也會加入這些關鍵字,這比其它所有的方法都好,唯一缺點,你站點標題變長了.
28. 如何測試網站的下載速度?
準備一個能讀秒的表,比如跑步表,這樣精度高些,當然也可以使用普通的表.
首先我們測試純文本的下載時間,打開瀏覽器,關閉下載圖片功能,然后連接上網,在地址欄輸入站點地址,回車后,計時開始,當全部文本內容下載完后,停止計時.
如果你要測試整個站點下載速度,打開圖片下載功能,如果你站點含有JavaScript,也要在瀏覽器選擇為支持,同上,打入地址,回車,計時開始,當所有內容下載完后,停止計時.
經過以上兩種測試,你就會對自己站點的連接下載速度,作到心中有數了.
29. 如何讓站點自動跳轉到另一頁?
加入以下代碼到HTML文件中即可:
<meta http-equiv="refresh" content="5;url=http://www.yufeng21.com/index.htm">
content中的"5"為停留的秒數,http://www.yufeng21.com/index.htm 是將要跳轉的頁面
31. 如何知道我的站點連接出現的地方?
可能你的站點被其它站點連接,如何知道呢,訪問搜索引擎站點:
http://www.altavista.digital.com/
在搜索窗口中,輸入:+link:yoursite.com-host:yoursite.com
這樣,包含你站點連接的頁面被列出,當然,你也可能什么都沒有找到。
32. 如何避免自己的圖片被其它站點利用?
為圖片起一個很怪的名字,這樣可以避免被搜索到,還可以利用photoshop的水印功能加密.當然,你也可以在自己的圖片上加上一段版權文字,比如標明自己的名字-cnshell.因為文字體來就在圖片上,除非使用人截取圖片.不然就是侵權了.
33. 如何不利用表格而準確的分隔圖片和文字?
在頁面中想要分隔圖片和文字,利用表格是非常好的方法,你還可以制做一個透明的gif圖形,因為圖形是透明的,你就可以拿來分隔圖片和文字了,當然要注意透明圖的大小.
34. 如何跳到頁面的頂部?
當瀏覽者瀏覽到頁面底部后,你需要提供一個單擊,讓瀏覽者方便的跳到頁面頂部,加入以下代碼:
<a href="#top">返回頂部</a>
35. 有什么簡單的方法編寫Cookie?
cookie 是信息小甜餅,記錄著瀏覽者的信息,你可以利用meta 標簽編寫最簡單的cookie 并加入到頁面中:
<meta http-equiv="Set-Cookie" content="MyVar=你的頁面過期了;expires=Thursday,15-4-99 00:00 GMT+8:00; PATH=/">
36.如何在一個站點不同頁面間播放同一種聲文件?
大家有這樣的經驗,當你訪問一個站點首頁時,會聽到該頁設置的背景聲音文件,比如一段音樂。當你鏈接到該站點另一頁時,音樂就停止了。如何讓聲音不斷呢。其實,你只需要建立一個上下框架結構的網頁,把聲音文件建立在下框架里,并把下框架的寬度設置為一個像素,而上框架里是頁面內容,當訪問者離開站點首頁時,因下框架內容未變,所以,聲音不會間斷。大家還要注意兩點,第一,把框架的邊框設置為0;第二,隱藏聲音文件的播放界面,然后把上下兩個框架的背景設置為相同。
37.如何讓訪問者能更多的單擊付費旗幟廣告?
擁有個人站點的網友都會去申請一些付費的廣告,以得到一些網費補助。但很可惜,即使你經常請求訪問者為了支持本站建設,請單擊旗幟廣告。遺憾的結果是,還是很少有人單擊。要想讓訪問者能更多單擊你的旗幟廣告,有兩種方法:
第一種:強化印象
讓那個旗幟廣告一直出現在訪問者面前,讓他不得不好奇的單擊一下。你可以建立一個上下框架的頁面,把旗幟廣告放置在任意一個框架里。這樣,只要訪問者不離開你的站點,旗幟廣告會一直出現在他們的面前。還要提醒你,不要在廣告下面寫上“為了本站發展,請單擊廣告”,你要讓訪問者知道這個廣告會帶給他們某種信息,而不是為了你才單擊。 第二種:有代價的單擊
如果你擁有某種十分吸引人的信息,而你想在不收費的情況下,得到某種利益(請允許這樣說),你可以讓訪問者必需單擊旗幟廣告,才能獲得信息。
38.如何在NN4和IE4瀏覽器中瀏覽相同效果的字體?
我們制作頁面時,利用IE4瀏覽器瀏覽時,一切很正常。但用NN4瀏覽時,發行細體字變成了粗體字了。這是因為,當你頁面包含一段粗體字時,此時你復制了一段文本到該粗體字的周圍,你會發現復制的文本也變成了粗體字,當然此時也可以再把它設置為你想要的字體大小,如果這樣做了,我上面說的情況就會出現。你需要復制文本到頁面空白處,這樣文本不具有任何屬性,然后拖動文本到合適的地方進行你需要的文本字體設置。這種情況多出現在利用FrontPage98編寫網頁。
39.如何讓提交表單后打開一個新窗口顯示提交結果?
如果你的站點上有郵件列表服務,每當訪問者訂閱并按下訂閱按鈕后。因為郵件列表需要訂閱確定,而這種服務多為第三方提供的,所以訂閱確定頁會連接到服務商的頁面。這樣有時會照成訪問者離開了站點。你可以按下面的代碼設置,讓訪問者單擊了訂閱按鈕后,會打開一個新的窗口顯示訂閱確定。
<form action="http://www.popchina.com/cgi-popchina
/mailist.pl" target="a" method=post>
其中在你的代碼中加入:target="a"
40. 如何防止頁面源代碼被復制?
如果你的頁面包含一個自行設計的JavaScript小程序,如何防止它被別人復制使用呢。其實你不可能完全阻止他人引用,但你可以采用適當的方法盡量維護自己的權益:
第一.版權聲明
在源代碼中加入一段版權解釋-<!----本源代碼版權所有,請勿復制。---->,
并把源代碼利用E-Mail寄一份給自己,以確定時間,為以后與別人交涉做好證據準備。
第二.工具加密
你也可以利用工具軟件加密源代碼。我以前用過 Web Protector 2.0,覺得還不錯。
41. 如何清除頁面中的框架結構?
在鏈接屬性中加入target="_top" 如下設置:
<a target="_top">宇風多媒體</a>
當你單擊了這個鏈接,頁面所有框架被清除并以該鏈接內容替代。
42. 如何防止站點頁面被任意鏈接?
有許多好站點的頁面被其它站點任意鏈接,如果你不希望別人直接鏈接到站點內部去,你可以經常更換頁面文件名。比如每十天改一次,這樣可以有效防止別人的任意鏈接。缺點是讓直接訪問著無所適從。
43. 如何創建一個下拉菜單?
我們在主頁中常會用到下拉菜單,一般來說,它需要CGI程序支持。你也可以利用JavaScript編寫一個。
<head>
<script LANGUAGE="JavaScript">function formHandler(){var URL = document.form.site.options[document.form.site.selectedIndex]
.value;window.location.href = URL;}
</script>
</head>
<body>
<form name="form"><select NAME="site" SIZE="1" onChange="formHandler()"><option value="請選擇">請選擇</option><option value="http://www.yufeng21.com/">分欄內容</option><option value="http://www.yufeng21.com/">分欄內容</option><option value="http://www.yufeng21.com/">分欄內容</option><option value="mailtocnshell@163.net">給我寫信</option></select></form>
</body>
44. 如何避免頁面電子函件地址被搜索到?
經常會收到不請自來的垃圾信,如果你擁有一個站點并發布了你的E-Mail 鏈接,那么其他人會利用特殊工具搜索到這個地址并加入到他們的數據庫中。要想避免E-Mail 地址被搜索到,可以在頁面上不按標準格式書寫E-Mail 鏈接,比如:cnshell at 163.com,它等同與cnshell@163.com。
45. 如何給站點加入計數器并進行設置?
要給站點加入計數器需要第三方提供服務,目前這種服務非常多,而一般申請免費主頁空間時會提供計數器服務。計數器格式如下:[page]
<img src="http://ip/cgi-bin/count.exe?dd=A;
df=tiantao|ft=0"border="0"width="60" height="19" align="top">
期中dd表示計數器的數字字體形狀,一般可以選擇A,B,C,D,E,F六種;df表示計數器的記錄文件名字,一般為申請者的用戶名字;ft表示字體的立體效果,可以為任意數字;計數器還包含md(定義計數器最大位數),display(計數器功能)等屬性。
46.創建一個好站點應具備什么知識?
⑴HTML的使用技能;⑵WEB圖形的使用;⑶JavaScript編程;⑷站點的布局計設計;⑸管理站點的能力;⑹寫作能力,為站點內容服務;⑺對WEB服務器的了解。
47.如何使圖片與瀏覽器窗口無縫接合?
大家有時候發現想把一幅圖片與瀏覽器窗口邊框無縫接合很難,總會有點距離。這是因為你沒有設置頁面邊距,在你的頁面<BODY>中加入以下代碼:
topmargin="0" leftmargin="0"
topmargin為與瀏覽器窗口頂部距離,此時為O,圖片與瀏覽器窗口無縫接合。
leftmargin="0"為與瀏覽器窗口左邊距離,此時為0。
48.如何建立一個站點的搜索引擎系統?
如果你的站點有許多內容,你希望訪問者能很快找到他想要的信息。那么你需要建立一個搜索引擎。連接到網站網絡特區http://netzone.swatou.com/personal/,單擊"申請站點引擎"并填寫申請表,再按照要求建立站點頁面數據庫即可。
49. 如何讓文本與圖像和平相處?
如果你有一段長的文本,并把文本縮排在頁面中間部分,你希望在文本周圍放置幾幅圖片,這該如何進行呢。假設你在使用FrontPage98編輯頁面,首先設置好文本,然后在需要放置圖片的地方,建立一個單行表格,并利用鼠標把它拖到最小,選擇表格屬性,把Float設置為right(表示放置在文本右邊),單擊OK。這時,表格處于文本右邊,最后把圖片放置在表格中即可,記得把表格邊框取消。
50. 如何改變鏈接顏色?
要改變鏈接顏色,請在<body link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" background="bj4.gif">中設置.link為未鏈接顏色,vlink為已鏈接顏色,alink為鏈接過度顏色.
51. 如何正確上傳頁面?
服務器默認首頁名字是什么,目前多為index.htm或default.htm。
是否需要建立目錄public_html,有的服務器需要建立該目錄并把所有頁面都上傳到該目錄下,有的只需要直接上傳到根目錄下(/)。
服務器是否支持中文文件名(喜歡用中文文件名的網友要注意)。
服務器對文件英文大小寫是否敏感,筆者提議最好都用小寫英文。
檢查用戶名和密碼是否正確。
52.如何為文字鏈接加上文字提示?
我們一般可以為圖片加上文字提示,即alt=圖片 如何為文字鏈接加上文字提示呢,只需在<a>中加入title標簽。<a title="網易主頁">網易</a>
53.如何改變表單submit按鈕的文字?
把下面代碼中的value屬性值改成你需要的文字即可。
<input type="submit" value="submit" name="B1">
54.如何在IE4和NN4瀏覽器中精確定位圖片?
精確擺放圖片需要CSS(層疊樣式表)的幫助,如下:
<html><head><title>cnshell</title></head>
<style>.a
{
positionbsolute;top:100px;left:120px;visibility:visible;
}
</style>
<body><div class="a">
<img src="cnshell.jpg" width="130" height="191">
</div></body></html>
調節top,left的值來精確定位圖片。
55. 如何自動彈出對話框?
在<body></body>部分加入
<script LANGUAGE="JavaScript">alert("彈出內容")</script>
56. 什么是目標窗口,它該如何設置?
目標窗口是頁面鏈接所指內容顯示的窗口,也就是當你單擊了頁面某一個鏈接后,該鏈接所指的內容在那個窗口顯示。大多數情況下,我們無需關心它,因為一般都是在同一窗口顯示。
target是鏈接標簽<a>的屬性,它的作用就是指定目標窗口,target有以下幾個值:
_self-將鏈接指向的內容裝載到當前頁的窗口或框架中
_top-完全取代當前頁面的所有框架
_blank-為鏈接指向的內容打開一個新的窗口
_parent-把鏈接指向的內容裝入當前頁<FRAMESET>父窗口中
以上設置多用在框架結構的頁面中。
57. 如何為所有鏈接指定同一目標窗口?
在框架網頁結構中,我們需要指定鏈接所指向的內容顯示在那個窗口中。如果你的鏈接大部分都指定到同一個窗口中,就可以在<HEAD></HEAD>部分中加入:<base target="窗口名">,你無需為每個鏈接再指定窗口了。
58.如何讓所有頁面共享同一個層疊樣式表(CSS)?
在每一個頁面的<HEAD></HEAD>部分中加入以下代碼:
<link rel="stylesheet" Type="text/css" href="cnshell.css">
其中cnshell.css為共享的層疊樣式表文件,該文件可以利用文本編輯工具編寫,它應包含如下的相似代碼:
</style><style type="text/css"><!--A{text-transform: none;
text-decoration: none;}aover { text-decoration:none--></style>
59.如何為鏈接定制新窗口?
我們可以打開一個新的窗口來顯示鏈接的內容,但如何定制這個新窗口呢。
只需要在標簽<A>中加入onClick事件:
<a href="#" onClick="window.open('cnshell.htm','help','scrollbars=yes,
resizable=yes,width=500,height=40')">問答</a>
"#"表示單擊鏈接"問答"后,當前窗口保持不變,cnshell.htm為單擊鏈接"問答"后所打開新窗口裝載的內容,而scrollbars=yes,resizable=yes,width=500,height=40為設置新窗口的大小等屬性。
60.如何在沒有安裝更多瀏覽器的情況下測試頁面?
目前存在的不兼容性,使得同樣一個頁面在不同瀏覽器中的顯示是不一樣的,如何盡可能使大家都滿意呢,在沒有安裝更多種類的瀏覽器情況下,你需要關閉圖片,JavaScript支持,CSS支持等等功能,因為大多數低版本瀏覽器都不支持它們,這樣查看能讓你知道頁面在那里有多“難看”。
61. 制作動態頁面的步驟是怎樣的?
第一步:設計頁面及尋找頁面需要的材料;
第二步:完成普通頁面的制作,此時無須涉及動態主頁內容;
第三步:為頁面文字增加層疊樣式表,以改變文字顏色,鏈接等;
第四步:為頁面增加交互性內容,如cgi,javascirpt,activeX控件等,這是把頁面動態的關鍵;
第五步:測試動態頁面以適應更多瀏覽器;
第六步:發布動態頁面并在上面標明該頁是動態頁面(dhtml)。
62. 如何讓訪問者單擊加入站點書簽?
總希望訪問者能能把你的站點,加入到他們的書簽里,這里有個好辦法:
在<HEAD></HEAD>部分加入:
<script language="JavaScript"><!--
function addbookmark()
{window.external.AddFavorite("http://www.yy0736.com","夜鷹在線");}
//-->
</script>
然后在<BODY></BODY>部分加入:
<script language="JavaScript">
<!--
if(document.all != null){document.write("[<a href="/javascriptddbookmark"()>按一下,我將和您成為朋友。</a>]");}
// --></script>
63. 是否可以利用大寫體來書寫HTML標簽元素?
對于大多數HTML標簽元素,你可以利用大寫體或小寫體及兩者的混合體來書寫標簽元素。比如:
<html></html>和<HTML></HTML>同等有效。 但如果是特殊字符的標簽元素,你只能使用小寫體。比如版權的字符的標簽元素是:© 顯示?,如果寫成©,那么頁面將完全顯示?。
64. 如何在頁面利用單擊來關閉瀏覽窗口?
在<BODY></BODY>部分加入以下代碼:
<a href="javascript:window.close()">關閉窗口</a>
65.如何為頁面設置訪問口令?
有時候你需要為某一頁設置密碼,以讓合適的人進來。在<head></head>部分加入:
<script language="JavaScript"><!--var pd="" var rpd="bullbat" pd=prompt("請您輸入密碼:","")if(pd!=rpd){ alert("您的密碼不正確...")history.back()}else{alert("您的密碼正確!")window.location.href="flash.htm"}
// -->
</script>
在以上代碼中,"bullbat"就是正確的密碼。"flash.htm"是當輸入正確密碼后鏈接的頁面。這種設置口令的方法并不安全,因為只要訪問者查看頁面源代碼就能知道設置的密碼了。
66.如何為訪問者設置正確的軟件下載鏈接?
與其它鏈接一樣,都使用<a></a>標簽。但對于軟件下載鏈接,你需要這樣設置:
<a href="/wbzx.zip">下載wbzx.zip (188kb)</a>
67. 如何刪除圖片鏈接的藍色邊框?
如果我們設置了圖片為一個鏈接,會發現圖片四周出現了藍色邊框。要刪除邊框,需要在圖片標簽里加上border="0"。如:<img src="/dog.jpg" border="0">
68. 如何為鏈接提供一個按鈕?
<form ACTION="cnshell.htm" METHOD="GET">
<p><input TYPE="submit" VALUE="單擊這里" NAME="cnshell"></p>
</form>
69.如何知道站點的流量來至那里?
如果你擁有站點服務器的管理權,那么這是個很簡單的問題,查查服務器日志就可以了。但目前你沒有那權力,不過可以由第三方提供流量數據。易數是個不錯的選擇,鏈接到站點http://best.netease.com/申請,然后把代碼加入到頁面即可。當你想知道流量時,單擊易數圖標,在統計頁面中,單擊分析即可。
70.如何讓瀏覽器正確顯示word文件格式?
為了正確處理word等格式,你需要在HTML文件中設置好該文件類型,比如:
<meta http-equiv="Content-Type" content="Application/msword">
還有其它經常設置的文件類型:
Application/msword Microsoft Word Document application/pdf PDF Documentapplication/wordperfect6.0 WordPerfect 6.0 Documentapplication/zip ZIP archiveaudio/x-wav WAV audio formataudio/midi MIDI audio formataudio/x-pn-realaudio RealAudioimage/gif GIF image formatimage/jpeg JPEG image formatimage/png PNG image formattext/html HTML documenttext/plain Plain textvideo/mpeg MPEG video formatvideo/quicktime QuickTime video formatvideo/x-msvideo AVI video format
71.如何知道自己的圖片被其它網站使用?
如果你為自己站點的圖片起了一個獨特的名字,也就是不容易重名,比如tt124.jpg.那么鏈接到站點:http://www.altavista.com/,在搜索欄里輸入tt124.jpg.然后開始查找,如果有站點采用了tt124.jpg圖片,該站點就會被列出。AltaVista搜索引擎是一個以機器人搜尋為主的站點,它的機器人會不停地把整個網絡的頁面作上索引,所以,你可以在那里找到和你相關的任何東西,把你的名字的拼音輸輸入看看,找到什么啦。 72.如何縮進文本段落?
在<head></head>部分加入:
P { text-indent: 1% }
P標簽為HTML文本段落的標簽,1%為縮進的范圍。
72. 如何正確使用分隔線?
如果你使用FrongPage98,這里我再假設你需要分隔頁面左右兩部分內容,先利用表格工具拖出三個橫行表格,把內容分別放置到左右兩個單元,然后把中間的單元的寬度設置為1個Pixels,并填入所需要的顏色。你還需要把所有表格及單元的大小單位都設置為Pixels即可。
73.為什么有的站點下載很慢?
因為網頁用了過多的圖片,為了追求COOL的效果用了大量的Java Applet,過多使用<TABLE>,這些都是不可取的。對于圖片必須要用的壓縮再用,對于Java Applet絕對不用,它會讓機器配置低的訪問者的硬盤狂讀不止。對于需要的動態頁面,可利用CSS和JavaScript實現。
74. 如何讓字體顯示的更舒服?
這需要利用到CSS(層疊樣式表),目前約定俗成的字體是:{ font-family:宋體(GB); font-size: 9pt; line-height: 16px },把這段代碼加入到<head></head>之間。如:
<head>
<style>
<!--.font { font-family:宋體(GB); font-size: 9pt; line-height: 16px }--></style>
</head>
<body><p class="font">計算機世界報<br>網頁制作常見問題解答</p>
</body>
font-family:宋體(GB)是設置的字體;font-size: 9pt是字體的大小;line-height: 16px是文本行的上下間隔。
75. 如何讓網頁兼容IE和NN兩種瀏覽器?
完全的兼容是不可能的。目前IE瀏覽器占有量大大超過NN瀏覽器,所以你只需要兼容IE瀏覽器即可。當然你也可以制作兩套網頁,利用JavaScript來檢測不同瀏覽器以裝入相應網頁。
76. 如何正確使用字體?
設置文本字體是網頁制作中很重要的的環節,但因為并不是每一位訪問者都有你設置的字體,所以盡量使用操作系統默認的字體宋體,黑體,楷體。對于其它類型字體可以用圖形方式實現。 78.如何制作繁體版本網頁?
如果你使用E-Port的網頁作坊工具制作頁面,那就可以利用工具菜單下的GB轉BIG5來把簡體網頁變成繁體網頁。如果你用其它工具也可以利用網頁作坊的GB轉BIG5來制作繁體網頁,利用網頁作坊打開頁面,點選工具菜單下的GB轉BIG5轉換網頁并保存。要注意的是,你需要把原<meta http-equiv="Content-Type" content="text/html; charset=gb2312">中的charset=gb2312改為charset=big5,這樣,訪問者的瀏覽器就會自動識別了。(E-Port的網頁作坊下載地址:http://e-port.soim.net/)
77. 利用水平線(HR)制作垂直線?
插入HR很簡單:<hr size="1">。如何讓它垂直呢,更簡單:<hr size="100" width="1">
78. 與其它站點交換連接需要什么?
當然,你首先要有一個個人站點,然后準備好兩個站點LOGO。一般來說,400x40和88x31兩種LOGO是必需的,其它也可以準備一個100x31的LOGO。400x40的LOGO用于象網盟這樣的廣告交換站點,88x31和100x31用于個人站點之間的交換。
79. 如何讓下拉式菜單中的鏈接來打開一個新的窗口?
先把下拉式菜單設置好,如:
<form method="POST">
<select name="D1" size="1">
<option value="http://www.163.com/">網易</option>
<option value="http://www.suho.com/">搜狐</option></select>
<input type="submit" value="確定" name="B1"><input type="reset" value="重置"name="B2"></p></form>
然后把<select name="D1" size="1">改為
<select onChange="javascript:window.open(this.options[this.selectedIndex].value)">即可。
80. 如何正確對齊文本?
有時,我們需要對一段文本的左右,上下的邊距(指文本至瀏覽器的距離)加以指定以使文本正確對齊,CSS(層疊樣式表)提供這樣的功能:
在<head></head>中加入
<style>
<!--.tt { margin-left: 68px; margin-right: 70px; margin-top: 69px; margin-bottom: 71px }
-->
</style>
.tt為類名,以便你在HTML標簽中應有。而在{ }中的屬性及指分別為邊距左,右,上,下的距離。當它們的邊距都相等時比如都是60px,可以簡寫為:.tt { margin: 60px }.
當在文本中引用了該CSS,你會發現文本對的非常整齊。
81.如何正確使用圖片格式?
目前在網絡上的圖片準標準格式為JPG和GIF。當圖片顏色數很多時,就選擇JPG,它的壓縮比高,而GIF適合顏色數少的圖片。
82. 如何在網頁上顯示訪問者系統信息?
把以下代碼加入到<Body></Body>:
<script Language="JavaScript">
document.write(navigator.appVersion)
</script>
83. 如何正確放置JavaScript?
JavaScript為動態主頁的實現工具,一般來說JavaScript放置于<head></head>或者<body></body>之間。對于放置在<body></body>之間的JavaScript,你需要把它放置在適當位置。如果你用FrontPage98工具,先把光標移到想放置JavaScript的地方,然后選擇Insert/Advanced/script,在打開的文本框中輸入JavaScript,這樣就放置好了。預覽頁面,JavaScript出現在你放置的地方。你也可以把JavaScript放置到表格中,這樣可以精確定位。
84. 個人站點需要那些交互功能?
交互是網絡的魅力所在,作為個人站點也需要這些交互性的工具,以便和訪問者隨時進行溝通。以下是目前個人站點必備的交互工具:
留言板-讓訪問者給你的站點提提意見;
論壇-討論某一個特定主題的地方,它和留言板的區別是留言板可以包含任何內容;
調查表單-利用個人站點,你可以對某一問題進行調查,然后看看各意見的支持率;
訂閱表單-通過郵件給訂閱者提供站點的更新信息;
聊天室-一個即時的對話場所,特別可以對一個特定主題組辦一個網絡討論;
搜索引擎-當站點內容過多時,搜索引擎可以讓訪問者快速找到想看的內容;
85. 如何點擊一個鏈接同時在兩個frame 內變化?
對于一個由topFrame、leftFrame、mainFrame 構成的頁面,如果想在leftFrame 中點擊鏈接,同時在其他兩個frame 內變化,代碼如下:
<a href="/x1.htm" onclick="parent.topFrame.location.href=''x2.htm''" target="mainframe">
90.前進、后退和刷新
<a href="javascript:history.back()">后退</a>
<a href="javascript:history.go()">前進</a>
<a href="javascript:location.reload()">刷新</a>
86. 打印按鈕
<form>
<input name="Print" onClick="window.print();
return false" type="button" value="Print">
</form>
87. 查看源碼按鈕
<input type=button name="view" value="查看源碼" onClick=''window.location="view-source:" +window.location.href'' style="font-size:9pt">
88. 如何去掉頁面滾動條?
在body 中加入樣式表控制,代碼如下:
<body bgcolor="#000000" leftmargin="0" topmargin="0"
style="overflow-x: hidden; overflow-y: hidden; width: 100%">
89.如何在Dreamweaver 插入空格?
在FrontPage 中,插入空格只需要在選定的文本前按下鍵盤空格鍵就可以了,但在Dreamweaver 中不行。空格的標簽是可以開啟HTML Source 視窗直接加入標簽,也可以在指定的文本前,按下Ctrl+Shift+Space。
90. 如何在DW中設置Flash 動畫的背景透明?
在SWF文件的屬性面板中,點parameters,添加參數wmode,值選擇transparent;
或者直接修改網頁的代碼,在標志SWF文件屬性的代碼中添加:
<param name="wmode" value="transparent">
91. 如何正確使用分隔線?
這里我再假設你需要分隔頁面左右兩部分內容,先利用表格工具拖出三個橫行表格,把內容分別放置到左右兩個單元,然后把中間的單元的寬度設置為1個pixels(像素),并填入所需要的顏色。你還需要把所有表格及單元的大小單位都設置為pixels 即可。
92. 如何讓瀏覽器正確顯示word 文件格式?
為了正確處理word 等格式,你需要在HTML文件中設置好該文件類型,比如:
<meta http-equiv="Content-Type" content="application/msword"> 還有其它經常設置的文件類型:
application/msword Microsoft Word Document
application/pdf PDF Document
application/wordperfect6.0 WordPerfect 6.0 Document
application/zip ZIP archive
audio/x-wav WAV audio format
audio/midi MIDI audio format
audio/x-pn-realaudio RealAudio
image/gif GIF image format
image/jpeg JPEG image format
image/png PNG image format
text/html HTML document
text/plain Plain text
video/mpeg MPEG video format
video/quicktime QuickTime video format
video/x-msvideo AVI video format
93. 如何實現一個頁面兩種顏色鏈接變化?
在CSS中設置不同的CLASS類,如下例所示:
a.r:link{text-decoration:none;color:#000066}
a.r:visited{text-decoration:none;color:#333333}
a.r:hover{color:#0000ff;text-decoration:underline}
a.r1:link{text-decoration:none;color:#000066; font-weight:bold}
a.r1:visited{text-decoration:none;color:#000066; font-weight:bold}
a.r1:hover{color:#FF0000; font-weight:bold}
a.r2:link{text-decoration:none;color:#ffffff}
a.r2:visited{text-decoration:none;color:#ffffff}
a.r2:hover{color:#000000;}
94. DW中如何準確地定位層?
就目前來說,還沒有好的方法實現非常精確地定位使得層在編輯中和瀏覽中的位置不變,即便是使用“標尺”和“網格”輔助定位,仍然會有差別,而且在IE和NC中顯示的層的位置會有偏差,大約偏差3個象素。最好的方法是對照瀏覽器的顯示來調整層的位置。
95. 怎樣把別人網頁上的背景音樂保存下來?
A:瀏覽該網頁后,在你的 Windows\Temporary Internet Files 文件夾下可以找到該背景音樂的緩存文件,拷貝出來即可使用。如果還是找不見該文件,可以打開網頁的源文件,找到音樂文件的 URL 路徑,用“螞蟻”等 FTP 軟件進行下載。
96. 避免有人從你分幀的主頁的幀中徑直進入網站,而不是從 index.htm 中進入?
A:在幀中的網頁的<head></head>之間加入以下腳本代碼:
<Script language="JavaScript">
if (top==self)
self.location.href="/index.htm";
</Script>
這樣,當有人從幀中進入網站時,就會自動重定向到主頁文件 index.htm。
97. IE5.0 的部分快捷鍵:
A:打開查找功能:Ctrl+F
關閉瀏覽器窗口:Ctrl+W
打開地址欄下拉列表框:F4
刷 新:F5
將當前Web頁保存到收藏夾列表:Ctrl+D
打開當前 IE 窗口的一個拷貝:Ctrl+N
停止下載當前網頁:Esc
光標迅速移動到網頁的開頭:Home
光標迅速移動到網頁的尾部:End
打開新的地址鍵入窗口:Ctrl+O
打開收藏夾:Ctrl+I
打開歷史記錄文件夾:Ctrl+H
打開瀏覽器設定的默認主頁:Alt+HOME
98. 如何使網頁在不同分辯率下都全屏鋪開?
用表格(不要使用層),做好內容后,將最外表格設置寬為100%,再適當調整。
99. 如何定時關閉網頁?
在head區加入
<SCRIPT LANGUAGE="javascript">
setTimeout('window.close();',2000);
</SCRIPT>
表示兩秒后自動關閉窗口。
100. 如何實現不提示,直接關閉窗口?
(1) 直接關閉,無任何提示:
在<body></body>內加以下代碼:
<object id=closes type="application/x-oleobject"
classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Close">
</object>
在要顯示“關閉窗口”文字或圖片或按鈕的位置加以下代碼:
<a href="#" onClick="closes.Click();"><img name="bu1" src="/bu1.gif" width="31" height="31" border="0" alt="關閉窗口"></a>

<a href="#" onClick="closes.Click();">關閉窗口</a>
關閉窗口
<input name="button" type=button id="btn"
onClick="closes.Click();" value="關閉窗口">
(2) 有提示框顯示是否確認關閉:
<a href="javascript:window.opener=null;window.close();">內容</a>
關閉窗口
<a href="javascript:window.close();">關閉窗口</a>
關閉窗口
或關閉按鈕:
<input name="button" type=button id="btn"
onClick="javascript:self.close();" value="關閉窗口">
posted on 2006-03-13 18:05
fadesea 閱讀(340)
評論(0) 編輯 收藏 所屬分類:
javascript