Download presentation
Presentation is loading. Please wait.
1
網路程式設計期末project B 張芸菱
2
個人網站題目 我的網站題目是百萬小學堂,就像在電視上的綜藝節目一樣,是一個益智問答的題目。
3
網頁架構
4
使用技術(1/3) 在index.html使用了框架框出mainframe、topframe及leftframe
5
使用技術(2/3) 在topframe使用了z-index,使兩個圖片重疊,產生獨特的效果,還加入背景音樂,在點選其他連結時不中斷
在leftframe除了用window.alert()和子視窗的開啟,還有使用javascript的時鐘,不一樣的是數字皆由圖片來呈現,而不是直接印出 mainframe所使用的技術: 1.跑馬燈 2.使用event裡的onmouseover和onmouseout來轉換圖片 3.設置超連結(question.html)
6
網頁設計(3/3) question所使用的技術 1.大量使用input type中的radio
2.使用javascript計算分數在子視窗中(若無輸入名字則會跳出window.alert()的視窗 about裡使用到DOM和select來展示圖片 其它還有使用到CSS樣式
Similar presentations