学生HTML个人网页作业作品下载网站设计——大圣娶亲电影(4页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕设

最新推荐文章于 2023-01-10 11:38:02 发布

二挡起步

最新推荐文章于 2023-01-10 11:38:02 发布

阅读量672

点赞数

文章标签： html5 jquery bootstrap css3 javascript

本文链接：https://blog.csdn.net/m0_65484028/article/details/127832368

版权

这是一份HTML5期末大作业，展示了学生设计的响应式大圣娶亲电影主题个人网页，包含4页内容，使用HTML+CSS+JavaScript实现。作品支持手机和PC的响应式布局，涵盖了Div+CSS、鼠标滑过特效、导航栏、表单、多媒体元素等多种技术。提供完整源码供下载学习。

摘要由CSDN通过智能技术生成

HTML5期末大作业：学生HTML个人网页作业作品下载网站设计——大圣娶亲电影(4页) HTML+CSS+JavaScript 学生DW网页设计作业成品

作品介绍

1.网页作品简介 ：HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。

2.网页作品编辑：作品下载后可使用任意HTML编辑软件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改网页）。

3.网页作品技术：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频、音频元素、Flash，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。

文章目录

HTML5期末大作业：学生HTML个人网页作业作品下载网站设计——大圣娶亲电影(4页) HTML+CSS+JavaScript 学生DW网页设计作业成品
作品介绍
一、作品展示
二、文件目录
三、代码实现
四、完整源码

一、作品展示

在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现


<!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" />
<title>确认订单</title>
<link href="css/default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="css/jquery.js"></script>
<link href="css/sub.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="header">
  <div class="top_img">
    <div class="logo"><a href="#"><img src="images/logo.gif" width="300" height="80" /></a></div>
    <div class="rx"><img src="images/topad.gif" width="500" height="100" /></div>
    <div class="top_nav">
      <p><a href="#"> 快速订票系统入口</a> </p>
      <p><a href="#"> 最新优惠活动中心</a></p>
    </div>
    <div class="clear"></div>
  </div>
  <div class="menu">
    <ul>
      <li id="a1"><a href="index.html">首　页</a></li>
      <li id="a2"> <a href="websj.html">热门影片</a></li>
      <li id="a3"><a href="case.html">正在热映</a></li>
      <li id="a4"><a href="product.html">即将上映</a></li>
      <li id="a5"><a href