|
在制作網頁過程中,你首先要定義網頁語言,以便訪問者瀏覽器自動設置語言,而我們用所見即所得的HTML工具時,都沒有注意到這個問題,因為它是默認設置。要設置的語言可以在HTML代碼狀態下找到:
<meta http-equiv="Content Type" content="text/html; charset=gb2312">
把charset=gb2312改換成其它語言代碼即可,比如英文harset=en.
2.怎樣防止別人把你的網頁放到框架里?
因為框架(frame)的緣故,有許多人把別人的網頁放置到自己的框架里,使之成為自己的一頁。如果你要防止別人這樣做,可以加入下列JavaScript代碼即可,它會自動監測,然后跳出別人的框架。
<script language="JavaScript">
if (self!=top) window.top.location.replace(self.location);
</script>
3.怎樣設置字體?
在制作網頁過程中,大家都喜歡使用漂亮的字體。但是,如果訪客瀏覽器沒有安裝同樣的字體,看到你的網頁會是很普通的字體。如何防止這種情況出現呢?大家知道字體設置的標簽是Font,而它有個屬性是Face,該屬性是定義字體的,你可以這樣設置:,訪客的瀏覽器就會按照Face定義的字體順序設置已安裝的字體。目前動態主頁有種技術,可以把字體信息用向量格式存儲,然后利用訪客本身機器含有的公共信息庫把字體快速的組裝起來,這樣,就不用擔心訪客是否安裝有某種字體了。
4.怎樣在網頁中加入注釋?
在共同開發網頁中,加入注釋是防止分工被搞混淆或者注釋某段代碼特殊的含義,加入注釋的格式是:
<!-宇風多媒體論壇-->。
5.怎樣測試瀏覽器并自動裝入所需要的網頁?
目前微軟和網景的瀏覽器并不能完全兼容所有網頁,有的在某種瀏覽器里非常漂亮,而用其它瀏覽器查看時卻一團糟。如果你需要測試瀏覽器,可以加入以下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>
6.怎樣讓鏈接沒有下劃線?
<style type="text/css">
<!--
a{ text-transform: none; text-decoration: none;}
a:hover { text-decoration:underline }
//-->
</style>
7.怎樣在網頁中加入E-mail鏈接并顯示預定的主題?
<a href=mailto:cnshell@163.com?subject=hello>
8.怎樣讓背景圖像不滾動
<body background="cnshell.gif" bgproperties="fixed">
或用CSS樣式表定義:
<style type="text/css">
<!--
body { background-image: url(image/bg.gif); background-attachment: fixed}
-->
</style>
9.怎樣讓背景圖像不平鋪?
CSS樣式表定義:
<style type="text/css">
<!--
body { background-image: url(image/bg.gif); background-repeat: no-repeat}
-->
</style>
10.怎樣定義本網頁的關鍵字?
在網頁中加入關鍵字,可以供某些搜索站臺機器人的使用,它們會利用該關鍵字為你的網站做索引,這樣,當別人用關鍵字搜索網站時,如果你的網頁包含該關鍵字,那么就可以被列出了,定義本網頁關鍵字,可以加入以下代碼:
<meta name="keywords" content="html,dreamweaver,flash,css">
content 所包含的就是關鍵字,你可以自行設置。
這里有個技巧,你可以重復某一個單詞,這樣可以提高自己網站的排行位置,如:
<meta name="keywords" content="dreamweaver,dreamweaver,dreamweaver">
11.怎樣鏈接本網頁的對象?
有時鏈接發生在一個網頁里,比如頁面上半部分列出了目錄,下部分就列出了內容,而單擊目錄任何一個項目都可以跳到指定部分,可以在要被鏈接的內容部分設置如下方式:
<a name="#1"></a>
而要鏈接到以上設置的部分,可以如下編制:
<a href="index.htm#t1">t1</a>
12.怎樣為不支持框架結構的瀏覽器指定內容?
為了防止不支持框架結構的瀏覽器訪問你的網頁,可以在你的網頁中加入以下內容:
<body>
<noframes>
本網頁是框架結構,請下載新的瀏覽器瀏覽
</noframes>
</body>
13.怎樣刪除表格邊框?
刪除表格的邊框,你可以在表格的屬性中加一句border="0" 即可。
或把border設置為如下代碼:
<body><table border="0" width="100%">
<tr>
<td width="100%"></td></tr>
</table></body>
注:(其實兩種性質是一樣的)
14.怎樣隱藏在狀態欄里出現的LINK信息?
大家知道,當你指向一個鏈接時,該鏈接的信息會出現在瀏覽器狀態欄里,如果需要隱藏信息,可以如下設置:
<a >test</a>
如果想要指向一個鏈接時,瀏覽器狀態欄里出現特定的信息,把none 改成你需要的文字即可。
15.怎樣在網頁中加入多媒體文件?
有些多媒體文件無需其他程序就可以播放,而有許多多媒體文件需要外部程序的幫助,當瀏覽器下載不支持的格式時會調用外部程序。如果瀏覽器沒有安裝這種外部程序,那么瀏覽器會自動去下載;如果你需要加入多媒體格式,可設置如下代碼:
<embed src="tt.ram" autostart="true" loop="2" width="80" height="30">
對于不支持embed 標簽的瀏覽器,可以改用標簽。
16.怎樣在網頁中加入電子郵件表單提交?
表單提交需要CGI程序的支持,但你也可以利用E-mail 提交,當你設計好表單后,把action 內容加入郵件地址即可,如下:
<form method="post" action="mailto:cnshell@163.com" enctype="text/plain">
17.怎樣隱藏熱訊分析的圖標?
熱訊分析是許多網友使用的服務,它能幫助你分析網站的流量,如果你想隱藏該服務圖標,可以把服務代碼中的width=88 height=31都改為1即可。
18.怎樣在網頁中加入最后修改日期?
在body 中加入以下代碼即可:
<script Language="JavaScript">
document.write
("最后修改日期" + document.lastModified);
</Script>
19.創建一個吸引人站點的步驟是怎樣的?
要創建一個吸引人的站點,請考慮以下建議:
1)誰該是你的訪客,是喜歡音樂的,還是喜歡玩游戲的;2)是什么內容能吸引這些人,更快更新的信息,還是提供更多的下載;3)如何讓訪客停留呢,當然不要用BUG,比如讓訪客的機器死機;4)是什么能讓訪客再來呢,比如說明天有好東西,記得來呀,不過別騙人;5)制定自己的目標,實現它;6)征求大家的意見,然后逐步改進.
20.如何創建一個調查表?
越來越多的站點需要交互性來吸引訪客,當論壇失去新意后,建立一個調查表,可以讓訪客選擇你設置的問題,并讓訪客馬上看到結果.
連接站點http://www.beseen.com/quiz/quizsignup.html,填寫姓名及電子函件地址并選擇你的站點類別,單擊accept按鈕,這樣過一會就能收到站點的回復了,期中提供了html代碼,接下來設置調查表內容,最后把代碼加入到自己頁面中即可.
1、如何讓一段文本排版兼容IE4和NN4?
有時侯,你設置的一段文本在IE4里瀏覽良好,但到NN4瀏覽器里,發現一段文本變成了一行文本,實在令人心煩,這時,你只需對照NN4瀏覽器里的文本,在需要分行的地方加入<BR>元素即可,這不會影響在IE4里的瀏覽。
21.如何打開一個新的瀏覽器窗口并設置窗口的屬性?
如果你需要在載入站點的同時,再打開另一個新窗口,加入以下代碼即可:
<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.
22.怎樣判斷服務器使用的操作系統?
在瀏覽器地址欄里,輸入要察看的服務器地址,一定要包含目錄和文檔名字,然后回車,出現請求頁面,試著把文檔名改為大寫格式,如果返回該頁面不存在,那么可能該服務器使用的操作系統為unix或macintosh,如果頁面內容返回,那么可能該服務器為windwos操作系統,因為windows對大小寫不敏感.
23.怎樣提高站點在搜索引擎中被搜索到的機會?
當你把自己站點登記到搜索引擎中后,并不表示你的站點就會被經常搜索到,如何提高這個幾率呢,很簡單,你的主頁一般會有一個標題,一般設置在<title></title>中間,這時,你可以在設置完標題后,跟著把關鍵字也設置在這里,比如:
<title>宇風多媒體-china,love,dhtml,yufeng21,yahoo</title>.因為搜索引擎會首先察看站點的標題,并把標題作為你站點的關鍵字,當你把關鍵字也設置在了標題中后,搜索引擎也會加入這些關鍵字,這比其它所有的方法都好,唯一缺點,你站點標題變長了.
24.如何測試網站的下載速度?
準備一個能讀秒的表,比如跑步表,這樣精度高些,當然也可以使用普通的表.
首先我們測試純文本的下載時間,打開瀏覽器,關閉下載圖片功能,然后連接上網,在地址欄輸入站點地址,回車后,計時開始,當全部文本內容下載完后,停止計時.
如果你要測試整個站點下載速度,打開圖片下載功能,如果你站點含有JavaScript,也要在瀏覽器選擇為支持,同上,打入地址,回車,計時開始,當所有內容下載完后,停止計時.
經過以上兩種測試,你就會對自己站點的連接下載速度,作到心中有數了.
25.如何讓站點自動跳轉到另一頁?
加入以下代碼到HTML文件中即可:
<meta http-equiv="refresh" content="5;url=http://www.yufeng21.com/index.htm">
content中的"5"為停留的秒數,http://www.yufeng21.com/index.htm 是將要跳轉的頁面。
26.怎樣讓廣告隨機出現?
當你想展示許多廣告,但頁面空間不夠時,你可以讓廣告隨機出現,你只需要加入一段代碼.網上有這樣的代碼,搜索……
27.如何知道我的站點連接出現的地方?
可能你的站點被其它站點連接,如何知道呢,訪問搜索引擎站點:
http://www.altavista.digital.com/
在搜索窗口中,輸入:+link:yoursite.com-host:yoursite.com
這樣,包含你站點連接的頁面被列出,當然,你也可能什么都沒有找到。
28.如何避免自己的圖片被其它站點利用?
為圖片起一個很怪的名字,這樣可以避免被搜索到,還可以利用photoshop的水印功能加密.當然,你也可以在自己的圖片上加上一段版權文字,比如標明自己的名字-cnshell.因為文字體來就在圖片上,除非使用人截取圖片.不然就是侵權了.
29.如何不利用表格而準確的分隔圖片和文字?
在頁面中想要分隔圖片和文字,利用表格是非常好的方法,你還可以制做一個透明的gif圖形,因為圖形是透明的,你就可以拿來分隔圖片和文字了,當然要注意透明圖的大小.
30.如何跳到頁面的頂部?
當瀏覽者瀏覽到頁面底部后,你需要提供一個單擊,讓瀏覽者方便的跳到頁面頂部,加入以下代碼:
<a href="#top">返回頂部</a>
31.有什么簡單的方法編寫Cookie?
cookie 是信息小甜餅,記錄著瀏覽者的信息,你可以利用meta 標簽編寫最簡單的cookie 并加入到頁面中:
<meta http-equiv="Set-Cookie" content="MyVar=你的頁面過期了;expires=Thursday,15-4-99 00:00 GMT+8:00; PATH=/">
32.如何在一個站點不同頁面間播放同一種聲文件?
大家有這樣的經驗,當你訪問一個站點首頁時,會聽到該頁設置的背景聲音文件,比如一段音樂。當你鏈接到該站點另一頁時,音樂就停止了。如何讓聲音不斷呢。其實,你只需要建立一個上下框架結構的網頁,把聲音文件建立在下框架里,并把下框架的寬度設置為一個像素,而上框架里是頁面內容,當訪問者離開站點首頁時,因下框架內容未變,所以,聲音不會間斷。大家還要注意兩點,第一,把框架的邊框設置為0;第二,隱藏聲音文件的播放界面,然后把上下兩個框架的背景設置為相同。
33.如何讓訪問者能更多的單擊付費旗幟廣告?
擁有個人站點的網友都會去申請一些付費的廣告,以得到一些網費補助。但很可惜,即使你經常請求訪問者為了支持本站建設,請單擊旗幟廣告。遺憾的結果是,還是很少有人單擊。要想讓訪問者能更多單擊你的旗幟廣告,有兩種方法:
第一種:強化印象
讓那個旗幟廣告一直出現在訪問者面前,讓他不得不好奇的單擊一下。你可以建立一個上下框架的頁面,把旗幟廣告放置在任意一個框架里。這樣,只要訪問者不離開你的站點,旗幟廣告會一直出現在他們的面前。還要提醒你,不要在廣告下面寫上“為了本站發展,請單擊廣告”,你要讓訪問者知道這個廣告會帶給他們某種信息,而不是為了你才單擊。
第二種:有代價的單擊
如果你擁有某種十分吸引人的信息,而你想在不收費的情況下,得到某種利益(請允許這樣說),你可以讓訪問者必需單擊旗幟廣告,才能獲得信息。
34.如何在NN4和IE4瀏覽器中瀏覽相同效果的字體?
我們制作頁面時,利用IE4瀏覽器瀏覽時,一切很正常。但用NN4瀏覽時,發行細體字變成了粗體字了。這是因為,當你頁面包含一段粗體字時,此時你復制了一段文本到該粗體字的周圍,你會發現復制的文本也變成了粗體字,當然此時也可以再把它設置為你想要的字體大小,如果這樣做了,我上面說的情況就會出現。你需要復制文本到頁面空白處,這樣文本不具有任何屬性,然后拖動文本到合適的地方進行你需要的文本字體設置。這種情況多出現在利用FrontPage98編寫網頁。
35.如何讓提交表單后打開一個新窗口顯示提交結果?
如果你的站點上有郵件列表服務,每當訪問者訂閱并按下訂閱按鈕后。因為郵件列表需要訂閱確定,而這種服務多為第三方提供的,所以訂閱確定頁會連接到服務商的頁面。這樣有時會照成訪問者離開了站點。你可以按下面的代碼設置,讓訪問者單擊了訂閱按鈕后,會打開一個新的窗口顯示訂閱確定。
<form action="http://www.popchina.com/cgi-popchina/mailist.pl&qu ... t;a" method=post>
其中在你的代碼中加入:target="a"
36.如何防止頁面源代碼被復制?
如果你的頁面包含一個自行設計的JavaScript小程序,如何防止它被別人復制使用呢。其實你不可能完全阻止他人引用,但你可以采用適當的方法盡量維護自己的權益:
第一.版權聲明
在源代碼中加入一段版權解釋-<!----本源代碼版權所有,請勿復制。---->,并把源代碼利用E-Mail寄一份給自己,以確定時間,為以后與別人交涉做好證據準備。
第二.工具加密
你也可以利用工具軟件加密源代碼。我以前用過 Web Protector 2.0,覺得還不錯。
37.如何清除頁面中的框架結構?
在鏈接屬性中加入target="_top" 如下設置:
<a >宇風多媒體</a>
當你單擊了這個鏈接,頁面所有框架被清除并以該鏈接內容替代。
38.如何防止站點頁面被任意鏈接?
有許多好站點的頁面被其它站點任意鏈接,如果你不希望別人直接鏈接到站點內部去,你可以經常更換頁面文件名。比如每十天改一次,這樣可以有效防止別人的任意鏈接。缺點是讓直接訪問著無所適從。
39.如何創建一個下拉菜單?
我們在主頁中常會用到下拉菜單,一般來說,它需要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>
40.如何避免頁面電子函件地址被搜索到?
經常會收到不請自來的垃圾信,如果你擁有一個站點并發布了你的E-Mail 鏈接,那么其他人會利用特殊工具搜索到這個地址并加入到他們的數據庫中。要想避免E-Mail 地址被搜索到,可以在頁面上不按標準格式書寫E-Mail 鏈接,比如:cnshell at 163.com,它等同與cnshell@163.com。
41.如何給站點加入計數器并進行設置?
要給站點加入計數器需要第三方提供服務,目前這種服務非常多,而一般申請免費主頁空間時會提供計數器服務。計數器格式如下:
<img src="http://ip/cgi-bin/count.exe?dd=A;df=tiantao|ft=0"border="0" ... t="19" align="top">
期中dd表示計數器的數字字體形狀,一般可以選擇A,B,C,D,E,F六種;df表示計數器的記錄文件名字,一般為申請者的用戶名字;ft表示字體的立體效果,可以為任意數字;計數器還包含md(定義計數器最大位數),display(計數器功能)等屬性。
42.創建一個好站點應具備什么知識?
⑴HTML的使用技能;⑵WEB圖形的使用;⑶JavaScript編程;⑷站點的布局計設計;⑸管理站點的能力;⑹寫作能力,為站點內容服務;⑺對WEB服務器的了解。
43.如何使圖片與瀏覽器窗口無縫接合?
大家有時候發現想把一幅圖片與瀏覽器窗口邊框無縫接合很難,總會有點距離。這是因為你沒有設置頁面邊距,在你的頁面<BODY>中加入以下代碼:
topmargin="0" leftmargin="0"
topmargin為與瀏覽器窗口頂部距離,此時為O,圖片與瀏覽器窗口無縫接合。
leftmargin="0"為與瀏覽器窗口左邊距離,此時為0。
44.如何建立一個站點的搜索引擎系統?
如果你的站點有許多內容,你希望訪問者能很快找到他想要的信息。那么你需要建立一個搜索引擎。連接到網站網絡特區http://NETzone.swatou.com/personal/,單擊"申請站點引擎"并填寫申請表,再按照要求建立站點頁面數據庫即可。
45.如何讓文本與圖像和平相處?
如果你有一段長的文本,并把文本縮排在頁面中間部分,你希望在文本周圍放置幾幅圖片,這該如何進行呢。假設你在使用FrontPage98編輯頁面,首先設置好文本,然后在需要放置圖片的地方,建立一個單行表格,并利用鼠標把它拖到最小,選擇表格屬性,把Float設置為right(表示放置在文本右邊),單擊OK。這時,表格處于文本右邊,最后把圖片放置在表格中即可,記得把表格邊框取消。
46.如何改變鏈接顏色?
要改變鏈接顏色,請在<body link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" background="bj4.gif">中設置.link為未鏈接顏色,vlink為已鏈接顏色,alink為鏈接過度顏色.
47.如何讓訪問者忽視緩沖頁面?
請在<head></head>部分加入<MEAT HTTP-EQUIV="Pragma" CONTENT="no-cache">
48.如何為頁面制作幻燈片效果?
如果想為訪問者展示一系列的圖片,并且頁面自動每間隔一段時間刷新圖片。假設要展示三副圖片,為這三幅圖片制作三個頁面1.htm,2.htm,3.htm。在每個頁面<head></head>部分分別加入<META HTTP-EQUIV="Refresh" Content=" 6;URL=x.htm">,其中1.htm指向2.htm,2.htm指向3.htm。
49.如何正確上傳頁面?
服務器默認首頁名字是什么,目前多為index.htm或default.htm。
是否需要建立目錄public_html,有的服務器需要建立該目錄并把所有頁面都上傳到該目錄下,有的只需要直接上傳到根目錄下(/)。
服務器是否支持中文文件名(喜歡用中文文件名的網友要注意)。
服務器對文件英文大小寫是否敏感,筆者提議最好都用小寫英文。
檢查用戶名和密碼是否正確。
50.如何為文字鏈接加上文字提示?
我們一般可以為圖片加上文字提示,即alt=宇風 如何為文字鏈接加上文字提示呢,只需在<a>中加入title標簽。<a >宇風多媒體互動</a>
51.如何改變表單submit按鈕的文字?
把下面代碼中的value屬性值改成你需要的文字即可。
<input type="submit" value="submit" name="B1">
52.如何在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的值來精確定位圖片。
53.如何加快頁面圖片下載速度?
有種情況,首頁圖片過少,而其它頁面圖片過多,為了提高效率,當訪問者瀏覽首頁時,后臺進行其它頁面的圖片下載。方法是在首頁加入:<img src="cnshell.jpg" width=0 height=0>,其中width,height要設置為0,cnshell.jpg為提前下載的圖片名。
54.如何自動彈出對話框?
在<body></body>部分加入
<script LANGUAGE="JavaScript">alert("彈出內容")</script>
55.什么是目標窗口,它該如何設置?
目標窗口是頁面鏈接所指內容顯示的窗口,也就是當你單擊了頁面某一個鏈接后,該鏈接所指的內容在那個窗口顯示。大多數情況下,我們無需關心它,因為一般都是在同一窗口顯示。
target是鏈接標簽<a>的屬性,它的作用就是指定目標窗口,target有以下幾個值:
_self-將鏈接指向的內容裝載到當前頁的窗口或框架中
_top-完全取代當前頁面的所有框架
_blank-為鏈接指向的內容打開一個新的窗口
_parent-把鏈接指向的內容裝入當前頁<FRAMESET>父窗口中
以上設置多用在框架結構的頁面中。
56.如何為所有鏈接指定同一目標窗口?
在框架網頁結構中,我們需要指定鏈接所指向的內容顯示在那個窗口中。如果你的鏈接大部分都指定到同一個窗口中,就可以在<HEAD></HEAD>部分中加入:<base target="窗口名">,你無需為每個鏈接再指定窗口了。
57.如何讓所有頁面共享同一個層疊樣式表(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>
58.如何為鏈接定制新窗口?
我們可以打開一個新的窗口來顯示鏈接的內容,但如何定制這個新窗口呢。
只需要在標簽<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為設置新窗口的大小等屬性。
59.如何在沒有安裝更多瀏覽器的情況下測試頁面?
目前存在的不兼容性,使得同樣一個頁面在不同瀏覽器中的顯示是不一樣的,如何盡可能使大家都滿意呢,在沒有安裝更多種類的瀏覽器情況下,你需要關閉圖片,JavaScript支持,CSS支持等等功能,因為大多數低版本瀏覽器都不支持它們,這樣查看能讓你知道頁面在那里有多“難看”。
60.制作動態頁面的步驟是怎樣的?
第一步:設計頁面及尋找頁面需要的材料;第二步:完成普通頁面的制作,此時無須涉及動態主頁內容;第三步:為頁面文字增加層疊樣式表,以改變文字顏色,鏈接等;第四步:為頁面增加交互性內容,如cgi,Javascirpt,activeX控件等,這是把頁面動態的關鍵;第五步:測試動態頁面以適應更多瀏覽器;第六步:發布動態頁面并在上面標明該頁是動態頁面(dhtml)。
61.如何讓訪問者單擊加入站點書簽?
總希望訪問者能能把你的站點,加入到他們的書簽里,這里有個好辦法:
在<HEAD></HEAD>部分加入:
<script language="JavaScript"><!--
function addbookmark()
{window.external.AddFavorite("http://www.yufeng21.com","宇風多媒體");}
//-->
</script>
然后在<BODY></BODY>部分加入:
<script language="JavaScript">
<!--
if(document.all != null){document.write("[<a href=Javascriptddbookmark()>按一下,我將和您成為朋友。</a>]");}
// --></script>
62.是否可以利用大寫體來書寫HTML標簽元素?
對于大多數HTML標簽元素,你可以利用大寫體或小寫體及兩者的混合體來書寫標簽元素。比如:
<html></html>和<HTML></HTML>同等有效。
但如果是特殊字符的標簽元素,你只能使用小寫體。比如版權的字符的標簽元素是:?,如果寫成?;,那么頁面將完全顯示?;。
63.如何在頁面利用單擊來關閉瀏覽窗口?
在<BODY></BODY>部分加入以下代碼:
<a href="Javascript:window.close()">關閉窗口</a>
64.如何為頁面設置訪問口令?
有時候你需要為某一頁設置密碼,以讓合適的人進來。在<head></head>部分加入:
<script language="JavaScript"><!--var pd="" var rpd="cnshell" pd=prompt("請您輸入密碼:","")if(pd!=rpd){ alert("您的密碼不正確...")history.back()}else{alert("您的密碼正確!")window.location.href="cnshell.htm"}
// -->
</script>
在以上代碼中,"cnshell"就是正確的密碼。"cnshell.htm"是當輸入正確密碼后鏈接的頁面。這種設置口令的方法并不安全,因為只要訪問者查看頁面源代碼就能知道設置的密碼了。
65.如何為訪問者設置正確的軟件下載鏈接?
與其它鏈接一樣,都使用<a></a>標簽。但對于軟件下載鏈接,你需要這樣設置:
<a href="cnshell.zip">Download cnshell.zip (188kb)</a>
66.如何刪除圖片鏈接的藍色邊框?
如果我們設置了圖片為一個鏈接,會發現圖片四周出現了藍色邊框。要刪除邊框,需要在圖片標簽里加上border="0"。如:<img src="cnshell.jpg" border="0">
67.如何為鏈接提供一個按鈕?
<form ACTION="cnshell.htm" METHOD="GET">
<p><input TYPE="submit" VALUE="單擊這里" NAME="cnshell"></p>
</form>
68.如何為頁面增加一個計數器?
這個問題對于初上網的人實在是個頭痛的事情,因為他們發現在利用FrontPage98增加計數器后,發現根本都不起作用。計數器需要服務器CGI的支持,不能由本地的電腦自行設置。所以,如果你的站點需要計數器,請到以下這個最有名的計數器提供商申請吧:http://www.linkexchange.com/
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%為縮進的范圍。
73.如何正確使用分隔線?
如果你使用FrongPage98,這里我再假設你需要分隔頁面左右兩部分內容,先利用表格工具拖出三個橫行表格,把內容分別放置到左右兩個單元,然后把中間的單元的寬度設置為1個Pixels,并填入所需要的顏色。你還需要把所有表格及單元的大小單位都設置為Pixels即可。
74.如何單擊鏈接打開一個定制的新窗口?
先在<head></head>部分加入代碼:
<script language="JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) {window.open(theURL,123,features);}
//-->
</script>
然后在鏈接標簽<a>中加入如下代碼即可:
<a href="#" onClick="MM_openBrWindow('http://www.yufeng21.com/cnshell/','123','scrollbars=yes,width=640,height=480')">宇風多媒體</a>
75.為什么有的站點下載很慢?
因為網頁用了過多的圖片,為了追求COOL的效果用了大量的Java Applet,過多使用<TABLE>,這些都是不可取的。對于圖片必須要用的壓縮再用,對于Java Applet絕對不用,它會讓機器配置低的訪問者的硬盤狂讀不止。對于需要的動態頁面,可利用CSS和JavaScript實現。
76.如何讓字體顯示的更舒服?
這需要利用到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是文本行的上下間隔。
77.如何讓網頁兼容IE和NN兩種瀏覽器?
完全的兼容是不可能的。目前IE瀏覽器占有量大大超過NN瀏覽器,所以你只需要兼容IE瀏覽器即可。當然你也可以制作兩套網頁,利用JavaScript來檢測不同瀏覽器以裝入相應網頁。
78.如何正確使用字體?
設置文本字體是網頁制作中很重要的的環節,但因為并不是每一位訪問者都有你設置的字體,所以盡量使用操作系統默認的字體宋體,黑體,楷體。對于其它類型字體可以用圖形方式實現。
79.如何制作繁體版本網頁?
如果你使用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/)
80.利用水平線(HR)制作垂直線?
插入HR很簡單:<hr size="1">。如何讓它垂直呢,更簡單:<hr size="100" width="1">
81.與其它站點交換連接需要什么?
當然,你首先要有一個個人站點,然后準備好兩個站點LOGO。一般來說,400x40和88x31兩種LOGO是必需的,其它也可以準備一個100x31的LOGO。400x40的LOGO用于象網盟這樣的廣告交換站點,88x31和100x31用于個人站點之間的交換。
82.如何讓下拉式菜單中的鏈接來打開一個新的窗口?
先把下拉式菜單設置好,如:
<form method="POST"><select name="D1" size="1"><option value="http://www.yufeng21.com/cnshell/">宇風多媒體</option><option value="http://www.yufeng21.com/">宇風多媒體互動</option></select><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset"name="B2"></p></form>
然后把<select name="D1" size="1">改為
<select onChange="Javascript:window.open(this.options[this.selectedIndex].value)">即可。
83.如何正確對齊文本? Top
有時,我們需要對一段文本的左右,上下的邊距(指文本至瀏覽器的距離)加以指定以使文本正確對齊,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,你會發現文本對的非常整齊。
84.如何正確使用圖片格式?
目前在網絡上的圖片準標準格式為JPG和GIF。當圖片顏色數很多時,就選擇JPG,它的壓縮比高,而GIF適合顏色數少的圖片。
85.如何在網頁上顯示訪問者系統信息?
把以下代碼加入到<Body></Body>:
<script Language="JavaScript">document.write(navigator.appVersion)</script>
86.如何正確放置JavaScript?
JavaScript為動態主頁的實現工具,一般來說JavaScript放置于<head></head>或者<body></body>之間。對于放置在<body></body>之間的JavaScript,你需要把它放置在適當位置。如果你用FrontPage98工具,先把光標移到想放置JavaScript的地方,然后選擇Insert/Advanced/script,在打開的文本框中輸入JavaScript,這樣就放置好了。預覽頁面,JavaScript出現在你放置的地方。你也可以把JavaScript放置到表格中,這樣可以精確定位。
87.個人站點需要那些交互功能?
交互是網絡的魅力所在,作為個人站點也需要這些交互性的工具,以便和訪問者隨時進行溝通。以下是目前個人站點必備的交互工具:
留言板-讓訪問者給你的站點提提意見;
論壇-討論某一個特定主題的地方,它和留言板的區別是留言板可以包含任何內容;
調查表單-利用個人站點,你可以對某一問題進行調查,然后看看各意見的支持率;
訂閱表單-通過郵件給訂閱者提供站點的更新信息;
聊天室-一個即時的對話場所,特別可以對一個特定主題組辦一個網絡討論;
搜索引擎-當站點內容過多時,搜索引擎可以讓訪問者快速找到想看的內容;
88.如何縮進文本段落?
在<head></head>部分加入:
p { text-indent: 1% }
p 標簽為HTML文本段落的標簽,1%為縮進的范圍
89.如何點擊一個鏈接同時在兩個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>
91.打印按鈕
<form>
<input name="Print" onClick="window.print();return false" type="button" value="Print">
</form>
92.查看源碼按鈕
<input type=button name="view" value="查看源碼" onClick=''window.location="view-source:" +window.location.href'' style="font-size:9pt">
93.如何去掉頁面滾動條?
在body 中加入樣式表控制,代碼如下:
<body bgcolor="#000000" leftmargin="0" topmargin="0" style="overflow-x: hidden; overflow-y: hidden; width: 100%">
94.如何在Dreamweaver 插入空格?
在FrontPage 中,插入空格只需要在選定的文本前按下鍵盤空格鍵就可以了,但在Dreamweaver 中不行。空格的標簽是 可以開啟HTML Source 視窗直接加入標簽,也可以在指定的文本前,按下Ctrl+Shift+Space。
95.如何在DW中設置Flash 動畫的背景透明?
在SWF文件的屬性面板中,點parameters,添加參數wmode,值選擇transparent;
或者直接修改網頁的代碼,在標志SWF文件屬性的代碼中添加:
<param name="wmode" value="transparent">
96.如何正確使用分隔線?
這里我再假設你需要分隔頁面左右兩部分內容,先利用表格工具拖出三個橫行表格,把內容分別放置到左右兩個單元,然后把中間的單元的寬度設置為1個pixels(像素),并填入所需要的顏色。你還需要把所有表格及單元的大小單位都設置為pixels 即可。
97. 如何讓瀏覽器正確顯示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
98.如何實現一個頁面兩種顏色鏈接變化?
在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;}
99.DW中如何準確地定位層?
就目前來說,還沒有好的方法實現非常精確地定位使得層在編輯中和瀏覽中的位置不變,即便是使用“標尺”和“網格”輔助定位,仍然會有差別,而且在IE和NC中顯示的層的位置會有偏差,大約偏差3個象素。最好的方法是對照瀏覽器的顯示來調整層的位置。
100.怎樣把別人網頁上的背景音樂保存下來?
A:瀏覽該網頁后,在你的 Windows/Temporary InterNET Files 文件夾下可以找到該背景音樂的緩存文件,拷貝出來即可使用。如果還是找不見該文件,可以打開網頁的源文件,找到音樂文件的 URL 路徑,用“螞蟻”等 FTP 軟件進行下載。
101.避免有人從你分幀的主頁的幀中徑直進入網站,而不是從 index.htm 中進入?
A:在幀中的網頁的<head></head>之間加入以下腳本代碼:
<Script language="JavaScript">
if (top==self)
self.location.href="index.htm";
</Script>
這樣,當有人從幀中進入網站時,就會自動重定向到主頁文件 index.htm。
102.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
103.如何使網頁在不同分辯率下都全屏鋪開?
用表格(不要使用層),做好內容后,將最外表格設置寬為100%,再適當調整。
104.如何定時關閉網頁?
在head區加入
<SCRIPT LANGUAGE="Javascript">
setTimeout('window.close();',2000);
</SCRIPT>
表示兩秒后自動關閉窗口。
105.如何實現不提示,直接關閉窗口?
直接關閉,無任何提示
<a href="Javascript:window.opener=null;window.close()">內容</a>
有提示框顯示是否確認關閉
<a href="Javascript:window.close();">關閉窗口</a>
HTML/CSS技術:HTML技巧匯編,轉載需保留來源!
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。