HTML5期末大作業(yè)：電影介紹類型網(wǎng)站設(shè)計(jì)——《盜夢(mèng)空間》8頁(yè) (HTML+CSS+JavaScript)
作品介紹
1.網(wǎng)頁(yè)作品簡(jiǎn)介?：HTML期末大學(xué)生網(wǎng)頁(yè)設(shè)計(jì)作業(yè) A+水平 ,喜歡的可以下載，文章頁(yè)支持手機(jī)PC響應(yīng)式布局。
2.網(wǎng)頁(yè)作品編輯：作品下載后可使用任意HTML編輯軟件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++?等任意HTML軟件編輯修改網(wǎng)頁(yè)）。
3.網(wǎng)頁(yè)作品技術(shù)：Div+CSS、鼠標(biāo)滑過特效、Table、導(dǎo)航欄效果、banner、表單、二級(jí)三級(jí)頁(yè)面等，視頻、 音頻元素 、Flash，同時(shí)設(shè)計(jì)了logo（源文件），基本期末作業(yè)所需的知識(shí)點(diǎn)全覆蓋。
一、作品展示
二、代碼實(shí)現(xiàn)：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
??
? <head>
? ? <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
? ? <link href="css/style.css" rel="stylesheet" />
? ? <title>
? ? </title>
? </head>
??
? <body>
? ? <embed src="music/music.mp3" width="0" height="0">
? ? </embed>
? ? <div class="con">
? ? ? <div class="head">
? ? ? ? <div class="logo">
? ? ? ? ? <h1>
? ? ? ? ? </h1>
? ? ? ? </div>
? ? ? ? <div class="nav">
? ? ? ? ? <ul>
? ? ? ? ? ? <li>
? ? ? ? ? ? ? <a href="index.htm">首 頁(yè)</a>
? ? ? ? ? ? </li>
? ? ? ? ? ? <li>
? ? ? ? ? ? ? <a href="page1.htm">迪士尼動(dòng)畫片</a>
? ? ? ? ? ? </li>
? ? ? ? ? ? <li>
? ? ? ? ? ? ? <a href="page2.htm">公司簡(jiǎn)介</a>
? ? ? ? ? ? </li>
? ? ? ? ? ? <li>
? ? ? ? ? ? ? <a href="page3.htm">發(fā)展過程</a>
? ? ? ? ? ? </li>
? ? ? ? ? ? <li>
? ? ? ? ? ? ? <a href="page4.htm">電影紀(jì)錄</a>
? ? ? ? ? ? </li>
? ? ? ? ? </ul>
? ? ? ? </div>
? ? ? ? <div class="clear">
? ? ? ? </div>
? ? ? </div>
? ? ? <div class="clear">
? ? ? </div>
? ? ? <div class="lunbo">
? ? ? ? <a href="#">
? ? ? ? ? <img src="images/d1.jpg" width="1024" />
? ? ? ? </a>
? ? ? </div>
? ? ? <div class="clear">
? ? ? </div>
? ? ? <div class="main">
? ? ? ? <h2>迪士尼影業(yè)</h2>
? ? ? ? <p>迪士尼電影公司是迄今為止唯一一家沒有被交易過的好萊塢大公司。迪士尼全稱為The Walt Disney Company，取名自其創(chuàng)始人華特·迪士尼，是總部設(shè)在美國(guó)的大型跨國(guó)公司，二十世紀(jì)三四十年代，依靠米老鼠起家，四十年代，涉足真人電影領(lǐng)域，先后收購(gòu)了獨(dú)立電影界巨頭米拉麥克斯、3D動(dòng)畫霸主皮克斯[1] 、動(dòng)漫巨頭漫威和盧卡斯影業(yè)之后[2] ，迪士尼更是鞏固了自己作為頂級(jí)電影公司的地位。</p>
? ? ? ? <h2>電影紀(jì)錄</h2>
? ? ? ? <div>
? ? ? ? ? <strong>世界上第一部全部對(duì)白動(dòng)畫片</strong>
? ? ? ? </div>
? ? ? ? <div>是1928年迪士尼繪制的動(dòng)畫片《蒸汽船威利 》(也譯作《威利汽船》，《威廉號(hào)汽艇》）。這部動(dòng)畫片于1928年11月18日在紐約首映，也是第一次向觀眾介紹米老鼠這一著名動(dòng)畫人物。 實(shí)際上，迪士尼在同年先完成了全部有聲對(duì)白動(dòng)畫片《飛機(jī)迷》，不過它發(fā)行于《蒸汽船威利》之后。</div>
? ? ? ? <p> </p>
? ? ? ? <p>
? ? ? ? </p>
? ? ? ? <p>
? ? ? ? </p>
? ? ? ? <p>
? ? ? ? </p>
? ? ? ? <h2>劇情劇照</h2>
? ? ? ? <div class="main_list">
? ? ? ? ? <ul>
? ? ? ? ? ? <li>
? ? ? ? ? ? ? <a href="#">
? ? ? ? ? ? ? ? <img src="images/q1.jpg" />
? ? ? ? ? ? ? </a>
? ? ? ? ? ? </li>
? ? ? ? ? ? <li>
? ? ? ? ? ? ? <a href="#">
? ? ? ? ? ? ? ? <img src="images/q2.jpg" />
? ? ? ? ? ? ? </a>
? ? ? ? ? ? </li>
? ? ? ? ? ? <li>
? ? ? ? ? ? ? <a href="#">
? ? ? ? ? ? ? ? <img src="images/q3.jpg" />
? ? ? ? ? ? ? </a>
? ? ? ? ? ? </li>
? ? ? ? ? ? <li>
? ? ? ? ? ? ? <a href="#">
? ? ? ? ? ? ? ? <img src="images/q4.jpg" />
? ? ? ? ? ? ? </a>
? ? ? ? ? ? </li>
? ? ? ? ? ? <li>
? ? ? ? ? ? ? <a href="#">
? ? ? ? ? ? ? ? <img src="images/q5.jpg" />
? ? ? ? ? ? ? </a>
? ? ? ? ? ? </li>
? ? ? ? ? ? <li>
? ? ? ? ? ? ? <a href="#">
? ? ? ? ? ? ? ? <img src="images/q6.jpg" />
? ? ? ? ? ? ? </a>
? ? ? ? ? ? </li>
? ? ? ? ? ? <li>
? ? ? ? ? ? ? <a href="#">
? ? ? ? ? ? ? ? <img src="images/q7.jpg" />
? ? ? ? ? ? ? </a>
? ? ? ? ? ? </li>
? ? ? ? ? ? <li>
? ? ? ? ? ? ? <a href="#">
? ? ? ? ? ? ? ? <img src="images/q8.jpg" />
? ? ? ? ? ? ? </a>
? ? ? ? ? ? </li>
? ? ? ? ? ? <li>
? ? ? ? ? ? ? <a href="#">
? ? ? ? ? ? ? ? <img src="images/q9.jpg" />
? ? ? ? ? ? ? </a>
? ? ? ? ? ? </li>
? ? ? ? ? ? <li>
? ? ? ? ? ? ? <a href="#">
? ? ? ? ? ? ? ? <img src="images/q10.jpg" />
? ? ? ? ? ? ? </a>
? ? ? ? ? ? </li>
? ? ? ? ? ? <li>
? ? ? ? ? ? ? <a href="#">
? ? ? ? ? ? ? ? <img src="images/q11.jpg" />
? ? ? ? ? ? ? </a>
? ? ? ? ? ? </li>
? ? ? ? ? ? <li>
? ? ? ? ? ? ? <a href="#">
? ? ? ? ? ? ? ? <img src="images/q12.jpg" />
? ? ? ? ? ? ? </a>
? ? ? ? ? ? </li>
? ? ? ? ? </ul>
? ? ? ? </div>
? ? ? </div>
? ? ? <div class="clear">
? ? ? </div>
? ? ? <div class="foot">
? ? ? ? <p>版權(quán)所有</p>
? ? ? ? <p>All Rights Reserved</p>
? ? ? </div>
? ? ? <div class="clear">
? ? ? </div>
? ? </div>
? </body>
</html>
