首頁  >  文章  >  web前端  >  網頁製作中的小秘訣

網頁製作中的小秘訣

黄舟
黄舟原創
2016-12-16 14:17:10912瀏覽

1、加入首頁影片動畫
只要把下面這段程式碼加入你的網頁中,就可以在首頁加入Windows影片動畫或其他RralMedia格式的影片動畫。
test.avi (40M位元組) 
在這段程式碼中,dynsrc的值為你的動畫檔案的名字,它應是以avi、ra、ram為後綴名的檔案;start的值一般為“fileopen”,這樣就可以使動畫自動播放;width和height的值分別是動畫播放時的畫面的寬度和高度(以像素為單位也可以百分比來表示);alt的值是對動畫檔案的非顯示說明;hspace是畫面離頁左邊的距離(以像素為單位);vspace是畫面離頁頂的距離(以像素為單位),在這裡大家可以把test.avi檔改成自己需要的影片檔。

2、讓超級連結自動變色 
大家知道,如果要讓網頁具有動態效果,一般要向網頁中插入動畫圖像或用java來設計一個動態效果;但由於動畫佔用的位元組數太多,而用Java來設計動態效果需要一定的設計基礎。下面筆者就提供一種方法,可以讓頁面上的超級連結在一直不停地進行變色,從而使自己的網頁看上去也動感十足。要達到這個效果,我們只要把下面的這段原始碼貼到網頁中的<head>與</head>之間就可以了。具體的原始碼如下: 

<script Language="Javascript"> 
<! - - Begin 
function initArray( ) { 
for ( var i = 0 ; i < initArray.arguments.length; i + + ) 
{this[i] = initArray.arguments[i];} 
this.length = initArray.arguments.length; 
} 
var colors = new initArray ("red","blue","green","black","purple","blue","tan","red");delay = .5; // seconds
link = 0 ; 
vlink = 0 ; 
function linkDance ( ) { 
link= (link + 1)%colors.length; 
vlink=(vlink+1)%colors.length; 
document.linkColor = colors[link]; 
document.vlinkColor = colors[vlink]; 
setTimeout("linkDance( )",delay*1000);} 
linkDance( ); 
// End - -> 
</script>

3、隨時改變網頁的線上背景圖象
我們通常看到的網頁背景圖像一般是靜態的,普通的訪客是無權自己更換網頁的背景圖案的,不知大家有沒有想過做出來的網頁可以讓訪客能自行改變背景圖片呢?如果大家有這個想法的話,下面的這段程式碼就能幫助我們輕鬆實現這樣的功能,我們所要做的就是把下面提供的源代碼拷貝然後貼在自己網頁中的HTML程式碼的合適位置就可以了。不敢說很有用,但用得好的話絕對是錦上添花。好了,一起先來看看程式碼好了。
<form> 
<select onChange="document.body.style.background=this.options[this.selectedIndex].value"> 
<option value="url('背景一的地址')" selected
<option value="url('背景一的地址')" selected
<option value="url(')背景一的位址種背景 
<option value="url('背景二的地址')"> 第二種背景 
<option value="url('背景三的地址')"> 第三種背景 
..... ..其它選擇格式如上...... 
</selected> 
</form> 
使用這段程式碼時,我們可以自己先選擇好或者製作好需要的背景,然後把各個背景圖像的網址替換上面程式碼中的背景位址,這樣我們就可以輕鬆實現隨機更改背景圖象了。

4、讓圖象與瀏覽視窗實現無縫接合 
我們在網頁中插入一幅圖象時,有時會發現該圖象與瀏覽器視窗邊框之間很難實現無縫接合,總是有點距離,看起來給人的感覺不太自然。那麼我們該透過什麼辦法才能實現圖象與瀏覽視窗的無縫接合,使圖像自然融入視窗背景之中呢?其實,插入的圖象之所以與瀏覽器的邊框有縫隙,這是因為我們沒有設定頁面邊距,解決無縫接合的辦法是在頁面的源代碼的<body> 標籤中加入以下源代碼: topmargin =“0" leftmargin=“0" 其中topmargin表示與瀏覽器視窗頂部距離,此時設定為0,圖象與瀏覽器視窗無縫接合。 leftmargin=「0"表示與瀏覽器視窗左邊距離為0。

5、使用略圖方式來顯示圖象 
如果我們的確需要在網頁中放置一個較大尺寸的圖象時,考慮到圖象傳輸速度相對較慢,為了能使訪客盡快知道圖象所代表的內容,我們不妨使用縮圖顯示的方法。即在顯示原圖之前,先提供一個分辨率較低、尺寸較小的圖象當作“low source”,使得瀏覽器可以快速地顯示,然後再漸漸地以高質量或者大尺寸的原圖來代替。如果使用者看到縮圖顯示的內容並不是自己想要的,可以無須等待,直接去存取另外的內容,從而提高了瀏覽的效率。實現縮圖顯示的具體方法是,在網頁的html來源檔案中加入以下程式碼: 
<img src="view.gif" lowsrc="PReview.gif" width="x" height="y"> 
其中view.gif是原圖,preview.gif是縮圖,width是原圖的寬度,height是原圖的高度。 

6、建立一個站內的搜尋引擎 
隨著頁面內容的不斷增多,要快速準確地獲取網站之內的某個內容就變得越來越困難。為了能夠使訪客很快找到他們想要的信息,那麼就需要在站內建立一個搜尋引擎。要建立一個網站的搜尋引擎,我們可以直接連結到網站網路特區http://netzone. swatou. com/personal/, 點擊「申請網站引擎」 並填寫申請表,然後按照要求建立網站頁面資料庫即可。

7、讓背景音樂持續播放 
我們知道,當打開一個含有背景音樂的頁面時,我們就能聽到一段悠揚的樂聲,但是當我們用滑鼠點擊頁面中的連結或去訪問另外一個頁面時,正在播放的背景音樂就會突然停止,那麼我們有沒有辦法讓某個頁面的背景音樂持續不斷地播放下去呢? 答案是肯定的,其實,我們只要建立一個上下框架結構的網頁,把聲音檔案包含在下框架頁面內容裡,並把下框架的寬度設定為0個像素,而上框架裡是正常的頁面內容,由於下框架不佔用視窗的空間,這就相當於我們把含有聲音檔案的頁面當我們離開含有背景音樂的網頁頁面時,由於下框架頁面內容未變,所以聲音就能持續不斷地進行播放了。 

由於編輯原因,所有代碼的尖括號均為全角字符,應用時請換為半角。

 以上就是網頁製作中的小秘訣的內容,更多相關文章請關注PHP中文網(www.php.cn)! 

🎜🎜
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn