1、.轉 HTML技巧 網頁設計 DW frontpag2.鏈接提示在鏈接語句中增加OnMouseOver=window.status=這里是.；return trueOnMouseOut=window.status=；return true3.背景音樂顯示操作面板：在相應地方加embed src=/aladdin.midwidth=140height=35autostart=true controls=middleconsole不顯示操作面板：在頁中任意地方加embed src=/aladdin.midhidden=true autostart=true loop=true或embed src=

2、tt.ramautostart=trueloop=2width=80height=30對于不支持embed標簽的瀏覽器，可以改用標簽。4.設置主頁的缺省字符語言為簡體中文(適用于Netscape)在HTML文件的Head部分中加入META HTTP-EQUIV=Content-TypeCONTENT=text/html；charset=cn-gb5.鏈接的不同方式在幀里顯示：在鏈接處加target=main語句，其中main為幀名整頁顯示：在鏈接處加target=_top語句開新窗口：在鏈接處加target=resource window語句，如A href=/index.htmTARGET=

3、resource window/A 6.強制主頁每次都不進行緩存，而從服務器上重讀在Head部分加MEAT HTTP-EQUIV=PragmaCONTENT=no-cache這樣一來，瀏覽器將不考慮cacke中的內容而強制重新讀入您的頁面,等于用戶使用Reload。如果在您有計數器的頁中使用，不管從什么地方返回這頁計數器都能加一。不過可能造成用戶的反感。如果在BBS程序中使用，可以實現不用Reload就可更新頁的功能。7.自動刷新定時刷新：META HTTP-EQUIV=Refreshcontent=10；URL=自己的URL幻燈片效果：語句類似上面，但在頁面1中URL指向頁面2，而頁面2指向

4、頁面3.頁面n指回頁面1，即可實現循環顯示頁面的效果8.提前載入圖片如果您的站點中后面的頁有大圖形需要顯示，您不妨在第一頁中提前載入。把語句：img src=/image.jpgwidth=0 height=0,其中width,height要設置為0，放在第一頁HTML中的任何地方。如果您的訪問者在第一頁停留的時間足夠長，當他進入第二頁時，圖象會立即顯示出來9.自動連接在預定時間后自動連入另一個指定的頁面。方法：在title./title中加入以下一行：meta http-equiv=refreshcontent=10；url=otherpage.htm其中10代表10秒后自動連接。10.自動

5、換行：在主頁中自動換行以適應不同的瀏覽器或分辨率。meta http-equiv=Content-Typecontent=text/html；charset=gb231211.用單像素的GIF文件控控制文本位置要想準確的控制HTML中的文本位置，可以做一個1*1的透明圖(如Blank.gif)。然后在HTML中加入代碼：img src=/Blank.gifhspace=100改變數字100，即可控制12.容器標記BLOCKQUOTE/BLOCKQUOTE標記可以把網頁上所有的對象都包括起來，但不能對它加入變量。13.設定圖形大小為使您的Web頁在圖形下載完之前，能夠立即顯示文字內容。在您的主頁

6、中的圖形元素中加入文件大小變量：img src=/image.jpgwidth=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 Atext-decoration

7、：none/style script language=javascriptvar contents=true；/script更簡單的是style！-atext-decoration：nonea：hovercolor：red；text-decoration：underline-/style 16.浮動背景(背景圖像不滾動)當你拉住下拉條時，背景不動。(會使瀏覽速度減慢。：-()加入：body backgroud=#ffffbgproperties=fixed或用CSS樣式表定義：style type=text/css！-bodybackground-image：url(/image/bg.gi

8、f)；background-attachment：fixed-/style 17.讓背景圖像不平鋪CSS樣式表定義：style type=text/css！-bodybackground-image：url(/image/bg.gif)；background-repeat：no-repeat-/style 18.測試瀏覽器類別并自動裝入不同的網頁目前微軟和網景的瀏覽器并不能完全兼容所有網頁,有的在某種瀏覽器里非常漂亮,而用其它瀏覽器查看時卻一團糟。如果你需要測試瀏覽器,可以加入以下JavaScript代碼并保存單獨一個網頁：script language=JavaScriptfunction

9、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)；elsesetTimeout(location.href=/ie4.htm,10)；/script 19.定義本網頁的關鍵字在網頁中加入關鍵字，可以供某些搜索站臺機器人的使用，它們會利

