網路程式設計 期末專案 棒球明星介紹 資工2B B97570133 沈冠宇.

Presentation on theme: "網路程式設計 期末專案 棒球明星介紹 資工2B B97570133 沈冠宇."— Presentation transcript:

1 網路程式設計 期末專案 棒球明星介紹 資工2B B 沈冠宇

2 網路程式設計 – 期末專案 個人網站主題：棒球明星介紹
本身對棒球很有興趣，剛好逛到奇摩的相關棒球主題網頁，所以就想朝這方面做，主要以MLB為主。

3 網路程式設計 – 期末專案 滑鼠點圖片會放大 .thumbs { width: 192px; height: 370px;
padding: 5px; float: right } .mainimg { width: 289px; .imgCover { height: 373px } img { border: 1px solid black } <div id = "mainimg" class = "mainimg"> <img id = "imgCover" src = "fullsize/0.jpg" alt = "點擊左邊小圖可以放大" class = "imgCover" /> </div> <img src = "thumbs/Ryan Howard.jpeg" alt = "0" onclick = "display( 'Ryan Howard.jpeg' )"width="60" height="40" />

4 網路程式設計 – 期末專案 Music 嵌入 利用網路上已至做好的格式
<object width="150" height="80"><param name="movie" value=" name="quality" value="high"></param><param name="wmode" value="transparent"></param><embedsrc= quality="high" type="application/x-shockwave-flash" wmode="transparent" width="450" height="120"></embed></object>

5 網路程式設計 – 期末專案 插入youtube影片
<object width="400" height="500"><param name="movie" value=" name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src=" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="400" height="500"></embed></object >

6 心得 這次的做也非常有趣,讓我對網頁設計產生了很大的興趣,我用的語法非常簡單,所以不是很精美但是我有認真的排版,希望以後可以做得更好

7 網路程式設計 – 期末專案 The End