當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
HTML学生个人网站作业设计：电影网站设计——迅雷看看电影网页(1页) HTML+CSS+JavaScript 简单DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载
生活随笔
收集整理的這篇文章主要介紹了
HTML学生个人网站作业设计：电影网站设计——迅雷看看电影网页(1页) HTML+CSS+JavaScript 简单DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
一、作品介紹
1.作品簡介 ：html期末大作業,dw學生網頁設計作業, A+水平 ,喜歡的可以下載，文章頁支持手機PC響應式布局。
2.作品編輯：作品下載后可使用任意HTML編輯軟件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html編輯軟件進行運行及修改編輯等操作）。
3.知識應用：技術方面主要應用了大學生網頁課程中的: Div+CSS、鼠標滑過特效、Table、導航欄效果、Banner、表單、二級三級頁面等，視頻、 音頻元素 、Flash，同時設計了Logo（源文件），基本期末作業所需的知識點全覆蓋。
文章目錄
- 一、作品介紹
- 二、作品演示
- 三、代碼展示
- 四、戳下方👇🏻👇🏻👇🏻更多源碼👇🏻👇🏻👇🏻
二、作品演示
三、代碼展示
代碼說明：以下僅展示部分代碼供參考~
<!DOCTYPE html><head><meta charset="utf-8" /><title>個人網頁設計</title><link href="css/style.css" rel="stylesheet" /> </head><body><div id="wrapper"><div id="header"><a href="#"><img src="images/logo.png" class="logo"/></a></div><div id="menu"><ul><li><a href="index.html">個人主頁</a></li><li><a href="jieshao.html">故事介紹</a></li><li><a href="renwu.html">主要人物</a></li><li><a href="meitu.html">個人美圖</a></li><li><a href="zhuce.html">注冊用戶</a></li><li><a href="liuyan.html">隨筆留言</a></li></ul></div><div id="main"><div class="content"><ul class="list"><li><img src="images/zy1.jpg" /><h5>“草帽”蒙奇·D·路飛</h5><p>初次登場：漫畫第1話 年齡：17歲→19歲 生日：5月5日 血型：F型 身高：172cm→174cm 身份：草帽 故鄉：東海·風車村 ...</p><a href="#">詳情...</a></li><li><img src="images/zy2.jpg" /><h5>“小賊貓”娜美</h5><p>初次登場：漫畫第8話 年齡：18歲→20歲 生日：7月3日 血型：X型 身份：阿龍海賊團測量員→草帽 故鄉：東海?可可亞西村...</p><a href="#">詳情...</a></li><li><img src="images/zy3.jpg" /><h5>“海賊獵人”羅羅諾亞·索隆</h5><p>初次登場：漫畫第3話 年齡：19歲→21歲 生日：11月11日 血型：XF型 身份：東海海賊賞金獵人→草員 故鄉：東海·霜月村...</p><a href="#">詳情...</a></li><li><img src="images/zy4.jpg" /><h5>“GOD”?烏索普</h5><p>初次登場：漫畫第23話 年齡：17歲→19歲 生日：4月1日 血型：S型 身份：烏索普海賊團船長→狙擊手 故鄉：東海?西羅普村...</p><a href="#">詳情...</a></li></ul></div><div class="sidebar"><div class="denglu"><h2>用戶登錄</h2><p><span>賬號：</span><input type="text" /></p><p><span>密碼：</span><input type="password" /></p><div class="btn"><a href="#"><img src="images/denglu.png" /></a><a href="#"><img src="images/zhuce.png" /></a></div></div><div class="chengyuan"><h2>草帽海賊團成員</h2><ul><li><a href="#">“草帽”蒙奇·D·路飛</a></li><li><a href="#">“海賊獵人”羅羅諾亞·索隆</a></li><li><a href="#">“小賊貓”娜美</a></li><li><a href="#">“GOD”?烏索普</a></li><li><a href="#">“黑足”山治</a></li><li><a href="#">“愛吃棉花糖的馴鹿”托尼托尼·喬巴</a></li><li><a href="#">“惡魔之子”妮可·羅賓</a></li><li><a href="#">“改造人”弗蘭奇</a></li><li><a href="#">“靈魂之王”布魯克 </a></li></ul><img src="images/chengyuan.jpg" /></div></div></div><div id="footer"><p>底部信息</p></div></div> </body></html>四、戳下方👇🏻👇🏻👇🏻更多源碼👇🏻👇🏻👇🏻
總結
以上是生活随笔為你收集整理的HTML学生个人网站作业设计：电影网站设计——迅雷看看电影网页(1页) HTML+CSS+JavaScript 简单DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： python中compile的作用_Py
- 下一篇： 原生js监听滚动条_JS原生监听滚动条