10、用該關鍵字為你的網站做索引，這樣，當別人用關鍵字搜索網站時，如果你的網頁包含該關鍵字，那么就可以被列出了，定義本網頁關鍵字，可以加入以下代碼：meta name=keywordscontent=html,dreamweaver,flash,csscontent所包含的就是關鍵字，你可以自行設置。這里有個技巧，你可以重復某一個單詞，這樣可以提高自己網站的排行位置，如：meta name=keywordscontent=dreamweaver,dreamweaver,dreamweaver20.在網頁中加入E-mail鏈接并顯示預定的主題a href=mailto：cnshell?subject=

11、hello 21.隱藏在狀態欄里出現的鏈接信息當指向一個鏈接時，該鏈接的信息會出現在瀏覽器狀態欄里，如果需要隱藏信息，可以如下設置：a href=onMouseOver=window.status=none；return truetest/a如果想要指向一個鏈接時，瀏覽器狀態欄里出現特定的信息，把none改成你需要的文字即可。22.在網頁中將表單提交給自已的電子郵箱表單提交需要CGI程序的支持，但你也可以利用E-mail提交，當你設計好表單后，把action內容加入郵件地址即可，如下：form method=postaction=mailto：cnshellenctype=text/plain

12、23.隱藏免費計數器的的圖標許多網友使用免費計數器，它能幫助你分析網站的流量，如果你想隱藏該服務圖標，可以把服務代碼中的width=88 height=31都改為1即可。24.在網頁中加入最后修改日期在body中加入以下代碼即可：script Language=JavaScriptdocument.write(最后修改日期+document.lastModified)；/Script 25.打開一個新的瀏覽器窗口并設置窗口的屬性如果你需要在載入站點的同時,再打開另一個新窗口,加入以下代碼即可：script language=JavaScript！-var gt=unescape(%3e)；va

13、r 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(,popup

14、nav,width=200,height=170,resizable=1,scrollbars=auto)；width：寬,height：高,resizable：是否允許訪客縮放新窗口,scrollbars：如果文本超過一屏,是否生成滾動條,status：是否顯示狀態欄,menubar：是否顯示菜單,location：是否顯示地址欄.以上所有屬性使用格式為：屬性=yes或者no.而width和height兩個屬性為：width=#pixels,height=#pixels.26.怎樣判斷服務器使用的操作系統?在瀏覽器地址欄里,輸入要察看的服務器地址,一定要包含目錄和文檔名字,然后回車,出現請求

15、頁面,試著把文檔名改為大寫格式,如果返回該頁面不存在,那么可能該服務器使用的操作系統為unix或macintosh,如果頁面內容返回,那么可能該服務器為windwos操作系統,因為windows對大小寫不敏感.27.怎樣提高站點在搜索引擎中被搜索到的機會?當你把自己站點登記到搜索引擎中后,并不表示你的站點就會被經常搜索到,如何提高這個幾率呢,很簡單,你的主頁一般會有一個標題,一般設置在title/title中間,這時,你可以在設置完標題后,跟著把關鍵字也設置在這里,比如：title宇風多媒體-china,love,dhtml,yufeng21,yahoo/title.因為搜索引擎會首先察看站點

16、的標題,并把標題作為你站點的關鍵字,當你把關鍵字也設置在了標題中后,搜索引擎也會加入這些關鍵字,這比其它所有的方法都好,唯一缺點,你站點標題變長了.28.如何測試網站的下載速度?準備一個能讀秒的表,比如跑步表,這樣精度高些,當然也可以使用普通的表.首先我們測試純文本的下載時間,打開瀏覽器,關閉下載圖片功能,然后連接上網,在地址欄輸入站點地址,回車后,計時開始,當全部文本內容下載完后,停止計時.如果你要測試整個站點下載速度,打開圖片下載功能,如果你站點含有JavaScript,也要在瀏覽器選擇為支持,同上,打入地址,回車,計時開始,當所有內容下載完后,停止計時.經過以上兩種測試,你就會對自己站點

