HTML5期末大作业：电影网站设计——电影介绍(11页) 大学生电影网页作品电影网页设计作业模板学生网页制作源代码下载

最新推荐文章于 2024-09-08 11:09:50 发布

web领域优质创作者-网页设计

最新推荐文章于 2024-09-08 11:09:50 发布

阅读量4.7k

点赞数 1

分类专栏： HTML5期末大作业大学生毕业设计源码 web期末作业设计网页文章标签： html5 css3 css

本文链接：https://blog.csdn.net/m0_46321522/article/details/121215627

版权

这是一个HTML5期末大作业，设计了一个11页的电影网站，包括电影介绍，支持手机PC响应式布局。作品涵盖Div+CSS、鼠标特效、表单等HTML知识点，提供完整源码供下载学习。

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

HTML5期末大作业：电影网站设计——电影介绍(11页) 大学生电影网页作品电影网页设计作业模板学生网页制作源代码下载

常见网页设计作业题材有 个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

🧡作者主页-更多源码

🧡HTML期末大作业文章专栏

作品介绍

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

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

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

文章目录

HTML5期末大作业：电影网站设计——电影介绍(11页) 大学生电影网页作品电影网页设计作业模板学生网页制作源代码下载
作品介绍
一、作品展示
二、文件目录
三、代码实现
四、学习资料
五、完整源码
六、更多源码

一、作品展示

在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现



<!DOCTYPE html>
<html lang="en">
<head>  <meta charset="UTF-8">
<meta name="author" content="order by dede58.com/" />
  <title>Demo</title>

  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/index.css">
  <link rel="stylesheet" href="css/iconfont.css">
</head>
<body style=" height: 2000px; ">

  <!---------- 顶部页面 ---------->
  <div id="header">

    <!-- 最顶部 -->
    <div class="header-top">
      <div class="auto-width">
        <h1 class="logo fl"><a href="#"><img src="picture/logo.png" alt="#"></a></h1>
        <div class="search-box fl">
          <form action="#">
            <input type="text" class="fl search-text" placeholder="Search here...">
            <button class="fl search-btn">
              <i class="iconfont icon-search"></i>
            </button>
          </form>
          <div class="search-feedback">
            <span class="search-hot">今日热搜</span>
            <div class="search-menu">
              <a href="#" class="item item-cur">
                <span>1</span>
                <em>OverWatch</em>
              </a>
              <a href="#" class="item item-cur">
                <span>2</span>
                <em>电影知道答案</em>
              </a>
              <a href="#" class="item item-cur">
                <span>3</span>
                <em>S6</em>
              </a>
              <a href="#" class="item">
                <span>4</span>
                <em>夏目友人帐</em>
              </a>
              <a href="#" class="item">
                <span>5</span>
                <em>微小而确实的幸福</em>
              </a>
              <a href="#" class="item">
                <span>6</span>
                <em>神盾局特工</em>
              </a>
              <a href="#" class="item">
                <span>7</span>
                <em>天凉好个秋</em>
              </a>
            </div>
          </div>
        </div>
        <ul class="header-guide fr">
          <li class="guide-item download">
            <a href="#">
              <i class="iconfont icon-app"></i>
              <span>下载客户端</span>
            </a>
            <div class="guide-hover">
              <img src="picture/app-download.png" alt="#">
            </div>
          </li>
          <li class="guide-item login">
            <a href="#">登录/注册