電影網(wǎng)站設(shè)計(jì)——電影介紹(11頁(yè)) HTML+CSS+JavaScript 簡(jiǎn)單DIV布局個(gè)人介紹網(wǎng)頁(yè)模板代
<h 一、作品介紹>
1.作品簡(jiǎn)介?：html期末大作業(yè),dw學(xué)生網(wǎng)頁(yè)設(shè)計(jì)作業(yè), A+水平 ,喜歡的可以下載，文章頁(yè)支持手機(jī)PC響應(yīng)式布局。
2.作品編輯：作品下載后可使用任意HTML編輯軟件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++?等任意html編輯軟件進(jìn)行運(yùn)行及修改編輯等操作）。
3.知識(shí)應(yīng)用：技術(shù)方面主要應(yīng)用了大學(xué)生網(wǎng)頁(yè)課程中的: Div+CSS、鼠標(biāo)滑過(guò)特效、Table、導(dǎo)航欄效果、Banner、表單、二級(jí)三級(jí)頁(yè)面等，視頻、 音頻元素 、Flash，同時(shí)設(shè)計(jì)了Logo（源文件），基本期末作業(yè)所需的知識(shí)點(diǎn)全覆蓋。
文章目錄
一、作品介紹
二、作品演示
三、代碼展示
<!DOCTYPE html><head> ? ?<meta charset="utf-8" /> ? ?<title>個(gè)人網(wǎng)頁(yè)設(shè)計(jì)</title> ? ?<link href="css/style.css" rel="external nofollow" ?rel="stylesheet" /></head><body> ? ?<div id="wrapper"> ? ? ? ?<div id="header"> ? ? ? ? ? ?<a href="#" rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ><img src="images/logo.png" class="logo"/></a> ? ? ? ?</div> ? ? ? ?<div id="menu"> ? ? ? ? ? ?<ul> ? ? ? ? ? ? ? ?<li><a href="index.html" rel="external nofollow" >個(gè)人主頁(yè)</a></li> ? ? ? ? ? ? ? ?<li><a href="jieshao.html" rel="external nofollow" >故事介紹</a></li> ? ? ? ? ? ? ? ?<li><a href="renwu.html" rel="external nofollow" >主要人物</a></li> ? ? ? ? ? ? ? ?<li><a href="meitu.html" rel="external nofollow" >個(gè)人美圖</a></li> ? ? ? ? ? ? ? ?<li><a href="zhuce.html" rel="external nofollow" >注冊(cè)用戶</a></li> ? ? ? ? ? ? ? ?<li><a href="liuyan.html" rel="external nofollow" >隨筆留言</a></li> ? ? ? ? ? ?</ul> ? ? ? ?</div> ? ? ? ?<div id="main"> ? ? ? ? ? ?<div class="content"> ? ? ? ? ? ? ? ?<ul class="list"> ? ? ? ? ? ? ? ? ? ?<li> ? ? ? ? ? ? ? ? ? ? ? ?<img src="images/zy1.jpg" /> ? ? ? ? ? ? ? ? ? ? ? ?<h5>“草帽”蒙奇·D·路飛</h5> ? ? ? ? ? ? ? ? ? ? ? ?<p>初次登場(chǎng)：漫畫(huà)第1話 年齡：17歲→19歲 生日：5月5日 血型：F型 身高：172cm→174cm 身份：草帽 故鄉(xiāng)：東?！わL(fēng)車(chē)村 ...</p> ? ? ? ? ? ? ? ? ? ? ? ?<a href="#" rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" >詳情...</a> ? ? ? ? ? ? ? ? ? ?</li> ? ? ? ? ? ? ? ? ? ?<li> ? ? ? ? ? ? ? ? ? ? ? ?<img src="images/zy2.jpg" /> ? ? ? ? ? ? ? ? ? ? ? ?<h5>“小賊貓”娜美</h5> ? ? ? ? ? ? ? ? ? ? ? ?<p>初次登場(chǎng)：漫畫(huà)第8話 年齡：18歲→20歲 生日：7月3日 血型：X型 身份：阿龍海賊團(tuán)測(cè)量員→草帽 故鄉(xiāng)：東海?可可亞西村...</p> ? ? ? ? ? ? ? ? ? ? ? ?<a href="#" rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" >詳情...</a> ? ? ? ? ? ? ? ? ? ?</li> ? ? ? ? ? ? ? ? ? ?<li> ? ? ? ? ? ? ? ? ? ? ? ?<img src="images/zy3.jpg" /> ? ? ? ? ? ? ? ? ? ? ? ?<h5>“海賊獵人”羅羅諾亞·索隆</h5> ? ? ? ? ? ? ? ? ? ? ? ?<p>初次登場(chǎng)：漫畫(huà)第3話 年齡：19歲→21歲 生日：11月11日 血型：XF型 身份：東海海賊賞金獵人→草員 故鄉(xiāng)：東?！に麓?..</p> ? ? ? ? ? ? ? ? ? ? ? ?<a href="#" rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" >詳情...</a> ? ? ? ? ? ? ? ? ? ?</li> ? ? ? ? ? ? ? ? ? ?<li> ? ? ? ? ? ? ? ? ? ? ? ?<img src="images/zy4.jpg" /> ? ? ? ? ? ? ? ? ? ? ? ?<h5>“GOD”?烏索普</h5> ? ? ? ? ? ? ? ? ? ? ? ?<p>初次登場(chǎng)：漫畫(huà)第23話 年齡：17歲→19歲 生日：4月1日 血型：S型 身份：烏索普海賊團(tuán)船長(zhǎng)→狙擊手 故鄉(xiāng)：東海?西羅普村...</p> ? ? ? ? ? ? ? ? ? ? ? ?<a href="#" rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" >詳情...</a> ? ? ? ? ? ? ? ? ? ?</li> ? ? ? ? ? ? ? ?</ul> ? ? ? ? ? ?</div> ? ? ? ? ? ?<div class="sidebar"> ? ? ? ? ? ? ? ?<div class="denglu"> ? ? ? ? ? ? ? ? ? ?<h2>用戶登錄</h2> ? ? ? ? ? ? ? ? ? ?<p><span>賬號(hào)：</span><input type="text" /></p> ? ? ? ? ? ? ? ? ? ?<p><span>密碼：</span><input type="password" /></p> ? ? ? ? ? ? ? ? ? ?<div class="btn"> ? ? ? ? ? ? ? ? ? ? ? ?<a href="#" rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ><img src="images/denglu.png" /></a> ? ? ? ? ? ? ? ? ? ? ? ?<a href="#" rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ><img src="images/zhuce.png" /></a> ? ? ? ? ? ? ? ? ? ?</div> ? ? ? ? ? ? ? ?</div> ? ? ? ? ? ? ? ?<div class="chengyuan"> ? ? ? ? ? ? ? ? ? ?<h2>草帽海賊團(tuán)成員</h2> ? ? ? ? ? ? ? ? ? ?<ul> ? ? ? ? ? ? ? ? ? ? ? ?<li><a href="#" rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" >“草帽”蒙奇·D·路飛</a></li> ? ? ? ? ? ? ? ? ? ? ? ?<li><a href="#" rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" >“海賊獵人”羅羅諾亞·索隆</a></li> ? ? ? ? ? ? ? ? ? ? ? ?<li><a href="#" rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" >“小賊貓”娜美</a></li> ? ? ? ? ? ? ? ? ? ? ? ?<li><a href="#" rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" >“GOD”?烏索普</a></li> ? ? ? ? ? ? ? ? ? ? ? ?<li><a href="#" rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" >“黑足”山治</a></li> ? ? ? ? ? ? ? ? ? ? ? ?<li><a href="#" rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" >“愛(ài)吃棉花糖的馴鹿”托尼托尼·喬巴</a></li> ? ? ? ? ? ? ? ? ? ? ? ?<li><a href="#" rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" >“惡魔之子”妮可·羅賓</a></li> ? ? ? ? ? ? ? ? ? ? ? ?<li><a href="#" rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" >“改造人”弗蘭奇</a></li> ? ? ? ? ? ? ? ? ? ? ? ?<li><a href="#" rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" >“靈魂之王”布魯克 </a></li> ? ? ? ? ? ? ? ? ? ?</ul> ? ? ? ? ? ? ? ? ? ?<img src="images/chengyuan.jpg" /> ? ? ? ? ? ? ? ?</div> ? ? ? ? ? ?</div> ? ? ? ?</div> ? ? ? ?<div id="footer"> ? ? ? ? ? ?<p>底部信息</p> ? ? ? ?</div> ? ?</div></body></html>12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
源碼鏈接：https://yunjunet.cn/584142.html
