銀翼殺手2049電影網頁設計制作

• 知識點應用
• 作品介紹
• 網頁成品效果預覽
• HTML代碼預覽
• • 導航代碼
  • 圖片列表代碼
• 作品源地址

知識點應用

DIV CSS布局、網頁背景圖片、網頁背景音樂、圖片列表、字體樣式

作品介紹

銀翼殺手2049電影靜態網頁作業設計了5個頁面，采用DIV CSS布局制作，網頁作品中的內容來源于百科，包括：網站首頁、劇情簡介、角色介紹、幕后制作、原著小說。
網頁設計整體寬度為1200PX，頁面都使用CSS設置了網頁背景圖片，首頁插入了背景音樂（可點擊播放或暫停）導航部分使用CSS制作了鼠標經過變色。作品完整界面漂亮，但并不難，屬于學生基礎水平簡單網頁制作作品。

網頁成品效果預覽

HTML代碼預覽

導航代碼

<div class="nav"><ul><a href=""><li>網站首頁</li></a><a href=""><li>劇情簡介</li></a><a href=""><li>角色介紹</li></a><a href=""><li>幕后制作</li></a><a href=""><li>原著小說</li></a></ul></div>

圖片列表代碼

<div class="list"><ul ><li><img src="images/img003.jpg" /></li><li><img src="images/img004.jpg" /></li><li><img src="images/img005.jpg" /></li><li><img src="images/img006.jpg" /></li><li><img src="images/img007.jpg" /></li><li style="margin-right:0px;"><img src="images/img008.jpg" /></li></ul></div>

作品源地址

stu-works.com/html/dianying/330.html

總結

以上是生活随笔為你收集整理的大学生影视主题网页制作 银翼杀手2049电影网页设计模板 学生静态网页作业成品 dreamweaver电影HTML网站制作的全部內容，希望文章能夠幫你解決所遇到的問題。

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