機動戰士高達靜態網頁制作

• 應用知識點
• 作品介紹
• 首頁部分代碼
• 頁面最終效果
• 網頁源地址

應用知識點

DIV CSS布局、網頁背景圖、JS圖片輪播、在線視頻

作品介紹

機動戰士高達動漫網頁使用DIV CSS布局制作，作品為單頁1個頁面，內容方面包括：機動戰士高達動漫的文字及視頻介紹、動漫作者高達之父介紹以及機動戰士高達的一些壁紙圖片。
技術及樣式方面，網頁整體寬度1200PX，使用CSS設置了與選題相符的 酷炫網頁背景圖片，使用JS制作了頂部圖片輪播，使用VIDEO標簽插入了視頻，作品完整，代碼簡單。

首頁部分代碼

<div class="right"><p>機動戰士高達自1979年登場以來，已成為日本動畫作品中最著名、最經久不衰、最龐大、也是盈利最高的系列之一。</p> </div><div class="title"><i></i>高達之父</div><div class="left"><img src="images/tua.jpg" width="350px"></div><div class="right"><p>富野由悠季（1941年11月5日－），為日本的動畫監督、作詞家、小說家。<br>出生于日本神奈川縣小田原市，日本大學藝術學部映畫學科畢業。</p> </div><div class="title"><i></i>精美壁紙</div><div class="list"><ul ><li><img src="images/pica.jpg" /></li><li><img src="images/picb.jpg" /></li><li><img src="images/picc.jpg" /></li><li style="margin-right:0px;"><img src="images/picd.jpg" /></li></ul></div>

頁面最終效果

網頁源地址

stu-works.com/html/dongman/339.html

總結

以上是生活随笔為你收集整理的大学生动漫网页设计模板 机动战士高达静态网页制作成品下载 HTML漫画网页作业带JS轮播图的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。