17、的連接下載速度,作到心中有數了.29.如何讓站點自動跳轉到另一頁?加入以下代碼到HTML文件中即可：meta http-equiv=refreshcontent=5；url=content中的5為停留的秒數，是將要跳轉的頁面61.制作動態頁面的步驟是怎樣的?第一步：設計頁面及尋找頁面需要的材料；第二步：完成普通頁面的制作，此時無須涉及動態主頁內容；第三步：為頁面文字增加層疊樣式表，以改變文字顏色，鏈接等；第四步：為頁面增加交互性內容，如cgi,javascirpt,activeX控件等，這是把頁面動態的關鍵；第五步：測試動態頁面以適應更多瀏覽器；第六步：發布動態頁面并在上面標明該頁是動態頁面(

18、dhtml)。62.如何讓訪問者單擊加入站點書簽?總希望訪問者能能把你的站點，加入到他們的書簽里，這里有個好辦法：在HEAD/HEAD部分加入：script language=JavaScript！-function addbookmark()window.external.AddFavorite(夜鷹在線)；/-/script然后在BODY/BODY部分加入：script language=JavaScript！-if(document.all！=null)document.write(按一下，我將和您成為朋友。/a)；/-/script 63.是否可以利用大寫體來書寫HTML標簽元素?對于

19、大多數HTML標簽元素,你可以利用大寫體或小寫體及兩者的混合體來書寫標簽元素。比如：html/html和HTML/HTML同等有效。但如果是特殊字符的標簽元素，你只能使用小寫體。比如版權的字符的標簽元素是：©；顯示©；，如果寫成©；，那么頁面將完全顯示©；。64.如何在頁面利用單擊來關閉瀏覽窗口?在BODY/BODY部分加入以下代碼：a href=javascript：window.close()關閉窗口/a 65.如何為頁面設置訪問口令?有時候你需要為某一頁設置密碼，以讓合適的人進來。在部分加入：script language=JavaScript！-var

20、pd=var rpd=bullbatpd=prompt(請您輸入密碼：,)if(pd！=rpd)alert(您的密碼不正確.)history.back()elsealert(您的密碼正確！)window.location.href=flash.htm/-/script在以上代碼中,bullbat就是正確的密碼。flash.htm是當輸入正確密碼后鏈接的頁面。這種設置口令的方法并不安全，因為只要訪問者查看頁面源代碼就能知道設置的密碼了。66.如何為訪問者設置正確的軟件下載鏈接?與其它鏈接一樣，都使用a/a標簽。但對于軟件下載鏈接，你需要這樣設置：a href=/wbzx.zip下載wbzx.zi

21、p(188kb)/a 67.如何刪除圖片鏈接的藍色邊框?如果我們設置了圖片為一個鏈接，會發現圖片四周出現了藍色邊框。要刪除邊框，需要在圖片標簽里加上border=0。如：img src=/dog.jpgborder=068.如何為鏈接提供一個按鈕?form ACTION=cnshell.htmMETHOD=GETp input TYPE=submitVALUE=單擊這里NAME=cnshell/p/form 69.如何知道站點的流量來至那里?如果你擁有站點服務器的管理權，那么這是個很簡單的問題，查查服務器日志就可以了。但目前你沒有那權力，不過可以由第三方提供流量數據。易數是個不錯的選擇，鏈接到

22、站點申請，然后把代碼加入到頁面即可。當你想知道流量時，單擊易數圖標，在統計頁面中，單擊分析即可。70.如何讓瀏覽器正確顯示word文件格式?為了正確處理word等格式，你需要在HTML文件中設置好該文件類型，比如：meta http-equiv=Content-Typecontent=Application/msword還有其它經常設置的文件類型：Application/msword Microsoft Word Document application/pdf PDF Documentapplication/wordperfect6.0 WordPerfect 6.0 Documentapp

23、lication/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 format

24、video/x-msvideo AVI video format 71.如何知道自己的圖片被其它網站使用?如果你為自己站點的圖片起了一個獨特的名字，也就是不容易重名，比如tt124.jpg.那么鏈接到站點：，在搜索欄里輸入tt124.jpg.然后開始查找，如果有站點采用了tt124.jpg圖片，該站點就會被列出。AltaVista搜索引擎是一個以機器人搜尋為主的站點，它的機器人會不停地把整個網絡的頁面作上索引，所以，你可以在那里找到和你相關的任何東西，把你的名字的拼音輸輸入看看，找到什么啦。72.如何縮進文本段落?在head/head部分加入：Ptext-indent：1%P標簽為HTML文本

25、段落的標簽，1%為縮進的范圍。72.如何正確使用分隔線?如果你使用FrongPage98，這里我再假設你需要分隔頁面左右兩部分內容，先利用表格工具拖出三個橫行表格，把內容分別放置到左右兩個單元，然后把中間的單元的寬度設置為1個Pixels,并填入所需要的顏色。你還需要把所有表格及單元的大小單位都設置為Pixels即可。73.為什么有的站點下載很慢?因為網頁用了過多的圖片，為了追求COOL的效果用了大量的Java Applet，過多使用TABLE，這些都是不可取的。對于圖片必須要用的壓縮再用，對于Java Applet絕對不用，它會讓機器配置低的訪問者的硬盤狂讀不止。對于需要的動態頁面，可利用C

