欢迎光临散文网 会员登陆 & 注册

HTML期末大作业~ 大话西游之大圣娶亲电影4页面 ~学生网页设计作业源码(HTML+CSS+JS)

2022-09-24 20:27 作者:ChatGPT云炬学长  | 我要投稿

临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板?等等一系列问题。你想要解决的问题,在这篇博文中基本都能满足你的需求~

原始HTML+CSS+JS页面设计, web大学生网页设计作业源码,这是一个不错的网页制作,画面精明,非常适合初学者学习使用。

<h 作品介绍>

1.网页作品简介方面 :HTML期末大学生网页设计作业 ,喜欢的可以下载,文章页支持手机PC响应式布局。主要有:首 页,角色介绍,幕后花絮,影片评价 等总共 5 个页面html下载。

2.网页作品编辑方面:此作品为学生个人主页网页设计题材,代码为简单学生水平 html+css 布局制作,作品下载后可使用任意HTML编辑软件(例如:DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm 所有编辑器均可使用)

3.网页作品布局方面:网页布局整体为LOGO、导航、主体内容布局。子页面多种布局,兴趣爱好内容使用图片列表布局,成绩页面插入了表格,联系我们使用图片对齐方式设置了左对齐。

4.网页作品技术方面:使用CSS制作了网页背景图、鼠标经过及选中导航变色效果、下划线等。 首页制作了留言表单,同时简单使用JavaScript制作了表单判断(提交时表单不能为空)

 一、作品演示

2.角色介绍

3.幕后花絮

4.影片评价

二、代码目录

三、代码实现

<!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" >首&nbsp;&nbsp;&nbsp;&nbsp;页</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" >影片评价</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>&nbsp;</p>            <h2>《大话西游之大圣娶亲》简介</h2>            <p>《大话西游之大圣娶亲》(又名《大话西游之仙履奇缘》)是周星驰彩星电影公司1994年制作和出品的一部经典的无厘头搞笑爱情片,改编依据是吴承恩所撰写的神怪小说《西游记》,该片是《大话西游》系列的第二部,由刘镇伟导演,技安编剧,周星驰制作,周星驰、朱茵、莫文蔚、蔡少芬、陆树铭、吴孟达等人主演。</p>            <p>该片主要讲述了至尊宝为了救白晶晶而穿越回到五百年前,遇见紫霞仙子之后发生一段感情并最终成长为孙悟空的故事。该片于1995年2月4日在香港首映并入围第十五届香港电影金像奖最佳编剧奖和最佳男主角奖,周星驰凭借该片获得第一届香港电影金紫荆奖最佳男主角奖和第二届香港电影评论学会奖最佳男主角奖。</p>            <p>&nbsp;</p>            <h2>剧情介绍</h2>            <div></div>            <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;紫霞和青霞原是佛祖缠在一起的灯芯,两人前世斗争激烈。紫霞夺走了至尊宝的月光宝盒,又在他的脚上印下了3颗痣。紫霞要至尊宝带她走,牛魔王要纳紫霞为妾,而牛的妹妹牛香香也要嫁至尊宝,一时乱作一团。铁扇公主也赶来和牛魔王杀在一起。牛魔王擒回紫霞逼迫她与他成亲,被绑在一旁的唐僧流下了同情的泪水。至尊宝拿起金箍套在头上,他便不再是凡人了。孙悟空驾云来到牛府,要救唐僧一行去西天取经。</div>            <p>&nbsp;</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>版权所有:《大话西游之大圣娶亲》</p>            <p>All Rights Reserved</p>        </div>        <div class="clear"></div>    </div></body></html>

HTML期末大作业~ 大话西游之大圣娶亲电影4页面 ~学生网页设计作业源码(HTML+CSS+JS)的评论 (共 条)

分享到微博请遵守国家法律