振宇網頁設計公司
關於振宇 網站設計作品 網站排名 線上洽詢
網頁製作技巧14條
2010/01/18
網頁製作技巧14條

提示:使用前請把大寫狀態下"<>"改為小寫狀態下的"<>"

  01.讓背景圖不滾動

  IE流覽器支援一個 Body 屬性 bgproperties,它可以讓背景不滾動:

  〈Body Background="圖片檔" bgproperties="fixed"〉

  02.讓IFRAME框架內的文字內容背景透明

  <iframe src="about:<body style=‘background:transparent‘>" allowtransparency></iframe>

  03.禁止右鍵:

  <body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()">

  04.進入頁面後立即自動刷新?

  <meta http-equiv="refresh" content="120;url=http://www.rus.net.tw">

  http://www.rus.net.tw,這是你自己的網址。

  05.能隱藏IFRAME的捲軸嗎?三種方法:

  1. 設置iframe scrolling="no"

  2. 被包含頁body應用overflow:hidden

  3. 被包含頁的body標籤加scroll="no"

  06.加入背景音樂

  <bgsound src="mid/windblue[1].mid" loop="-1"> 只適用於IE <embed src="music.mid" autostart="true" loop="true" hidden="true">
   對Netscape ,IE 都適用

  07.嵌入網頁

  <iframe name="tt" src="01a.html" width="450" height="287" scrolling="Auto" frameborder="0"></iframe>

  08.跳轉

  <meta http-equiv="refresh" content="3;URL=list.htm">

  09.細線分隔線

  <hr noshade size=0 color=#C0C0C0>

  10.過度方式

  <meta http-equiv="Page-Exit" content="revealTrans(Duration=3,Transition=5)">

  Duration的值為網頁動態過渡的時間,單位為秒。

  Transition是過渡方式,它的值為0到23,分別對應24種過渡方式。如下表:

  0 盒狀收縮 1 盒狀放射

  2 圓形收縮 3 圓形放射

  4 由下往上 5 由上往下

  6 從左至右 7 從右至左

  8 垂直百葉窗 9 水準百葉窗

  10 水準格狀百葉窗 11垂直格狀百葉窗

  12 隨意溶解 13從左右兩端向中間展開

  14從中間向左右兩端展開 15從上下兩端向中間展開

  16從中間向上下兩端展開 17 從右上角向左下角展開

  18 從右下角向左上角展開 19 從左上角向右下角展開

  20 從左下角向右上角展開 21 水平線狀展開

  22 垂直線狀展開 23 隨機產生一種過渡方式

  11.如何控制橫向和縱向捲軸的顯隱?

  <body style="overflow-y:hidden"> 去掉x軸

  <body style="overflow-x:hidden"> 去掉y軸

  <body scroll="no">不顯

  12.怎樣在網頁中加入 E-mail 連結並顯示預定的主題?

  〈A href="mailto:Emailhost@263.net?subject=主題"〉……〈/a〉

  13.設為首頁:

  〈a href=# onclick=this.style.behavior=‘url(#default#homepage)‘;this.setHomePage(‘http://連結‘);〉設為首頁〈/a〉

  14.定制瀏覽器位址欄前的小圖示:

  A:在網頁的〈head〉〈/head〉間加入以下語句:

  〈link rel="shortcuticon" href="http://…/icon.ico"〉 即可。
  其中 icon.ico 為 16x16 的圖示檔,顏色不要超過 16 色。

 

相關文章
更多網頁設計教學

網站設計 FAQ

網站架構圖及設計流程

More...

網頁設計包括哪些費用?

More...

網站建置需要多少時間?

More...
預算有限,想先體驗網路行銷的效果嗎?
More...
如何讓商機源源不絕而來?
More...
我需不需要自行架設主機呢?
More...
什麼是網域名稱(網址)?什麼是虛擬主機(網站空間)?
More...

RUS Website Design 瑞宇.台中網頁設計公司  Copyright © 2004 振宇網頁設計 All rights Reserved.  線上詢價
振宇首頁關於振宇設計作品線上洽詢常見問題新聞時事網頁設計教學友站連結網站地圖  免費交換連結
回到首頁 聯絡振宇