HTML期末大作業(yè)~ 大話西游之大圣娶親電影4頁面 ~學(xué)生網(wǎng)頁設(shè)計(jì)作業(yè)源碼(HTML+CSS+JS)
臨近期末, 你還在為HTML網(wǎng)頁設(shè)計(jì)結(jié)課作業(yè),老師的作業(yè)要求感到頭大？HTML網(wǎng)頁作業(yè)無從下手？網(wǎng)頁要求的總數(shù)量太多？沒有合適的模板？等等一系列問題。你想要解決的問題，在這篇博文中基本都能滿足你的需求~
原始HTML+CSS+JS頁面設(shè)計(jì), web大學(xué)生網(wǎng)頁設(shè)計(jì)作業(yè)源碼，這是一個(gè)不錯(cuò)的網(wǎng)頁制作，畫面精明，非常適合初學(xué)者學(xué)習(xí)使用。
<h 作品介紹>
1.網(wǎng)頁作品簡介方面?：HTML期末大學(xué)生網(wǎng)頁設(shè)計(jì)作業(yè) ,喜歡的可以下載，文章頁支持手機(jī)PC響應(yīng)式布局。主要有：首 頁，角色介紹，幕后花絮，影片評價(jià)?等總共 5 個(gè)頁面html下載。
2.網(wǎng)頁作品編輯方面：此作品為學(xué)生個(gè)人主頁網(wǎng)頁設(shè)計(jì)題材，代碼為簡單學(xué)生水平 html+css 布局制作，作品下載后可使用任意HTML編輯軟件（例如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm?所有編輯器均可使用）
3.網(wǎng)頁作品布局方面：網(wǎng)頁布局整體為LOGO、導(dǎo)航、主體內(nèi)容布局。子頁面多種布局，興趣愛好內(nèi)容使用圖片列表布局，成績頁面插入了表格，聯(lián)系我們使用圖片對齊方式設(shè)置了左對齊。
4.網(wǎng)頁作品技術(shù)方面：使用CSS制作了網(wǎng)頁背景圖、鼠標(biāo)經(jīng)過及選中導(dǎo)航變色效果、下劃線等。 首頁制作了留言表單，同時(shí)簡單使用JavaScript制作了表單判斷（提交時(shí)表單不能為空）
?一、作品演示
2.角色介紹
3.幕后花絮
4.影片評價(jià)
二、代碼目錄
三、代碼實(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="external nofollow" ?rel="stylesheet" /> ? ?<title>《大話西游》</title></head><body> ? ?<div class="con"> ? ? ? ?<div class="head"> ? ? ? ? ? ?<div class="logo"> ? ? ? ? ? ? ? ?<h1>《大話西游之大圣娶親》</h1> ? ? ? ? ? ?</div> ? ? ? ? ? ?<div class="nav"> ? ? ? ? ? ? ? ?<ul> ? ? ? ? ? ? ? ? ? ?<li><a href="index.htm" rel="external nofollow" >首 頁</a></li> ? ? ? ? ? ? ? ? ? ?<li><a href="page1.htm" rel="external nofollow" >角色介紹</a></li> ? ? ? ? ? ? ? ? ? ?<li><a href="page2.htm" rel="external nofollow" >幕后花絮</a></li> ? ? ? ? ? ? ? ? ? ?<li><a href="page3.htm" rel="external nofollow" >影片評價(jià)</a></li> ? ? ? ? ? ? ? ?</ul> ? ? ? ? ? ?</div> ? ? ? ? ? ?<div class="clear"></div> ? ? ? ?</div> ? ? ? ?<div class="clear"></div> ? ? ? ?<div class="lunbo"><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" ><img src="images/d1.jpg" ?width="1024"/></a></div> ? ? ? ?<div class="clear"></div> ? ? ? ?<div class="main"> ? ? ? ? ? ?<p> </p> ? ? ? ? ? ?<h2>《大話西游之大圣娶親》簡介</h2> ? ? ? ? ? ?<p>《大話西游之大圣娶親》（又名《大話西游之仙履奇緣》）是周星馳彩星電影公司1994年制作和出品的一部經(jīng)典的無厘頭搞笑愛情片，改編依據(jù)是吳承恩所撰寫的神怪小說《西游記》，該片是《大話西游》系列的第二部，由劉鎮(zhèn)偉導(dǎo)演，技安編劇，周星馳制作，周星馳、朱茵、莫文蔚、蔡少芬、陸樹銘、吳孟達(dá)等人主演。</p> ? ? ? ? ? ?<p>該片主要講述了至尊寶為了救白晶晶而穿越回到五百年前，遇見紫霞仙子之后發(fā)生一段感情并最終成長為孫悟空的故事。該片于1995年2月4日在香港首映并入圍第十五屆香港電影金像獎(jiǎng)最佳編劇獎(jiǎng)和最佳男主角獎(jiǎng)，周星馳憑借該片獲得第一屆香港電影金紫荊獎(jiǎng)最佳男主角獎(jiǎng)和第二屆香港電影評論學(xué)會獎(jiǎng)最佳男主角獎(jiǎng)。</p> ? ? ? ? ? ?<p> </p> ? ? ? ? ? ?<h2>劇情介紹</h2> ? ? ? ? ? ?<div></div> ? ? ? ? ? ?<div> 紫霞和青霞原是佛祖纏在一起的燈芯，兩人前世斗爭激烈。紫霞奪走了至尊寶的月光寶盒，又在他的腳上印下了3顆痣。紫霞要至尊寶帶她走，牛魔王要納紫霞為妾，而牛的妹妹牛香香也要嫁至尊寶，一時(shí)亂作一團(tuán)。鐵扇公主也趕來和牛魔王殺在一起。牛魔王擒回紫霞逼迫她與他成親，被綁在一旁的唐僧流下了同情的淚水。至尊寶拿起金箍套在頭上，他便不再是凡人了。孫悟空駕云來到牛府，要救唐僧一行去西天取經(jīng)。</div> ? ? ? ? ? ?<p> </p> ? ? ? ? ? ?<p></p> ? ? ? ? ? ?<p></p> ? ? ? ? ? ?<p></p> ? ? ? ? ? ?<h2>電影片段</h2> ? ? ? ? ? ?<div class="main_list"> ? ? ? ? ? ? ? ?<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" ><img src="images/q1.jpg" /></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" ><img src="images/q2.jpg" /></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" ><img src="images/q3.jpg" /></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" ><img src="images/q4.jpg" /></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" ><img src="images/q5.jpg" /></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" ><img src="images/q6.jpg" /></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" ><img src="images/q7.jpg" /></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" ><img src="images/q8.jpg" /></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" ><img src="images/q9.jpg" /></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" ><img src="images/q10.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>
