大學生影視主題網頁製作 銀翼殺手2049電影網頁設計模板 學生靜態網頁作業成品 dreamweaver電影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>
作品源地址
www.lilixing.com/html/dianying/330.html
相關文章
- 大學生川菜網頁製作教程 表格佈局網頁模板 學生HTML靜態水煮魚網頁設計作業成品 簡單網頁製作程式碼 學生美食網頁作品免費設計網頁HTML
- 用Dreamweaver 定義模板批次製作網頁網頁
- Dreamweaver製作網頁經典問題大整理網頁
- html5案例--製作電影影評網HTML
- Dreamweaver網頁製作教程:表格設計例項網頁
- HTML簡單網頁製作HTML網頁
- Dreamweaver網頁製作的18條操作技巧網頁
- 網站建設製作網頁的基本步驟網站網頁
- 20個dreamweaver中製作網頁的小技巧網頁
- 網頁製作時可以拿起就用的網頁製作小技巧總結網頁
- 類似dreamweaver在VSCode實現網頁製作的靜態CMS:Front MatterVSCode網頁
- HTML網頁製作的強大8條技巧HTML網頁
- 自己如何製作一個網頁網頁
- Dreamweaver網頁元素怎麼製作漸隱漸現效果教程網頁
- html and css3 js製作翻頁書效果id1099-網頁前端設計HTMLCSSS3JS網頁前端
- 色彩心理學對網頁設計的影響力網頁
- Stacks網頁佈局製作外掛網頁
- 網站404頁面怎麼做 404頁面製作步驟網站
- 《細說網頁製作》pdf電子書免費下載網頁
- 零基礎創作專業wordpress網站11-製作頁尾(Footer)網站
- 製作簡單的個人網頁教程網頁
- mac網頁製作軟體:RapidWeaver 8 for macMac網頁API
- 巨人網路影遊聯動又有新動作,《征途》大電影或改為網播
- 用視訊軟體AE + bodymovin製作網頁動畫網頁動畫
- 零基礎創作專業wordpress網站10-製作聯絡頁面網站
- 零基礎創作專業wordpress網站09-製作服務頁面網站
- 零基礎創作專業wordpress網站08-製作關於頁面網站
- 天津大學網頁設計與製作答案合集網頁
- 筆尖電影網站網站
- 兒童攝影網-網頁原始碼全網頁原始碼
- 品牌設計,年會影片製作,創意海報設計,網頁設計網頁
- Dreamweaver 2021 for Mac(DW網站開發製作軟體)Mac網站
- 用HTML+CSS編寫一個計科院網站首頁的靜態網頁HTMLCSS網站網頁
- 零基礎創作專業wordpress網站05-將主頁面設定為主頁網站
- 網頁防封連結製作的原理有哪些?網頁
- camLAPSE for mac(電影延時製作軟體)Mac
- Mac電影字幕製作軟體——iSubtitle for MacMac
- 專業建站網站 網站建設 網站開發 官網開發 網頁設計 網頁網站網頁