個人介紹網頁製作

這個網站共有5頁
每一頁的做法其實都大同小異

網頁觀賞

在我做的網頁當中，其實都運用了大量的div元件
用div的好處是我們不會浪費網頁的空間以及增加網頁的大小
怎麼說呢？
一般在做網頁配置時，可能大多數的人會使用table
在此同時，可能會有分割很多儲存格，但是也很多根本就沒用到
或者是儲存格裡面的東西沒有塞滿整個儲存格
如此一來，這些沒用到的或者是剩下的部分，便會造成浪費
因此，使用div的好處是她可以隨著我們要放的東西做大小配置
接著再使用css進行位置的安排，不必再用多餘的儲存個了

但若要說到他的缺點嘛，可能就是分割太多了吧。

再來談到網頁的內容，此網頁的人物介紹跟一般的一樣
我們使用table進行編排，在用css定位
主要的不同在於可以變換背景
大家可以注意到在原始碼中的JavaScript

function change(type){
if(type=="fall"){
document.getElementById('container').style.background=
" url(background/backimage1.jpg) 0 0 no-repeat";
document.getElementById('intro').src="background/intro_fall.gif";
document.getElementById('namejpg').src="background/name_fall.gif";
}else{
document.getElementById('container').style.background=
"url(background/backimage.jpg) 0 0 no-repeat";
document.getElementById('intro').src="background/intro.gif";
document.getElementById('namejpg').src="background/name.gif";
}
}



在這個程式中所想表達的是，在網頁當中有兩個按件
一個是變換成夏天背景風格，一個是秋天的背景風格
當瀏覽者按下秋天背景時，按件會呼叫change('fall')這個function，並且將fall參數傳入
此時會呼叫第一個if，將背景跟相關圖片接改成切天的樣式

總之，大家可以下載來玩玩看