網頁制作中的小秘訣

2024-04-27 13:54:45

字體：大中小

來源：轉載

供稿：網友

1、給主頁添加視頻動畫
只要把下面這段代碼添加到你的網頁中，就可以在主頁中添加Windows視頻動畫或其他RralMedia格式的視頻動畫。
<img dynsrc=/test.avi start="fileopen" width="360" height="190" alt="test.avi (40M字節)" controls hspace="-1" vspace="0">
在這段代碼中，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('背景二的地址')"＞第二種背景
＜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="其中view.gif是原圖，preview.gif是縮略圖，width是原圖的寬度，height是原圖的高度。

6、建立一個站內的搜索引擎
隨著頁面內容的不斷增多，要快速準確地獲取站點之內的某個內容就變得越來越困難。為了能夠使訪問者很快找到他們想要的信息，那么就需要在站內建立一個搜索引擎。要建立一個站點的搜索引擎，我們可以直接鏈接到網站網絡特區http://netzone. swatou. com/personal/, 單擊“申請站點引擎” 并填寫申請表，然后按照要求建立站點頁面數據庫即可。

7、讓背景音樂持續播放
我們知道，當打開一個含有背景音樂的頁面時，我們就能聽到一段悠揚的樂聲，但是當我們用鼠標單擊頁面中的鏈接或者去訪問另外一個頁面時，正在播放的背景音樂就會突然停止，那么我們有沒有辦法讓某個頁面的背景音樂持續不斷地播放下去呢？回答是肯定的，其實，我們只需建立一個上下框架結構的網頁，把聲音文件包含在下框架頁面內容里，并把下框架的寬度設置為0個像素，而上框架里是正常的頁面內容，由于下框架不占用窗口的空間，這就相當于我們把含有聲音文件的頁面當我們離開含有背景音樂的網頁頁面時，由于下框架頁面內容未變，所以聲音就能持續不斷地進行播放了。

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

上一篇：網頁設計:一種細膩的導航效果的制作方法

下一篇：鼠標在文本上移動時層的顯示與消失