26、SS和JavaScript實現。74.如何讓字體顯示的更舒服?這需要利用到CSS(層疊樣式表)，目前約定俗成的字體是：font-family：宋體(GB)；font-size：9pt；line-height：16px，把這段代碼加入到head/head之間。如：head style！-.fontfont-family：宋體(GB)；font-size：9pt；line-height：16px-/style/head body pclass=font計算機世界報br網頁制作常見問題解答/p/body font-family：宋體(GB)是設置的字體；font-size：9pt是字體的大小；lin

27、e-height：16px是文本行的上下間隔。75.如何讓網頁兼容IE和NN兩種瀏覽器?完全的兼容是不可能的。目前IE瀏覽器占有量大大超過NN瀏覽器，所以你只需要兼容IE瀏覽器即可。當然你也可以制作兩套網頁，利用JavaScript來檢測不同瀏覽器以裝入相應網頁。76.如何正確使用字體?設置文本字體是網頁制作中很重要的的環節，但因為并不是每一位訪問者都有你設置的字體，所以盡量使用操作系統默認的字體宋體，黑體，楷體。對于其它類型字體可以用圖形方式實現。78.如何制作繁體版本網頁?如果你使用E-Port的網頁作坊工具制作頁面，那就可以利用工具菜單下的GB轉BIG5來把簡體網頁變成繁體網頁。如果你用

28、其它工具也可以利用網頁作坊的GB轉BIG5來制作繁體網頁，利用網頁作坊打開頁面，點選工具菜單下的GB轉BIG5轉換網頁并保存。要注意的是，你需要把原meta http-equiv=Content-Typecontent=text/html；charset=gb2312中的charset=gb2312改為charset=big5，這樣，訪問者的瀏覽器就會自動識別了。(E-Port的網頁作坊下載地址：77.利用水平線(HR)制作垂直線?插入HR很簡單：hr size=1。如何讓它垂直呢，更簡單：hr size=100width=178.與其它站點交換連接需要什么?當然，你首先要有一個個人站點，然后

29、準備好兩個站點LOGO。一般來說，400x40和88x31兩種LOGO是必需的，其它也可以準備一個100x31的LOGO。400x40的LOGO用于象網盟這樣的廣告交換站點，88x31和100x31用于個人站點之間的交換。79.如何讓下拉式菜單中的鏈接來打開一個新的窗口?先把下拉式菜單設置好，如：form method=POSTselect name=D1size=1option value=網易/option option value=搜狐/option/select input type=submitvalue=確定name=B1input type=resetvalue=重置name=B

30、2/p/form然后把select name=D1size=1改為select onChange=javascript：window.open(this.optionsthis.selectedIndex.value)即可。80.如何正確對齊文本?有時，我們需要對一段文本的左右，上下的邊距(指文本至瀏覽器的距離)加以指定以使文本正確對齊，CSS(層疊樣式表)提供這樣的功能：在head/head中加入style！-.ttmargin-left：68px；margin-right：70px；margin-top：69px；margin-bottom：71px-/style.tt為類名，以便你在HT

31、ML標簽中應有。而在中的屬性及指分別為邊距左，右，上，下的距離。當它們的邊距都相等時比如都是60px，可以簡寫為：.ttmargin：60px.當在文本中引用了該CSS，你會發現文本對的非常整齊。81.如何正確使用圖片格式?目前在網絡上的圖片準標準格式為JPG和GIF。當圖片顏色數很多時，就選擇JPG，它的壓縮比高，而GIF適合顏色數少的圖片。82.如何在網頁上顯示訪問者系統信息?把以下代碼加入到Body/Body：script Language=JavaScriptdocument.write(navigator.appVersion)/script 83.如何正確放置JavaScript?

32、JavaScript為動態主頁的實現工具，一般來說JavaScript放置于head/head或者body/body之間。對于放置在body/body之間的JavaScript，你需要把它放置在適當位置。如果你用FrontPage98工具，先把光標移到想放置JavaScript的地方，然后選擇Insert/Advanced/script，在打開的文本框中輸入JavaScript，這樣就放置好了。預覽頁面，JavaScript出現在你放置的地方。你也可以把JavaScript放置到表格中，這樣可以精確定位。84.個人站點需要那些交互功能?交互是網絡的魅力所在，作為個人站點也需要這些交互性的工具，

33、以便和訪問者隨時進行溝通。以下是目前個人站點必備的交互工具：留言板-讓訪問者給你的站點提提意見；論壇-討論某一個特定主題的地方，它和留言板的區別是留言板可以包含任何內容；調查表單-利用個人站點，你可以對某一問題進行調查，然后看看各意見的支持率；訂閱表單-通過郵件給訂閱者提供站點的更新信息；聊天室-一個即時的對話場所，特別可以對一個特定主題組辦一個網絡討論；搜索引擎-當站點內容過多時，搜索引擎可以讓訪問者快速找到想看的內容；85.如何點擊一個鏈接同時在兩個frame內變化?對于一個由topFrame、leftFrame、mainFrame構成的頁面，如果想在leftFrame中點擊鏈接，同時在其

34、他兩個frame內變化，代碼如下：a href=/x1.htmonclick=parent.topFrame.location.href=x2.htmtarget=mainframe90.前進、后退和刷新a href=javascript：history.back()后退/a ahref=javascript：history.go()前進/a ahref=javascript：location.reload()刷新/a 86.打印按鈕form input name=PrintonClick=window.print()；return falsetype=buttonvalue=Print/fo

35、rm 87.查看源碼按鈕input type=button name=viewvalue=查看源碼onClick=window.location=view-source：+window.location.hrefstyle=font-size：9pt88.如何去掉頁面滾動條?在body中加入樣式表控制，代碼如下：body bgcolor=#000000leftmargin=0topmargin=0style=overflow-x：hidden；overflow-y：hidden；width：100%89.如何在Dreamweaver插入空格?在FrontPage中，插入空格只需要在選定的文本前

36、按下鍵盤空格鍵就可以了，但在Dreamweaver中不行。空格的標簽是可以開啟HTML Source視窗直接加入標簽，也可以在指定的文本前，按下Ctrl+Shift+Space。90.如何在DW中設置Flash動畫的背景透明?在SWF文件的屬性面板中，點parameters，添加參數wmode，值選擇transparent；或者直接修改網頁的代碼，在標志SWF文件屬性的代碼中添加：param name=wmodevalue=transparent91.如何正確使用分隔線?這里我再假設你需要分隔頁面左右兩部分內容，先利用表格工具拖出三個橫行表格，把內容分別放置到左右兩個單元，然后把中間的單元的寬

37、度設置為1個pixels(像素)，并填入所需要的顏色。你還需要把所有表格及單元的大小單位都設置為pixels即可。92.如何讓瀏覽器正確顯示word文件格式?為了正確處理word等格式，你需要在HTML文件中設置好該文件類型，比如：meta http-equiv=Content-Typecontent=application/msword還有其它經常設置的文件類型：application/msword Microsoft Word Document application/pdf PDF Document application/wordperfect6.0 WordPerfect 6.0 D

38、ocument 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 Q

39、uickTime video format video/x-msvideo AVI video format 93.如何實現一個頁面兩種顏色鏈接變化?在CSS中設置不同的CLASS類，如下例所示：a.r：linktext-decoration：none；color：#000066a.r：visitedtext-decoration：none；color：#333333a.r：hovercolor：#0000ff；text-decoration：underlinea.r1：linktext-decoration：none；color：#000066；font-weight：bolda.r1：vi

40、sitedtext-decoration：none；color：#000066；font-weight：bolda.r1：hovercolor：#FF0000；font-weight：bolda.r2：linktext-decoration：none；color：#ffffffa.r2：visitedtext-decoration：none；color：#ffffffa.r2：hovercolor：#000000；94.DW中如何準確地定位層?就目前來說，還沒有好的方法實現非常精確地定位使得層在編輯中和瀏覽中的位置不變，即便是使用標尺和網格輔助定位，仍然會有差別，而且在IE和NC中顯示的層的位置會有偏差，大約偏差3個象素。最好的方法是對照瀏覽器的顯示來調整層的位置。95.怎樣把別人網頁上的背景音樂保存下來?A：瀏覽該網頁后,在你的WindowsTemporary Internet Files文件夾下可以找到該背景音樂的緩存文件，拷貝出來即可使用。如果還是找不見該文件，可以打開網頁的源文件，找到音樂文件的URL路徑，用螞蟻等FTP軟件進行下載。96.避免有人從你分幀的主頁的幀中徑直進入網站,而不是從index.htm中進入?A：在幀中的網頁的head/head之間加入以下腳本代碼：Script language=JavaScriptif(top=self