網頁製作知識問答
1,Q:怎樣把別人網頁上的背景音樂儲存下來?
A:瀏覽該網頁後,在你的 Windows\Temporary Internet Files 資料夾下可以找到該背景音樂的緩衝文件，拷貝出來即可使用。如果還是找不見該檔案，可以開啟網頁的源文件，找到音樂文件的 URL 路徑，用「螞蟻」等 FTP 軟體進行下載。
2,Q:避免有人從你分畫格的主頁的畫格中徑直進入網站,而不是從 index.htm 中進入?
A:在畫格中的網頁的〈head〉〈/head〉之間加入以下指令碼程式碼:
〈Script language="javascript"〉
if (top==self)
self.location.href="index.htm";
〈/Script〉
這樣,當有人從畫格中進入網站時,就會自動重轉發IP到主頁文件 index.htm。
3.Q:怎樣防止別人把你的網頁放到框架裡?
A:因為框架(frame)的緣故,有許多人把別人的網頁放置到自己的框架裡,使之成為自己的一頁。如果你要防止別人這樣做,可以加入下列 javascript 程式碼即可,它會自動監測,然後跳出別人的框架。
〈Script language="javascript"〉
if (self != top)
top.location = self.location;
〈/Script〉
4,Q:怎樣在 FrontPage2000 中加入 Flash 動畫?
A:在 FrontPage2000 中,點擊[插入]->[進階]->[插件]，在彈出的視窗中，設定一下 Flash 文件的大小及其它信息，確定即可。
5,Q:怎樣在網頁中加入註釋?
A:在共同網頁開發中，加入註釋是防止分工被搞混淆或者註釋某段程式碼特殊的含義，加入註釋的格式是：
〈!-〔註釋內容…〕--〉
6,Q:怎樣測試瀏覽器並自動裝入所需要的網頁?
A:目前微軟和網景的瀏覽器並不能完全相容所有網頁，有的網頁在某種瀏覽器中非常漂亮， 而用其它瀏覽器檢視時卻一團糟。如果你需要測試瀏覽器，可以加入以下 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="ns.htm"",10); }
else {setTimeout("location.href="ie.htm"",10); }
}
〈/script〉
7,Q:怎樣讓連結沒有底線?
A:只要在〈Head〉〈/Head〉中加入以下程式碼，所有連結就都沒有底線了：
〈style type="text/css"〉
〈!--
a {text-transform:none;text-decoration:none;}
a:hover {text-decoration:underline}
--〉
〈/style〉。
8,Q:怎樣在網頁中加入 E-mail 連結並顯示預定的主旨?
A: 〈A href="mailto:Emailhost@263.net?subject=主旨"〉……〈/a〉
9,Q:怎樣讓網頁的背景圖像不滾動?
A: Internet Explorer 瀏覽器支持一個 Body 內容 bgproperties，它可以讓背景不滾動:
〈Body Background="圖片文件" bgproperties="fixed"〉
10,Q;怎樣定義網頁的關鍵字?
A:在網頁中加入關鍵字,可以供某些搜尋站台機器人使用,它們會利用該關鍵字為你的網站做索引， 這樣，當別人用關鍵字搜尋網站時，如果你的網頁包含該關鍵字，那麼就可以被列出了。定義本網頁關鍵字，可以在〈Head〉〈/Head〉中加入如下程式碼：
〈meta name="Keywords" content="china,enterprise,business,net"〉
Content 中所包含的就是關鍵字,你可以自行設定。
這裡有個技巧,你可以重複某一個單詞,這樣可以提高自己網站的排行位置,如：
〈meta name="Keywords" content="china,china,china,china"〉
11,Q:怎樣隱藏在狀態列裡出現的連結信息?
A:大家知道,當你指向一個連結時,該連結的信息就會出現在瀏覽器的狀態列裡, 如果需要隱藏它,可以本連結中做如下設定：
〈a href="http://zhanghing.yeah.net"; onMouseOver="window.status="none"; return true"〉連結〈/a〉
12,Q:怎樣在網頁中加入多媒體播放?
A:有些多媒體文件無需其他程序就可以播放， 而有許多多媒體文件需要外部程序才能播放。如果瀏覽器沒有安裝這種外部程序，那麼瀏覽器會自動去下載。 要加入多媒體格式,可加入如下程式碼：
〈EMBED SRC="test.ram" AUTOSTART="TRUE" LOOP="3" WIDTH="80" HEIGHT="30"〉
13,Q:怎樣在網頁中加入電子郵件功能表提交?
A:功能表提交需要 CGI 程序的支持,但也可以利用 E-mail 提交,當你設計好功能表後， 把 Action 內容加入郵件位址即可，例如：
〈form method="POST" action="mailto:zhangking@263.net" ENCTYPE="text/plain"〉
……
〈/form〉
14,Q:用 Word 作為 Html 編輯器產生的程式碼比較冗長，怎麼最佳化?
A:可以用網頁制做軟體 Dreameweaver3.0 進行最佳化。
15,Q: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
16,Q:網頁上的圖形格式：
A:圖形的格式千奇百怪，但是一般 WWW 瀏覽器支持的圖形格式只有 .gif 和 .jpg(.jpe)，這兩種都是經過壓縮的圖形我的文件。所以文件較小，適合在網路上傳送。如果你的圖形是別的格式， 則必須使用圖形處理軟體來將其轉存成 .GIF 或 .JPG 的圖形格式。但到底該用那一種圖形格式呢? 先看看下面的比較： GIF 格式 JPEG 格式
壓縮比例 較小 從大到小有四種選項
最多支援的顏色 256色 全彩(16百萬色)
漸顯功能(「隔行」方式) GIF89a有 無
背景透明功能 GIF89a有 無
動畫 GIF89a有 無
結論是：比較大或顏色較多的圖形就用 .JPG 的格式, 比較小或顏色較少， 而且需要有特殊功能的圖，就用 .GIF 格式。注意：.GIF 還分為 GIF87a 和比較新的 GIF89a 兩種格式，一些特殊的功能(像透明背景) 則是 GIF89a 才有的。當你真的無從選項的時候，就乾脆分別儲存成兩種圖形格式，看看那個文件比較小，就用那一個。
將 Gif 文件儲存成「隔行」方式：在 Photoshop 中，儲存時選項「Interlaced」。
將 jpg 文件儲存成「逐級」方式：在 Photoshop 中，儲存時選項「Progressive」。這樣，圖形顯示時將由模糊逐漸變得清晰起來。
17,Q:表格中嵌套〈Form〉標籤時，換行的取消：
A:在網頁制做中，當表格和〈Form〉〈/Form〉標籤嵌套時，如果像如下的形式：
〈table border=1〉 〈tr〉 〈td〉 〈Form〉 〈input
name= size=〉 〈input type=button value=Test〉 〈/Form〉
〈/td〉 〈/tr〉 〈/table〉
那麼在〈Form〉構造出的文本框下會有一個空行，非常影響版面的編排。 而只要把〈/Form〉放到表格標籤〈/td〉、〈/tr〉或〈/table〉的外邊(如下)，則問題就解決了。
〈table border=1〉 〈tr〉 〈td〉 〈Form〉 〈input
name= size=〉 〈input type=button value=Test〉 〈/td〉
〈/Form〉 〈/tr〉 〈/table〉
18,Q:什麼是 ActiveX 控件?
A:Microsoft ActiveX 控件是由軟體提供商開發的可重用的軟體元件。使用 ActiveX 控件，可以很快地在網址、台式應用程式、以及開發工具中加入特殊的功能。例如，StockTicker 控件可以用來在網頁上即時地加入活動信息，動畫控件可用來向網頁中加入動畫特性。
現在，已有 1000 多個商用的 ActiveX 控件。開發控件可以使用各種編程語言，如 C，C++，下一代的Microsoft Visual Basic，以及微軟公司的 Visual Java 開發環境 Microsoft Visual J++。ActiveX 控件一
旦被開發出來，設計和開發人員就可以把它當作預裝配元件，用於開發客戶程序。以此種方式使用 ActiveX 控件，使用者無需知道這些元件是如何開發的，在很多情況下，甚至不需要自己編程，就可以完成網頁或套用程
序的設計。
IE3.0 是第一個在網頁中支持 ActiveX 控件的網路瀏覽器。在 Mosaic 和 Netscape Navigator 中也可以使用 ActiveX plug-in for Netscape 顯示 ActiveX 控件(參見網址
http://www.ncompasslabs.com)。
19,Q: Netscape Navigator 可以顯示 ActiveX 控件嗎?
A:可以，在 Netscape Navigator 中可以使用 ActiveX plug-in for Netscape 顯示 ActiveX 控件。在Ncompass 實驗室的網址
http://www.ncompasslabs.com/ 上可以得到測試版的 plug-in。
20,Q:現在有哪些工具支持使用 ActiveX 控件進行網頁開發?
A:使用 ActiveXControlPad(詳見
http://www.microsoft.com/workshop/author/cpad/),開發人員可以在HTML 網頁中方便地插入 ActiveX 控件。按照
http://www.microsoft.com/workshop/au...tutorial-f.htm
網址上的 ActiveX Control Pad 教程，開發人員可以很方便地學習使用 ActiveX ControlPad。SoftQuad 公司的 HoTMetaL Pro 也支持在 HTML 網頁上使用 ActiveX 控件。以後，微軟公司及其第三方軟體供應商還將推出很多支持使用 ActiveX 控件進行網頁製作的網路製作工具。
21,Q:只有程序員才能使用 ActiveX 控件嗎?
A:瞭解指令碼語言，比如說 Visual Basic Scripting Edition(VBScript) 或 javascript,自然對使用ActiveX 控件非常有說明 。但也並非一定要有這樣的程序開發基礎。對於有些控件來說，需要寫一定數量的指令碼程序，才能集成到網頁中，但大多數 ActiveX 控件卻不需要這樣。使用 ActiveX Control Pad，即使是非程序開發人員也可以通過簡單的選和點擊將很多控件插入網頁。
22,Q:在新增了包含 ActiveX 控件的網頁後，如果用戶在自己的電腦上瀏覽該網頁，控件是如何在用戶終端機上安裝和顯示的?
A:當 IE3.0 遇到含有 ActiveX 控件(或復合控件)的網頁時，首先檢查用戶的本機系統註冊，察看該元件是否已經安裝在本機機上了。如果該元件已經在本機機上，IE3.0 顯示該網頁並啟動控件。如果控件還未在用戶本機機上安裝，IE3.0 將自動地根據開發者新增網頁時的位址定義，從網上找到此控件,並將它安裝到本機機上。
23,Q:如何在網頁上定義一個位址，使用戶訪問網頁時，控件可以自動下載到用戶的電腦上?
A:網頁開發者可以通過給控件設定 CODEBASE 內容提供上述信息。使用 ActiveX Control Pad 時，在 ObjectEditor 中，可以看見一個內容表，開發者可以很方便地利用該表設定內容。通過設定內容，可以定義 URL 位址或位址集，通過位址可以在 Internet 上找到並下載控件。IE3.0 正是利用這些位址信息,定位控件並自動下載元件的。下載之後，網頁就出現在本機機上了。在 1996 年 7 月的 Microsoft Systems Journal 上，「Safe Web Surfing with the Internet Component Download Service」一文詳細論述了整個信息定位及下載程序。需要一提的是，許多 Microsoft 提供的控件(例如 HTML Layout Control)不需要 CODEBASE 設定，因為通過 ActiveX 對像索引(ActiveX Object Index)就可以關於 CLSID(控件唯一標識名)自動找到並定位控件。
24,Q:ActiveX 元件下載時，是否通知用戶?
A:是的。當一個元件需要下載時，IE 會預設地顯示一個訊息框，通知用戶將要開始下載。用戶可以選項終止下載或繼續下載。如果控件做過數字簽名，會提供一份數字認證書， 其中包括提供該控件的軟體供應商名字，以及驗證該控件未被破壞的有關信息。軟體開發者在開發控件時可以做數字簽名。簽名信息由控件本身攜帶， 因此在下載之前，會自動顯示數字驗證書，在網頁上使用該控件的用戶不需要做任何開發工作。
25,Q:ActiveX 控件下載後，放在什麼位置?
A:在預設情況下，控件下載後要放在 \windows\Downloaded Program Files 目錄下的 ActiveX 控件高速緩衝中。
26,Q:如何對待新新增的新版本控件? 如果用戶電腦上已經有了老闆本的控件 IE 如何知道應該下載新版本的控件?
A:I3.0 中的元件下載服務(Component Download Service)提供了版本控制功能，使用此項功能，新版本的控件會被自動檢測出來，並可自動下載。在1996 年 7 月的 Microsoft Systems Journal 雜誌上，「Safe Web Surfing with the Internet Component Download Service」一文 詳細論述了整個版本控制程序。
27,Q:ActiveX 控件是否有許可權問題? 用戶下載控件之後能否在自己的網頁上使用 ActiveX 控件？
A:ActiveX 控件提供一套完整的保護機制，可以防止未經許可的用戶在網頁上使用 ActiveX 控件。到目前為止，已經有一些開發工具支持這套機制，例如 VB、Ms Access、和 IE。現有的控件授權許可證機制有兩種許可形式：開發許可證和執行使用許可證。開發許可證允許許可證的持有者使用控件，利用 VB，ActiveX ControlPad， 以及其它有關的開發工具，從事以開發為目的活動。執行使用許可證只允許許可證的持有者在已有的套用或網頁中顯示控件，不允許將控件插入有關工具中，用於開發目的活動。支持許可證機制是獨立控件開發上的工作。有些控件開發商選項了不支持許可證機制的開發原則，因此對任何用戶來說，他們開發的控件一旦被安裝到本機機上，就可以用於開發。另一些控件開發商只提供免費的執行許可證，而在提供開發許可證時需要收費。需要在網上使用控件的用戶，應該詳細地閱讀控件開發商提供的許可證傳輸協定，以確定自己使用控件的權限。
28,Q:為什麼有些控件，甚至包括有些 VB4.0 自帶的 ActiveX 控件，在網頁上都無法用 IE 顯示?
A:包括 VB4.0 中某些控件在內的許多控件都提供了許可證機制。要在網上使用這些控件必須取得相應的執行使用許可證，並將相應的許可證文件放在網頁中，否則，在用戶終端機上將無法顯示該控件。對於某一控件來說，只有控件的合法開發者，才擁有為該控件進行「執行許可權」授權的權利。 欲知在網頁中獲得控件執行許可權的詳細程序， 請參見 ActiveX SDK 我的文件中有關許可證控制部分(在新的ActiveX Control Pad FAQ 中，還有一個具體例子)。 值得一提的是，Microsoft 及其第三方合作夥伴也在網上提供了大量的具有免費使用權許可證的 ActiveX 控件。在網頁中使用這些控件時，不需要提交使用權許可證文件。
29,Q:HTML Layout 控件如何增強了使用 ActiveX 控件開發網頁的能力?
A:HTML Layout 控件支持由 W3C 公佈的擴展 HTML，允許在網頁上精確定位對象。原先，HTML 不允許網頁開發者使用 X、Y 坐標在網頁上精確定位元素，也不允許疊蓋對象。新增加的的「2-D」佈局功能,使開發者可以完成更複雜的設計，為用 戶開發出更好的網路套用提供了支持。通過實現新的 W3C HTML 擴展，HTML Layout 控件為在 IE 中顯示的 ActiveX 控件提供了更先進的佈局選項。HTML Layout 控件是 IE3.0 的新增元件，並被集 成到 IE 完全安裝版中。(HTML Layout 控件也是 ActiveX ControlPad 的一部分,可通過 MSDN 庫安裝。由於提供了關於 WYSIWYG(所見即所得)頁的全畫格編輯器，ActiveX Control Pad 可以與 HTML Layout Control 相結合使用。 這使得用 ActiveX 控件開發先進的二維風格的 HTML 設計變得更加簡單。
30,Q:怎樣在網頁上顯示多少人在線(on-line)?
A:只要你的網站支持 ASP，那麼在網站的根目錄中放置以下內容的 Global.asa 文件，問題就解決了。將語句 〈% response.write "現在有 " & Application("WhosOn") & " 人在線。" %〉 放在你的 ASP 網頁中用於顯示在線人數。
<script LANGUAGE="VBScript" RUNAT="Server">
Sub Application_OnStart
Session.Timeout=1
Application.Lock
Application("WhosOn") = 0
Application.UnLock
End Sub
Sub Session_OnStart
Application.Lock
Application("WhosOn") = Application("WhosOn") + 1
Application.UnLock
End Sub
Sub Session_OnEnd
Application.Lock
Application("WhosOn") = Application("WhosOn") - 1
Application.UnLock
End Sub
</script>
31,Q:用樣式表(CSS)定製表格邊框：
A:
〈Table border=0 id=tb1 style="border:3px solid red"〉
〈tr〉〈td〉用樣式表(CSS)定製表格的例子〈/td〉〈/tr〉
〈/Table〉
32,Q:閃亮的表格邊框：
A:
<table border="0" width="280" id="tb1" style="border:3px solid green">
<tr>
<td>
制做閃亮的表格邊框！
</td>
</tr>
</table>
<script language="javascript">
<!-- 這段指令碼放在表格的後面
function flashit()
{
if (!document.all) return
if (tb1.style.borderColor=="green")
tb1.style.borderColor="red"
else
tb1.style.borderColor="green"
}
setInterval("flashit()", 400)
//-->
</script>
33,Q:javascript 實現的簡單時鐘：
A:
(1)在〈Head〉〈/Head〉之間放置以下指令碼:
<script language="javascript">
<!--
var timerID = null;
var timerRunning = false;
var id,pause=0,position=0;
function stopclock ()
{ if(timerRunning)
clearTimeout(timerID);
timerRunning = false;
}
function showtime ()
{
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds()
var timevalue = "" + ((hours >12) ? hours -12 :hours)
timevalue += ((minutes < 10) ? ":0" : ":") + minutes
timevalue += ((seconds < 10) ? ":0" : ":") + seconds
timevalue += (hours >= 12) ? " P.M." : " A.M."
document.clock.face.value = timevalue;
timerID = setTimeout("showtime()",1000);
timerRunning = true;
}
function startclock ()
{ stopclock();
showtime();
}
//-->
</script>
(2)在〈Body〉內容中加 onLoad="startclock()"
(3)在〈Body〉〈/Body〉中間加
<form name="clock" onSubmit="0">
<div align="center">
<center><p><input type="text" name="face" size="13" value></p></center>
</div>
</form>
即可。
34,Q:自動滾動螢幕文字：
A:
<Script Language="javascript">
var position = 0;
function scrollit()
{
if (position != 640 ){
position++;
scroll(0,position);
clearTimeout(timer);
var timer=setTimeout("scrollit()",25);
timer;
}
}
</Script>
以上指令碼加在〈Head〉〈/Head〉中間，再在〈BODY〉內容中加 Onload="scrollit()"。
35,Q:「下雨」javascript 指令碼：
A:將以下指令碼放在〈Body〉〈/Body〉中間即可：
<Script Language="javascript">
<!-- Begin
var no = 50;
var speed = 1;
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var s, x, y, sn, cs;
var a, r, cx, cy;
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
else
if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
x = new Array();
y = new Array();
r = new Array();
cx = new Array();
cy = new Array();
s = 8;
for (i = 0; i < no; ++ i) {
initRain();
if (ns4up) {
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"1\" ");
document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">");
document.write(",</font></layer>");
}
else {
document.write("<layer name=\"dot"+ i +"\" left=\"1\" ");
document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">");
document.write(",</font></layer>");
}
}
else
if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">");
document.write(",</font></div>");
}
else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">");
document.write("』</font></div>"); //設定雨點的字串
}
}
}
function initRain() {
a = 6;
r[i] = 1;
sn = Math.sin(a);
cs = Math.cos(a);
cx[i] = Math.random() * doc_width + 1;
cy[i] = Math.random() * doc_height + 1;
x[i] = r[i] * sn + cx[i];
y[i] = cy[i];
}
function makeRain() {
r[i] = 1;
cx[i] = Math.random() * doc_width + 1;
cy[i] = 1;
x[i] = r[i] * sn + cx[i];
y[i] = r[i] * cs + cy[i];
}
function updateRain() {
r[i] += s;
x[i] = r[i] * sn + cx[i];
y[i] = r[i] * cs + cy[i];
}
function raindropNS() {
for (i = 0; i < no; ++ i) {
updateRain();
if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {
makeRain();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
document.layers["dot"+i].top = y[i];
document.layers["dot"+i].left = x[i];
}
setTimeout("raindropNS()", speed);
}
function raindropIE() {
for (i = 0; i < no; ++ i) {
updateRain();
if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {
makeRain();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
document.all["dot"+i].style.pixelTop = y[i];
document.all["dot"+i].style.pixelLeft = x[i];
}
setTimeout("raindropIE()", speed);
}
if (ns4up) {raindropNS(); }
else
if (ie4up) {raindropIE(); }
// End -->
</Script>
36,Q:「地震」javascript 指令碼：
A:將以下指令碼放在〈Body〉〈/Body〉中間即可：
<script language="javascript1.2">
<!--
function shake(n)
{
if (window.top.moveBy)
{for (i = 10; i > 0; i--)
{for (j = n; j > 0; j--)
{window.top.moveBy(0,i);
window.top.moveBy(i,0);
window.top.moveBy(0,-i);
window.top.moveBy(-i,0);
}
}
}
}
//-->
</script>
<form><input onclick="shake(2)" type="button" value="地震啦！"></form>
37,Q:一個用 javascript 實現的簡陋的計算器：
A:全部程式碼如下：
<html>
<head>
<script language="javascript">
<!--
function compute(obj)
{obj.expr.value = eval(obj.expr.value)}
var one = '1'
var two = '2'
var three = '3'
var four = '4'
var five = '5'
var six = '6'
var seven = '7'
var eight = '8'
var nine = '9'
var zero = '0'
var plus = '+'
var minus = '-'
var multiply = '*'
var divide = '/'
var decimal = '.'
function enter(obj, string)
{obj.expr.value += string}
function clear(obj, string)
{obj.expr.value = ''}
//-->
</script>
</head>
<body>
<form name="calc">
<table border=1>
<tr align="right">
<td colspan=4><input name="expr" action="compute(this.form)"></td>
</tr>
<tr align=center>
<td><input type="button" value=" 7 " onClick="enter(this.form, seven)"></td>
<td><input type="button" value=" 8 " onClick="enter(this.form, eight)"></td>
<td><input type="button" value=" 9 " onClick="enter(this.form, nine)"></td>
<td><input type="button" value=" / " onClick="enter(this.form, divide)"></td>
</tr>
<tr align=center>
<td><input type="button" value=" 4 " onClick="enter(this.form, four)"></td>
<td><input type="button" value=" 5 " onClick="enter(this.form, five)"></td>
<td><input type="button" value=" 6 " onClick="enter(this.form, six)"></td>
<td><input type="button" value=" * " onClick="enter(this.form, multiply)"></td>
</tr>
<tr align=center>
<td><input type="button" value=" 1 " onClick="enter(this.form, one)">
<td><input type="button" value=" 2 " onClick="enter(this.form, two)">
<td><input type="button" value=" 3 " onClick="enter(this.form, three)">
<td><input type="button" value=" - " onClick="enter(this.form, minus)"></td>
</tr>
<tr align=center>
<td colspan=2><input type="button" value=" 0 " onClick="enter(this.form, zero)">
<td><input type="button" value=" . " onClick="enter(this.form, decimal)"></td>
<td><input type="button" value=" + " onClick="enter(this.form, plus)"></td>
</tr>
<tr align=center>
<td colspan=2><input type="button" value=" = " onClick="compute(this.form)"></td>
<td colspan=2><input type="button" value=" AC " size= 3 onClick="calc.expr.value = ''"></td>
</tr>
</table>
</form>
</body>
</html>
38,Q:在網頁上實現「預覽圖」：
A:網頁制做時，大的圖片會消耗較長的下載時間，為了不使瀏覽者失去耐心，可以採用「預覽圖」(low source)的辦法，即先下載一個「low source」，然後再下載真正需要顯示的圖片。在 Html 我的文件中標注「low source」的方法為：〈img src="需要顯示的圖片" lowsrc="預覽圖" width="x" height="y"〉(其中 width 和 height 是需要顯示的圖片的寬度和高度。如果不加 width 和 height 內容，瀏覽器視為以較小圖片作為長寬尺寸。)
實現「預覽圖」還有一個方法，就是將預覽圖做成一個連結，如果用戶願意，可以點擊它，再觀看真正的圖片，格式是：
<a href="需要顯示的圖片"><img src="預覽圖" width=x height=y border=0></a>
39,Q:閃亮的連結：
A:
<a href="linkto" name="link1" style="text-decoration:underline;color:green;">閃亮的連結</a>
<script language="javascript">
<!-- 這段指令碼放在連結的後面
function flashit()
{
if (!document.all) return
if (link1.style.color=="green")
link1.style.color="red"
else
link1.style.color="green"
}
setInterval("flashit()", 400)
//-->
</script>
40,Q:在網頁中增加「增加到收藏夾」「設為首頁」功能(似乎只能在 IE5.0 以上版本使用?)：
A:增加到收藏夾：〈a href="javascript
:window.external.addFavorite('http://連結','說明');"〉增加到收藏夾〈/a〉
設為首頁：〈a href=# onclick=this.style.behavior='url(#default#homepage)';this.setHomePage('http://連結');〉設為首頁〈/a〉
41,Q:定制瀏覽器位址欄前的小圖示：
A:在網頁的〈head〉〈/head〉間加入以下語句：〈link rel="shortcuticon" href="http://…/icon.ico"〉即可。其中 icon.ico 為 16x16 的圖示文件，顏色不要超過 16 色。
42,Q:給超連結、功能表、表格等網頁元素加上動態說明：
A:網頁中的圖片可以用〈img alt="說明"〉 加上註釋，其它元素頁可以加上註釋說明，方法是用 title 內容。如：
〈a href="" title="說明"〉；〈input title="說明"〉；〈table title="說明"〉…〈/table〉
43,Q:用曾疊式樣式表(css)定制按鈕的滑鼠形狀(cursor)：
A:<input type="button" style="cursor:hand;">，這樣，當滑鼠移到按鈕上時，會變成一個「手」形，和移到超級連結上一樣。cursor 後的參數很多，列在下邊：
hand 手型
crosshair 十字型
text 移動到文本上的那種效果(I 形)
wait 等待的那種效果(沙漏)
default 預設效果
help 問號
e-size 向右的箭頭
ne-resize 向右上的箭頭
n-resize 向上的箭頭
nw-resize 向左上的箭頭
w-resize 向左的箭頭
sw-resize 向左下的箭頭
s-resize 向下的箭頭
se-resize 向右下的箭頭
auto 由系統自動給出效果
44,Q:在網頁頁面上顯示 html 程式碼：
A:要在 html 程式碼中放置 html 文本顯然是不行的，因為你放在 html 中的 html 文本會相互混淆起來，產生嚴重的錯誤。如果 html 文本很少，可以將其中的〈 〉用全形的〈 〉替代；如果文本很長，將它門放在標籤〈xmp〉〈/xmp〉中，這是專門用來顯示 html 文本的標籤。與此相關的一個問題是：有時從網頁上「挖」下來的 html 程式碼，放在 html 文件中瀏覽時，顯示的全是 html 程式碼，就是因為他們制做網頁時將標籤的大於號、小於號用全形的〈、〉替代了。
45,Q:加速網頁載入的技巧：
A:當瀏覽者停留在一個網站的主頁上時，其它頁面的下載是停止的，這樣時間就白白浪費了。我們可以將主頁分成兩個畫格，一個畫格顯示主頁，將另一個畫格隱藏後「偷偷」地下載其它頁面，在硬碟裡緩衝起來。這樣，當瀏覽者瀏覽到別的頁面時，瀏覽器就是從硬碟裡使用資料了。
46,Q:讓網頁的背景影像動起來(Vbscript)：
A:
<SCRIPT language="VBScript">
dim c,numgc
c=-100000
numgc=document.body.sourceIndex
sub SF
c=c+2
Document.all(numgc).style.BackgroundPosition="0 " & c
id=SetTimeOut("SF",64,"VBScript")
end sub
SF
</SCRIPT>
47,Q:用 javascript 控制瀏覽器視窗大小：
A:有時候，我們需要控制顯示視窗的大小，這當然能夠通過點擊視窗右上角的控制按鈕來實現。但是，能否在頁面中通過連結來實現呢？答案是：能！請看下面的程式碼：
<SCRIPT LANGUAGE="javascript">
function Minimize()
{
window.innerWidth = 100;
window.innerHeight = 100;
window.screenX = screen.width;
window.screenY = screen.height;
alwaysLowered = true;
}
function Maximize()
{
window.innerWidth = screen.width;
window.innerHeight = screen.height;
window.screenX = 0;
window.screenY = 0;
alwaysLowered = false;
}
</SCRIPT>
<A HREF="javascript
nClick=Minimize()">Minimize</A>
<A HREF="javascript
nClick=Maximize()">Maximize</A>
上面的程式碼包含 2 個函數，先來看看第 1 個。函數 Minimize 中使用 innerWidth 和 innerHeight 2 個指令在像素級別上控制視窗尺寸大小，這裡將視窗設定為寬 100 高 100。然後，設定視窗的起始位置，定位大小為螢幕的寬和高，這樣，使用 alwaysLowered 指令就將視窗縮小並移動到了螢幕的右下角。觸發事件是一個 javascript 連結 〈A HREF="javascript
nClick=Minimize()"〉Minimize〈/A〉。同時，上述程式碼可以用於設定螢幕的任何解析度。
注意，當在頁面上套用這個功能時，請將那 2 個觸發事件的連結放置在頁面的左上角，這樣，當視窗縮小到右下角時，它們也不會消失。
48,Q:網頁的定時轉向和定時重新整理?
A:在網頁的 <Head></Head> 間加入 <meta http-equiv="refresh" content="10; url=http://……"> 就會使網頁在 10 秒後自動轉向到網址
http://…… 去。特殊情況是，如果沒有 url=…… 一項，網頁就會每隔 10 秒自我重新整理一次 -- 最初的聊天室就使用了這種技術，但螢幕看起來有些閃爍感。
49,Q:上傳主頁的一個技巧：
A:如果你做主頁時是假設網站的主文件為 index.htm，網頁中的所有連結也預設主頁為 index.htm。但當你上傳主頁時發現網站的主文件為 index.html，那麼你是不是需要一個一個地去修改許多網頁中的連結呢? NO! 這時你只要在網站建立一個 index.html 文件，其中放以下一條語句就可以了：
<meta http-equiv="refresh" content="0; url=index.htm">
那麼，如果你做主頁時假設網站的主文件為 index.html，而上傳主頁時發現網站的主文件為 index.htm 時怎麼辦呢? …… 「To be,or not to be,this is a question.」
51,Q:為什麼用 FrontPage 做的網頁在有的網站上顯示不正常?
A:如果用 FrontPage 做的網頁使用了 FrontPage 擴展特性，且放在了用 Unix、Linux 建立的網站上，就會顯示不正常，丟失一些特性。因為 FrontPage 擴展特性是關於 Windows 系列操作系統的。避免辦法就是……「因噎廢食」了。
52,Q:讓 IE 瀏覽器的標題條文字動起來?
A:在網頁的 <head></head> 之間加入以下 VbScript 指令碼即可：
<Script language="vbscript">
msg="十萬個為什麼-電腦套用技巧大全"
l=len(msg)
i=l-3
sub movetitle()
title=right(msg,l-i)+left(msg,i)
top.document.title=title
i=(i+1) mod l
end sub
speed = 10 '毫秒
a=setInterval("movetitle()",speed)
</Script>
53,Q:網頁中 IFRAME 畫格的使用(在網頁中構造小「視窗」方法之一)：
A:用標籤 <IFRAME></IFRAME> 可以在網頁中構造小「視窗」，顯示指定 URL 的網頁，語法如下：
<IFRAME SRC="" width="500" height="200" marginwidth="0" marginheight="110" hspace="10" vspace="20" frameborder="0" scrolling="1">
</IFRAME>
(注1：可以用此法在網頁中製作網頁效果演示。
注2：相關知識：如果要在網頁中開一個「視窗」，顯示一段文本，可以使用:
<form>
<textarea name="S1" rows="高" cols="寬"></textarea>
</form>)
54,Q:在網頁中構造小「視窗」方法之二: 使用 ActiveX 控件：
A:
<object id="browserIcons" classid="clsid:EAB22AC3-30C1-11CF-A7EB-0000C05BAE0B" align="baseline" border="0" width="452" height="161">
<param name="Location" value="http://100000.home.sohu.com";>
<param name="AlignLeft" value="0"><param name="AutoSize" value="0">
<param name="AutoSizePercentage" value="10">
<param name="AutoArrange" value="1">
<param name="NoClientEdge" value="1">
<param name="ViewMode" value="0">
</object>
55,Q:當滑鼠移動到表格上時，表格背景色改變:
A:在網頁的 <body></body> 之間放如下程式碼即可實現：
<script language="javascript">
<!--
function mOvr(src,clrOver)
{
if(!src.contains(event.fromElement))
{src.style.cursor='hand';
src.bgColor = clrOver;
}
}
function mOut(src,clrIn)
{
if(!src.contains(event.toElement))
{src.style.cursor='default';
src.bgColor=clrIn; }
}
function mClk(src)
{ //執行單元格中的連結
if(event.srcElement.tagName=='TD')
{src.children.tags('A')[0].click();}
}
//-->
</script>
<table border="1" align=center>
<tr>
<td align="middle" height="17" onclick="mClk(this);" onmouseout="mOut(this,'#0aac9d');" onmouseover="mOvr(this,'#a1bbe8');">
<a href="http://100000.home.sohu.com"; target="_blank" class="nav">連結變色</a>
</td>
</tr>
<tr>
<td onmouseout="mOut(this,'#0aac9d');" onmouseover="mOvr(this,'#a1bbe8');">無連結變色</td>
</tr>
</table>
56,Q:開啟網頁時自動彈出歡迎視窗：
A:
<script language="javascript">
function Info()
{if(!confirm("這是一個自動彈出的歡迎視窗" + "\n\n歡迎光臨\n\n你可以試著加上一些其它的信息。"+"\n\n請按確定進入本頁\n"+
"\n按取消將返回上一頁\n"))
history.go(-1);
return " "
}
document.writeln(Info()) //觸發執行 Info() 函數
</script>
57,Q:滑鼠觸發網頁的連結文字動態大小變化：
A:在網頁的 <head></head> 之間加入以下樣式表程式碼即可(免去了煩人的 javascript 指令碼)：
<style type="text/css">
<!--
A:visited {text-decoration:none; font-size:9pt; font-family:新細明體}
A:hover {text-decoration:underline; font-size:15pt; font-family: 黑體; color:ffffff; background-color:rgb(01,221,66)}
-->
</style>
58,Q:為什麼用 FrontPage 做的主頁有時會顯示為亂碼?
A:看看主頁的 <head></head> 之間是否有 <meta charset=gb2312> 字樣，加上它就好了(它自動將 IE 瀏覽器的文字編碼設定為「簡體中文」。如果沒有前述語句，則必須手動設定才能看清網頁內容)。
59,Q:在網頁上顯示你是否 O'ICQ 在線:
A:在網頁上加入 <img src=http://icon.tencent.com/9265822/s/ alt="On/Off O'ICQ"> 語句即可向瀏覽者顯示你現在是否正連在 O'ICQ 上。其中 9265822 是 O'ICQ 號碼，可以更換，s 換成 l 則顯示大圖示。還可以形如
<a href="http://search.tencent.com/cgi-bin/friend/user-show-info?ln=9365822";>
<img src=http://icon.tencent.com/9265822/s/alt="On/Off O'ICQ">
</a>
來顯示你的 O'ICQ 個人資料。
60,Q:將樣式表(css)加到你的網頁中的幾種方法：
A:
(1)、將樣式表置入 HTML 文件頭部:
<STYLE TYPE="text/css">
<!--
H1 {color: green; font-family: impact}
P {background: yellow; font-family: courier}
-->
</STYLE>
(2)、將一個外部樣式表定義文件連結到 HTML 文件上:
<HEAD>
<LINK REL=stylesheet href="mystyles.css" TYPE="text/css">
</HEAD>
文件 mystyles.css 的內容如下:
H1 {color:green; font-family:impact}
P {background:yellow; font-family:courier}
(3)、將一個外部樣式表定義文件輸入到 HTML 文件中:
<STYLE TYPE="text/css">
<!--
@import url(company.css);
H1 { color: orange; font-family: impact}
-->
</STYLE>
其中 company.css 文件內容如下：
H1{color:green; font-family:times}
P{background:yellow; font-family:courier}
(4)、將樣式表加入到 HTML 文件行中:
如：<H1 STYLE="color: orange;font-family:楷體_gb2312>HTML中的樣式表</H1>
(注意：如果一個網頁中同時使用了以上 4 種方法，那麼它們的優先級從高到低是 4-3-2-1。)
61,Q:自動顯示網頁的最後更新日期:
A:將以下程式碼放入網頁中，會根據網頁文件的儲存碟時間自動顯示網頁的更新日期:
<script>document.write(document.lastModified)</script>
69,Q:用 Jsp 使用 oracle 的存儲程序
A:假定存儲程序名字為 sp_yourprocedurename，有兩個參數
CallableStatement cstmt = con.prepareCall("{call sp_yourprocedurename(?,?}");
cstmt.registerOutparameter(2,java.sql.Types.FLOAT);
cstmt.setint(1,parameter1);
cstmt.execute();
out.println("Procedure output is :"+cstmt.getFloat(2));
70,Q:用 PHP 獲得瀏覽器信息?
A:
GET /temp.php HTTP/1.1
Accept: image/gif, image/x-xbitmap, image/jpeg, image/pjpeg, application/vnd.ms-powerpoint, application/vnd.ms-excel, application/msword, */*
Referer:
http://199.199.199.5/index.php
Accept-Language: zh-cn,zh-tw;q=0.5
Accept-Encoding: gzip, deflate
User-Agent: Mozilla/4.0 (compatible; MSIE 5.0; Windows 98; DigExt)
Host:
www.bingdu.org
Connection: Keep-Alive
Cookie: PHPSESSID=46bb38ce8d7b870dd704bca7ad6071ca
$var = getenv("$string");
$string 就是以下一些值了：
HTTP_ACCEPT //接收的資料類型。
HTTP_REFERER //引用位址
HTTP_USER_AGENT //流覽器
HTTP_ACCEPT_LANGUAGE //流覽器語言
HTTP_HOST //主機位址
HTTP_CONNECTION //連接狀態
HTTP_COOKIE //COOKIE
71,Q:如何將一個功能表同時提交到兩個地方處理(以 PHP 為例)?
A:
<script language=javascript>
function dosubmit()
{window.open('first.php?var1='+window.form1.var1.value+'&var2='+window.form1.var2.value);
window.open('second.php?var1='+window.form1.var1.value+'&var2='+window.form1.var2.value);
return false;
}
</script>
<form name=form1 onsubmit="return dosubmit();">
<input name=var1>
<input name=var2>
<input type=submit>
</form>
72,Q:IE5.x 快捷操作技法大放送
A:
（一）、列印操作技巧
1、要列印我的文件，用戶可以將 Internet 建立捷逕移到到桌面的列印機圖示上；
2、要迅速列印 Web 頁的某個框架，可右按下該框架，然後按下「列印」選項；
3、用戶可以列印出與 Web 頁相連的所有連結的列表。在「列印」對話視窗中，按下「列印連結列表」；
4、用戶可以列印指定 Web 頁上所連結的所有我的文件。在「列印」對話視窗中，按下「列印所有連結的我的文件」；
5、要列印當前頁或活動框架，請按 Ctrl＋ P組合鍵。
（二）、位址欄操作技巧
1、要顯示用戶在位址欄中鍵入過的 Internet 位址，請按 F4鍵；
2、在位址欄中，按 Ctrl＋ ← 組合鍵，就可以讓游標以位址部分為服務機構迅速向後移動；
3、在位址欄中，按 Ctrl＋ → 組合鍵，就可以讓游標以位址部分為服務機構迅速向前移動；
4、用戶可以在位址欄中鍵入收藏頁的友好名稱，然後在出現的自動完成列表中選項網頁名稱；
5、要從位址欄中搜尋，可在某單詞或詞語之前鍵入go, find，或?，然後按 Enter 鍵；
6、按 Alt ＋ D組合鍵，可以將游標移到位址欄中。
7、 用戶可以在位址欄中鍵入某個單詞，然後按 Ctrl＋ Enter 組合鍵，可在單詞的兩端自動增加
http://www. 和 .com。
(三)、工具表單操作技巧
1、要將主頁更改為用戶當前開啟的網頁，可按下「工具」表單，按下「Internet 選項」，然後按下「使用當前頁」按鈕；
2、若要通過刪除臨時文件來釋放硬碟空間，則按下「工具」表單，按下「Internet選項」，然後按下「刪除文件」按鈕；
3、要更改 Web 頁上連結的顏色，請按下「工具」表單，按下「Internet選項」，然後按下「顏色」按鈕；
4、按下「工具」表單，然後按下「Windows Update」，可以安裝其他 Internet Explorer 元件；
5、要調整存放 Internet 臨時文件的硬碟空間，請按下「工具」表單，按下「Internet選項」，然後按下「設定」按鈕。
(四)、收藏夾操作技巧
1、按下「收藏」表單，然後按下「整理收藏夾」，可以將資料夾增加到收藏夾列表中；
2、右鍵按下「收藏夾」或連結列表中的某建立捷逕，然後按下「刪除」，可以將其刪除；
3、要更改收藏站點的離線內容，可右鍵按下收藏列表中的項目，然後按下「內容」；
4、要篩選用戶的電腦可以顯示哪些 Web 站點，請按下「工具」表單，按下「Internet 選項」，按下「內容」選擇項，然後按下「啟用」。
(五)、視窗操作技巧
1、按 F11 可以在 Internet Explorer 一般大小視窗和全螢幕幕模式之間切換；
2、按 Ctrl＋W 可以關閉當前視窗；
3、按 Ctrl＋N 可以新增視窗。
(六)、Web 操作技巧
1、在某頁上按下右鍵，然後按下「建立捷徑」，就可以迅速新增該 Web 頁的建立捷逕並放在桌面上；
2、要檢視某 Web 頁是如何編碼的，可在該頁上按下右鍵，然後按下「檢視源文件」，即可獲得某Web頁的源編碼；
3、要放大或縮小 Web 頁上的文字，按下「檢視」表單，然後按下「文字大小」。按 F5鍵重新整理螢幕；
4、要迅速將 Web 頁儲存到用戶的收藏夾列表，請按 Ctrl＋D組合鍵；
5、按下「文件」表單，指向「傳送」，然後按下「電子郵件頁面」，可以在電子郵件中傳送 Web 頁；
6、Web 圖片和背景可以做成美妙的桌面牆紙，只要右鍵按下用戶想要的圖片，然後按下「設定為牆紙；
7、要儲存網頁或圖片而不將其開啟，請右鍵按下用戶想要的連結，然後按下「目標另存新檔」；
8、要迅速載入 Web 頁，請按下「工具」表單，按下「Internet選項」，再按下「進階」選擇項，然後關閉聲音和圖片；
9、要檢視會話程序中用戶所鍵入的所有 Internet 位址連結，請按下位址欄右端的小向下箭頭；
10、用戶可以為每個 Web 站點設定不同的安全級別，按下「工具」表單，按下「Internet選項」，然後按下「安全」選擇項；
11、要在 Web 頁上搜尋某單詞或詞組，請按 Ctrl＋ F組合鍵，開啟「搜尋」對話視窗；
12、按下工作列上的「歷史」按鈕，可以看到用戶最近訪問過的 Web 站點的列表；
13、如果用戶想瞭解如何使用 World Wide Web，請按下「說明 」表單，然後按下「教程」；
14、在某Web頁上按下右鍵，然後按下「建立捷徑」，就可以迅速新增該 Web 頁的建立捷逕並放在桌面上；
15、按 F5 鍵重新整理，可以保證用戶正檢視的 Web 頁包含最新的內容；
16、如果用戶使用的電子郵件程序是 Microsoft Outlook 或 Outlook Express，那麼用戶就可以將 Internet 建立捷逕移到到電子郵件中；
17、將指向 Web 頁的建立捷逕移到到連結欄中，可以只按下一次就開啟用戶經常訪問的 Web 頁；
18、要停止下載網頁，請按 Esc 鍵；
19、要取消 Web 頁連結中的底線，請按下「工具」表單，按下「Internet選項」，然後按下「進階」選擇項。
73,Q:製作網頁的目錄式導航表單
A:
(一)、把如下程式碼加入<head></head>區域中
<head>
<SCRIPT language=javascript>
<!--
function out()
{
if(window.event.toElement.id!="menu" && window.event.toElement.id!="link")
menu.style.visibility="hidden";
}
function out1()
{
if(window.event.toElement.id!="menu1" && window.event.toElement.id!="link")
menu1.style.visibility="hidden";
}
//-->
</SCRIPT>
</head>
(二)、把如下程式碼加入<body>區域中
<div id="back" onmouseout="out()" style="position:absolute;top:180;left:310;width:160;height:40;z-index:1;visibility:visible;">
<span id="menubar" onmouseover="menu.style.visibility='visible'">
<font color=red size=2>表單
</span>
<div border=1 id="menu" style="position:absolute;top:15;left:0;width:50;height:10;z-index:2;visibility:hidden;">
<a id="link" href="rjxz.htm">軟體下載</a>
<a id="link" href="yxxz.htm">有喜下載</a>
<a id="link" href="hjsj.htm">黃金書記</a>
<a id="link" href="mntk.htm">美女偷褲</a>
<a id="link" href="mp3.htm">MP3金曲</a>
<a id="link" href="flash.htm">FLASH</a>
</div>
</div>
<div id="back" onmouseout="out1()" style="position:absolute;top:180;left:370;width:160;height:40;z-index:3;visibility:visible;">
<span id="menubar" onmouseover="menu1.style.visibility='visible'">
<font color=red size=2>表單
</span>
<div border=1 id="menu1" style="position:absolute;top:15;left:0;width:50;height:10;z-index:4;visibility:hidden;">
<a id="link" href="rjxz.htm">軟體下載</a>
<a id="link" href="yxxz.htm">遊戲下載</a>
<a id="link" href="hjsj.htm">黃金書籍</a>
<a id="link" href="mntk.htm">美女圖庫</a>
<a id="link" href="mp3.htm">MP3金曲</a>
<a id="link" href="flash.htm">FLASH動畫欣賞</a>
</div>
</div>
74,Q:網頁文字顏色的搭配技巧
A:對於做網頁的初學者可能更習慣於使用一些漂亮的圖片作為自己網頁的背景，但是，瀏覽一下大型的商業網站，你會發現他們更多運用的是白色、藍色、黃色等，使得網頁顯得典雅，大方和溫馨。更重要的是，這樣可以大大加快瀏覽者開啟網頁的速度。
一般來說，網頁的背景色應該柔和一些、素一些、淡一些，再配上深色的文字，使人看起來自然、舒暢。而為了追求醒目的視覺效果，可以為標題使用較深的顏色。下面是我做網頁和瀏覽別人的網頁時，對網頁背景色和文字色彩搭配積累的經驗，這些顏色可以做正文的底色，也可以做標題的底色，再搭配不同的字體，一定會有不錯的效果，希望對大家在製作網頁時有用。
Bgcolor:〞＃F1FAFA〞——做正文的背景色好，淡雅
Bgcolor:〞＃E8FFE8〞——做標題的背景色較好，與上面的顏色搭配很協調
Bgcolor:〞＃E8E8FF〞——做正文的背景色較好，文字顏色配黑色
Bgcolor:〞＃8080C0〞——上配黃色白色文字較好
Bgcolor:〞＃E8D098〞——上配淺藍色或藍色文字較好
Bgcolor:〞＃EFEFDA〞——上配淺藍色或紅色文字較好
Bgcolor:〞＃F2F1D7〞——配黑色文字素雅，如果是紅色則顯得醒目
Bgcolor:〞＃336699〞——配白色文字好看些
Bgcolor:〞＃6699CC〞——配白色文字好看些，可以做標題
Bgcolor:〞＃66CCCC〞——配白色文字好看些，可以做標題
Bgcolor:〞＃B45B3E〞——配白色文字好看些，可以做標題
Bgcolor:〞＃479AC7〞——配白色文字好看些，可以做標題
Bgcolor:〞＃00B271〞——配白色文字好看些，可以做標題
Bgcolor:〞＃FBFBEA〞——配黑色文字比較好看，一般作為正文
Bgcolor:〞＃D5F3F4〞——配黑色文字比較好看，一般作為正文
Bgcolor:〞＃D7FFF0〞——配黑色文字比較好看，一般作為正文
Bgcolor:〞＃F0DAD2〞——配黑色文字比較好看，一般作為正文
Bgcolor:〞＃DDF3FF〞——配黑色文字比較好看，一般作為正文
淺綠色底配黑色文字，或白色底配藍色文字都很醒目，但前者突出背景，後者突出文字。紅色底配白色文字，比較深的底色配黃色文字顯得非常有效果。
以上配色方案僅供參考。
75,Q:IFRAME 標籤的內容參數
A:
<Iframe src="example.htm" width="300" heitht="100"></IFRAME>
example.htm 是被嵌入的頁面，標籤 <IFRAME> 還有一些可用的參數設定如下：
marginwidth:網頁中內容在表格右側的預留寬度；例如：marginwidth="20"，服務機構是 pix，下同。
marginheight:網頁中內容在表格頂部預留的高度；
hspace:網頁右上角的的橫坐標；
vspace:網頁右上角的縱坐標；
frameborder:是否顯示邊緣；填"1"表示"是"，填"0"表示"否"
scrolling:是否出現捲軸；填"1"表示"是"，填"0"表示"否"
76,Q:使用表格時應注意那些問題?
A:1、整個表格不要都套在一個表格裡，盡量拆分成多個表格，可以加快顯示速度；
2、表格的嵌套層次盡量要少，最好嵌套表格不超過 3 層，這樣可以加快瀏覽器解釋 html 指令碼程式碼的時間；
3、單一表格的結構盡量整齊；
4、表格的 width=100% 可以使表格適應瀏覽器不同的解析度；
5、用表格進行版面佈局比用層來得更好一些。
6、同時設定表格背景影像和顏色。有一些版本的瀏覽器不顯示表格背景圖形，只顯示預設背景顏色，有的訪問者關閉了多媒體圖形選項來瀏覽，為了滿足這部分來訪者，最好同時設定表格背景影像和顏色；
77,Q:javascript 文字特效一例
A:
<script language="javascript">
text = "十萬個為什麼網站"; //顯示的文字
color1 = "blue"; //文字的顏色
color2 = "red"; //轉換的顏色
fontsize = "8"; //字體大小
speed = 200; //轉換速度 (毫秒)
i = 0;
if (navigator.appName == "Netscape") {
document.write("<layer id=a visibility=show></layer>
");
}
else {
document.write("<div id=a></div>");
}
function changeCharColor()
{if (navigator.appName == "Netscape") {
document.a.document.write("<center><font face=arial size =" + fontsize + "><font color=" + color1 + ">");
for (var j = 0; j < text.length; j++) {
if(j == i){document.a.document.write("<font face=arial color=" + color2 + ">" + text.charAt(i) + "</font>");}
else {document.a.document.write(text.charAt(j));}
}
document.a.document.write('</font></font></center>');
document.a.document.close();
}
if (navigator.appName == "Microsoft Internet Explorer") {
str = "<center><font face=arial size=" + fontsize + "><font color=" + color1 + ">";
for (var j = 0; j < text.length; j++) {
if( j == i) {
str += "<font face=arial color=" + color2 + ">" + text.charAt(i) + "</font>";
}
else {
str += text.charAt(j);
}
}
str += "</font></font></center>";
a.innerHTML = str;
}
(i == text.length) ? i=0 : i++;
}
setInterval("changeCharColor()", speed);
</script>
78,Q:解決 DW4 普通文本的漢字輸入問題
A:這是 DW4 的一個大問題。即使把 coding 設成 gb, 輸入中文時，用中文字體，也不能解決。在使用之中發現，全拼輸入、紫光拼音等比較正常，但用五筆等輸入法時就會出問題：無論你打多少字，它都會用後一個字覆蓋前一個字，讓你的頁面始終只有一個字。另一種情況是，在某些游標位置可以輸入，有些又不行。對這個問題，現在似乎還沒有很完美的解決辦法。筆者試推薦以下方法：
1、更換另一種輸入法，即全拼輸入、紫光拼音、拼音加加等；
2、直接將中文文本信息拷貝進去；
3、有時可輸入，有時不可輸入的情況，請點擊一下 DW4 的標題和內容欄就可以輸入了；
4、系統採用中文的 Windows9x 或 Windows ME。
79,Q:解決 DW4 中 Flash 文字和按鈕的漢字輸入問題
A
W4 中加強了與 Flash 的直接交互，比如直接製作 Flash 的文字和按鈕、直接瀏覽插入的 Flash 文件（按內容欄中的三角形播放鍵）等等。就算你不會使用 Flash 也可以在 Dreamweaver 中直接插入 Flash 動畫格式的文字或按鈕，只要簡簡單單輸入文字就可以了。比起傳統的點陣圖文字或按鈕，檔案更小、更漂亮。但遺憾的是，其中輸入的文字不支持中文！沒辦法，還是直接用 Flsah 軟體製作，況且在 Flash5 中作一個類似 DW4 中的中文按鈕並不難。
80,Q:解決 DW4 表格的亮暗邊問題
A:原來的 DW3 可以做表格的陰影效果，可是 DW4 卻不行了，因為內容板上沒有了 borderlight 和borderdark 的輸入框。可以用以下二種方法來變通解決：
1、內外邊框的顏色可以用滑鼠來選項。從表格的上方或者左方選項表格，滑鼠會變成一個向下或向左的箭頭形狀，這時你就可以選表格單元的內邊框了。這是再設定內容欄中「Border」 的顏色即可。這樣可以設定表格單元的內邊框為不同顏色了。把 cellspace 設的大一點，效果將更明顯。
2、直接編輯 html 來源碼解決。
81,Q:解決 DW4 的空格輸入問題
A
W4 不能輸入空格，這是 DW3 就有的老問題了。這裡提供三種解決辦法：
1、輸入全形空格。如果你用的是「智能ABC」的拼音輸入的話，請按 SHIFT+空格，這時輸入法的內容欄上的半月形就變成了圓形了，然後再敲空格鍵，空格就出來了。
2、你也可以在輸入的時候直接按 CTRL+SHIFT+空格，連按 4 次，就可以得到兩個漢字大小的空格。
3、將內容欄中的 FORMAT 設定為 Preformatted 後，就可直接輸入空格。
82,Q:解決 DW4 字體設定不能儲存的問題
A
W4 裡面的字體、文字大小設定(Edit-Preferences-Font/Encoding)不能儲存，怎麼解決? 只有修改註冊表，方法是在註冊表主鍵 HKEY_CURRENT_USER\Software\Macromedia\Dreamweaver 4\Font Preferences 下建立 "Number Encodings"=dword:0000000c 和 "Default Encoding"=dword:00000005。
83,Q:用 css 程式碼構造三維字
A:
<HTML>
<HEAD>
<STYLE type=text/css>
.3dfont {COLOR:#0000ff; FILTER:glow(color=ffffff,strength=1) shadow(color=dedede,direction:100); POSITION:relative; WIDTH:100%}
</STYLE>
</head>
<body>
<font size=24 class=3dfont>這是三維字體</font>
<font size=24>這不是三維字體</font>
</body>
84,Q:IE 的 HTC－behavior 文件
A:HTML 元件是 Internet Explore 5.5 主要的、革命性的新特徵之一。Microsoft 的目的是用它取代 ActiveX 控件。HTML 元件是封裝的對象，也像 ActiveX 控件一樣是「自包含」的，可以在開發完後發佈給任何人。使用 HTML 元件有很多好處。
ActiveX 控件的一個缺點是：在使用前必須在客戶端機上安裝註冊。而 HTML 控件是和主我的文件一樣隨時由用戶下載到客戶端機的。對於 DHTML 作者來說，HTML 控件更有吸引力，因為他們可以使用已經很熟悉的語言 DHTML 來開發自己的控件和元件。
HTC 提供了一種簡單的機制在指令碼中實現 DHTML 行為。一個 HTC 文件就是一個以 .htc 為副檔名存儲的 HTML 文件，它包含指令碼和一組 HTC 特有的自訂元素。這些元素描述了 HTML 元件定義的內容、方法和事件。在指令碼中可以通過它們各自的 ID 內容訪問所有 HTC 元素。這樣，可以通過指令碼動態操縱 HTC 元素的所有內容和方法。
我們能用 HTC 實現以下行為：
描述內容和方法：通過 PROPERTY 和 METHOD 元素定義內容和方法；
描述自訂事件：通過 EVENT 元素定義，使用元素的 fire() 方法在它們所在的頁面裡引發這些事件。事件的環境可以通過 createEventObject() 方法設定；
在它們所在的頁面裡訪問 DHTML 對像模型：HTC 中的 object 元素返回它所附屬的元素，通過這個對象，HTC 能訪問他所在的我的文件及其對像模型(內容、方法和事件)。
接受通報：當使用 ATTACH 元素時，瀏覽器向 HTC 通報標準 DHTML 事件和兩個 HTC 專有 事件，oncontentready 和 ondocumentready。
HTC 封裝了行為的定義，Internet Explorer 5.0 首先提出了行為這個概念。在 Internet Explorer 5.0 概覽中介紹了行為這個概念。在 HTC 中使用行為封裝的好處是不能從它們的元素標記中將它們刪掉。在 IE 5.0 裡，可以通過指令碼從元素中除去行為。在 IE 5.5 裡，元素始終存在，並且不能將它們和原來的行為分開。
85,Q:當重新整理或關閉 IE 時開啟一個視窗
A:
<head>
<script>
function openwin()
{ window.open('apage.htm')}
</script>
</head>
<body onbeforeunload="return openwin();">
86,Q:網頁中套用 open 函數開啟視窗的一個技巧
A:window.open 函數套用在連結中可以有 2 種形式，即 <a href="javascript
:window.open('page.htm','','')">…</a>
和 <a href=# onClick="window.open('page.htm','','')">…</a>
但當該連結所在的網頁在畫格中時，就只能使用第二種，第一種會多產生 1 個包含無用信息的視窗。此外，第二種方法對於用圖片做超連結也很方便，形式為 <img src="圖片文件" onClick="window.open('page.htm','','')">
87,Q:把捲軸放在瀏覽器視窗的左邊
A:在 <body> 中加 dir=RTL，即 <body dir=RTL>。注意對於已經排好版的網頁，會使網頁左右產生鏡像顛倒。實際上 RTL 即 Right to Left 的意思，它規定了網頁中的文字方向。正常的網頁文字方向預設為 LTR。
88,Q:怎樣把 PHP 的一個陣列傳遞給 javascript 的一個陣列?
A:用 javascript 定義一個陣列比如 list=new array()，在 php 中有一個陣列 $a[]，如果要把陣列 $a[]的值傳遞給 list 怎麼辦呢？
<?php
echo "<script language=javascript>";
echo "list=new Array();";
for(i=0;i<count($a);i++)
{ echo "list[i]=" . $a[$i];}
echo "</script>";
?>
以上程式碼只是表述一個思想，其實在 Asp、Jsp 中也同樣可以借鑒使用。
89,Q:網頁上傳後為什麼看不到更新效果?
A:如果上傳真的沒有問題的話，請刪掉本機機器中的網頁臨時緩衝文件試試。同時，有些網站(如 China.com)要在更新幾十分鐘到幾小時之後才能看到更新結果。
90,Q:在 IE 子視窗能使用父視窗的函數(function)嗎?
A:可以。例如，父視窗這樣寫：
……
<head>
<script> function F() { alert("父視窗函數"); } </script>
</head>
<body onload="open('2.htm')">
<input type=hidden id=F1 onclick="F()">
在子視窗中這樣寫：
<input type=button value="執行父視窗函數" onclick="javascript
:window.opener.document.all.F1.click()">
或者乾脆這樣寫：<input type=button value="執行父視窗函數2" onclick="javascript
pener.F()">
91,Q:在 Windows 桌面上建立網站連結的建立捷逕
A:
<script language="javascript">
var WshShell = new ActiveXObject("WScript.Shell");
strDesktop = WshShell.SpecialFolders("Desktop");
var oUrlLink = WshShell.CreateShortcut(strDesktop + "\\十萬個為什麼.url");
oUrlLink.TargetPath = "http://100000.home.sohu.com";;
oUrlLink.Save();
</script>
92,Q:在桌面上建立應用程式的建立捷逕
A:以在桌面上建立 Notepad.exe 的建立捷逕為例：
<Script language="javascript">
var WSHShell = WScript.CreateObject("WScript.Shell");
//Read desktop path using WshSpecialFolders object
var DesktopPath = WSHShell.SpecialFolders("Desktop");
//Create a shortcut object on the desktop
var MyShortcut = WSHShell.CreateShortcut(DesktopPath + "\\notepad 的建立捷逕.lnk");
//Set shortcut object properties and save it
MyShortcut.TargetPath = WSHShell.ExpandEnvironmentStrings("%windir%\\notepad.exe");
MyShortcut.WorkingDirectory = WSHShell.ExpandEnvironmentStrings("%windir%");
MyShortcut.WindowStyle = 1;
MyShortcut.Description = "Shortcut Script 指令碼";
MyShortcut.Hotkey = "CTRL+Alt+F";
MyShortcut.IconLocation = WSHShell.ExpandEnvironmentStrings("%windir%\\notepad.exe, 0");
MyShortcut.Save();
WScript.Echo("成功建立桌面上 Notepad 的建立捷逕");
</Script>
93,Q:在收藏夾中加入 Url 的建立捷逕
A:
<Script language="javascript">
var WshShell = new ActiveXObject("WScript.Shell");
strFav = WshShell.ExpandEnvironmentStrings("%windir%\\Favorites");
var MyFav = WshShell.CreateShortcut(strFav + "\\我的十萬個為什麼.url");
MyFav.TargetPath = "http://100000.home.sohu.com";;
MyFav.Save();
</Script>
94,Q:遮閉網頁中的錯誤提示信息
A:在網頁的<Body>中加指令碼：<Script> window.onerror="return true";</Script>
95,Q:控制網頁表格的邊框顯示
A
1)、控制表格的邊框：
表格標籤 <Table> 有一個 Frame 內容，可以控制表格的邊框：
frame=box 顯示所有邊框
frame=void 不顯示所有邊框
frame=above 只顯示上邊框
frame=below 只顯示下邊框
frame=hsides 只顯示上下邊框
frame=vsides 只顯示左右邊框
frame=lhs 只顯示左邊框
frame=rhs 只顯示右邊框
(2)、控制表格行與列的分隔線：
表格標籤 <Table> 有一個 Rules 內容，可以控制表格的分隔線：
Rules=all 顯示所有分隔線
Rules=none 不顯示任何分隔線
Rules=rows 只顯示行與行之間的分隔線
Rules=cols 只顯示列與列之間的分隔線
(3)、用表格製作線條：
以下程式碼可以實現一條線段：
<table width=80% border=1 cellpadding=0 cellspacing=0 bordercolor=#e8e8ff frame=below>
<tr><td></td></tr>
</table>
96,Q:關於表格中的 <thead>、<tbody>、<tfoot> 標籤以及表格的列分組
A: <thead> 是「頭」標籤，<tbody> 是「體」標籤，<tfoot> 是「腳注」標籤。用它們可以把表格的標頭、表格體、腳注進行分組(行分組)，便於分別控制它們的外觀。表格的列分組標籤是 <colgroup>，它有 span、align 等內容，舉例如下：
<table border=1 width=60%>
<colgroup span=3 align=center>
<colgroup align=left>
<colgroup align=right>
<tr><td>aaa</td><td>I'm aaa</td><td>男</td><td>100.20</td><td>1500.00</td></tr>
<tr><td>bbb</td><td>I'm bbb</td><td>女</td><td>32.50</td><td>32000.90</td></tr>
<tr><td>ccc</td><td>I'm ccc</td><td>女</td><td>66.00</td><td>10000.50</td></tr>
</table>
97,Q:保護自己的網頁文本和圖片：
A:
(1)、自己辛苦創作或收集的文章被別人「^C^V」偷了去，誰心裡都不會舒服的。我們可以在自己的網頁<Body>標籤中加入 onselectstart="return false" 語句，使滑鼠不能選項文本；
(2)、在網頁 <Body> 標籤中加入 oncontextmenu="self.event.returnvalue=false" 語句，使按下滑鼠右鍵時不能彈出右鍵選單，也就不能執行「圖片另存新檔」指令選項；
(3)、禁止右鍵表單：把下列程式碼加入到<head> 與 </head> 之間
<SCRIPT language=javascript>
function click()
{
if (event.button==2)
{alert('歡迎訪問本站！')}
}
document.onmousedown=click
</SCRIPT>
(該方法可以被人輕易破解)
(4)、禁止右鍵表單：彈出「增加至收藏夾」視窗
<SCRIPT language=javascript>
<!--
function click()
{
if (event.button==2)
{window.external.addFavorite(this.location,this.document.title)}
}
document.onmousedown=click
//-->
</SCRIPT>
(該方法也可以破解)
(5)、自己定制右鍵表單，這是最聰明、最科學的方法。具體方法請參考本站的有關條目。
98,Q:使用 css 讓網頁中的圖片居於頁面正中：
A:
一般情況下，想讓你的 LOGO 居中是一件非常痛苦的事情。除非你作一個足夠大的底圖，但是頁面下載的速度可就… 現在 CSS 可以幫我們作到這一點，你只要將下面的程式碼 COPY 到 <head></head> 之間就可以了。不必再考慮頁面的大小和解析度了。
<STYLE TYPE="text/css">
<!--
BODY {background-image: URL(logo.gif);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;}
-->
</STYLE>
logo.gif 是你的圖片，如果與頁面文件不在同一個路徑下，需要指明路徑；background-position 代表位置，center 表示居中。background-repeat 表示是否平鋪，可取 no-repeat、repeat-x、repeat-y 等值。 background-attachment 為 fixed 時可以使頁面滾動時背景圖類BIOS不動(鎖定)。
99,Q:瀏覽器全螢幕顯示：
A:把如下程式碼加入 <body> 區域中：
<form>
<input type=BUTTON name=FullScreen value=全螢幕顯示 onClick="window.open('The_URL','big','fullscreen=yes')">
</form>
100,Q:在網頁中用程式碼使用列印機列印當前頁面：
A:程式碼加入 HTML 的〈BODY〉區的任意位置：
<SCRIPT LANGUAGE="javascript">
<!-- Begin
if (window.print)
{document.write('<form>'+ '<input type=button name=print value="列印頁面" '+'onClick="javascript
:window.print()"></form>');}
//-->
</script>
(說明：document.write 一句請寫在一行，不要Enter鍵斷行。)