無標題文件

網頁設計網頁製作技巧24條

發佈者:SEO香港優化專家 - Web Design

網站設計

01.讓背景圖不滾動
IE瀏覽器支持一個 Body 屬性 bgproperties,它可以讓背景不滾動:
〈Body Background="圖片文件" bgproperties="fixed"〉

02.讓你的網頁無法另存為
<noscript><iframe src=*></iframe></noscript>

03.讓IFRAME框架內的文檔的背景透明
<iframe src="about:<body style='background:transparent'>" allowtransparency></iframe>

04.禁止右鍵:
<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()">

05.進入頁面後立即自動刷新?
<meta http-equiv="refresh" content="120;url=http://www.wodutom.com/cn083">
http://www.wodutom.com/cn083,這是你自己的網址。

06.打開窗口即最大化
<script language="JavaScript">
<!-- Begin
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
// End -->
</script>

07.能隱藏IFRAME的滾動條嗎?我知道的三種方法:
1. 設置iframe scrolling="no"
2. 被包含頁body應用overflow:hidden
3. 被包含頁的body標籤加scroll="no"

08.加入背景音樂
<bgsound src="mid/windblue[1].mid" loop="-1"> 只適用於IE

<embed src="music.mid" autostart="true" loop="true" hidden="true"> 對Netscape ,IE 都適用

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

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

11.滾動
<MARQUEE direction=up height=146 onmouseout=start() onmouseover=stop() scrollAmount=4></marquee>

12.細線分隔線
<hr noshade size=0 color=#C0C0C0>

13.過度方式
<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 隨機產生一種過渡方式


15.如何控制橫向和縱向滾動條的顯隱?
<body style="overflow-y:hidden"> 去掉x軸
<body style="overflow-x:hidden"> 去掉y軸
<body scroll="no">不顯

16.怎樣在 FrontPage2000 中加入 Flash 動畫?
在 FrontPage2000 中,點擊[插入]->[高級]->[插件],在彈出的窗口中,設置一下 Flash 文件的大小及其它信息,確定即可。

17.加入註釋的格式是:    
〈!-?註釋內容…?--〉

18.怎樣在網頁中加入 E-mail 鏈接並顯示預定的主題?
〈A href="mailto:Emailhost@263.net?subject=主題"〉……〈/a〉

19.定義本網頁關鍵字,可以在〈Head〉〈/Head〉中加入如下代碼:  
〈meta name="Keywords" content="china,enterprise,business,net"〉   
Content 中所包含的就是關鍵字,你可以自行設置。   
這裡有個技巧,你可以重複某一個單詞,這樣可以提高自己網站的排行位置,如:
〈meta name="Keywords" content="china,china,china,china"〉

20.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


21.添加到收藏夾:
〈a href="javascript:window.external.addFavorite('http://鏈接','說明');"〉添加到收藏夾〈/a〉

22.設為首頁:
〈a href=# onclick=this.style.behavior='url(#default#homepage)';this.setHomePage('http://鏈接');〉設為首頁〈/a〉

23.定制瀏覽器地址欄前的小圖標:
A:在網頁的〈head〉〈/head〉間加入以下語句:
〈link rel="shortcuticon" href="http://…/icon.ico"〉
即可。其中 icon.ico 為 16x16 的圖標文件,顏色不要超過 16 色。

24.把滾動條放在瀏覽器窗口的左邊
A:在 <body> 中加 dir=RTL,即 <body dir=RTL>。


網頁寄存

 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 lixiangni 的頭像
    lixiangni

    lixiangni

    lixiangni 發表在 痞客邦 留言(0) 人氣()