HTML5期末大作业:动漫人物介绍网站设计——柯南(5页) 含报告 HTML+CSS+JavaScript dw网页设计 web网页设计与开发

本文主要是介绍HTML5期末大作业:动漫人物介绍网站设计——柯南(5页) 含报告 HTML+CSS+JavaScript dw网页设计 web网页设计与开发,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

HTML5期末大作业:动漫人物介绍网站设计——柯南(5页) 含报告 HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码

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

作品介绍

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

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

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

文章目录

  • HTML5期末大作业:动漫人物介绍网站设计——柯南(5页) 含报告 HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码
  • 作品介绍
  • 一、作品展示
  • 二、文件目录
  • 三、代码实现
  • 四、学习资料
  • 五、👇🏻👇🏻👇🏻更多源码👇🏻👇🏻👇🏻

一、作品展示

作品为部分截图

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>柯南网</title>
<link rel="stylesheet" type="text/css" href="css/common.css"/>
<script type="text/javascript" src="js/rotation.js"></script>
</head><body><div class="container"><div class="wrapper"><div class="header"><a href="index.html"><img src="images/header.jpg"/></a></div><div class="nav"><a href="index.html">柯南首页</a><a href="view1.html">剧情简介</a><a href="view2.html">人物简介</a><a href="view3.html">播出信息</a><a href="view4.html">影迷留言</a></div><div class="main"><div id="focus" class="focus">               <ul id="focus_image" class="focus_image" ><li class="current"><a href="view1.html"><img src="images/focus1.jpg"/></a></li><li><a href="view2.html"><img src="images/focus2.jpg"/></a></li></ul>                <ul id="focus_button" class="focus_button"><li class="on"></li><li></li></ul></div><div class="line"><a href="view1.html"><img src="images/view1.jpg"/></a><h3><a href="view1.html">剧情简介</a></h3><p><a href="view1.html">高中生侦探工藤新一是全国著名的高中生侦探,和青梅竹马的同学毛利兰一同去游乐园玩的时候,目击了黑衣男子的可疑交易现场。只顾偷看交易的工藤新一,却忽略了从背后接近的另一名同伙,不幸被团伙成员发现,击晕后喂了神奇的药水,工藤新一变回了小孩!新一找到了经常帮助他的阿笠博士,博士为他度身打造不少间谍武器。如果让那些家伙知道工藤新一还活着的话,不仅性命难保,还会危及身边的人。为了防止犯罪团伙对他进行报复,在阿笠博士的建议下新一决定隐姓埋名,暗中追查他们,希望能得到解药。一日,新一的女友毛利兰来到了阿笠博士的家寻找男友的下落,被小兰撞见的新一情急之下编造了自己名叫江户川柯南,为了搜集那些家伙的情报,随后柯南寄住在父亲以侦探为业的小兰家。为了揭露那些家伙的真面目,小小侦探江户川柯南开始大显身手!</a></p></div><div class="item"><a href="view2.html"><img src="images/view2.1.jpg"/></a><h3><a href="view2.html">江户川柯南</a></h3><p><a href="view2.html">江户川柯南外表看似小孩,其真实身份是高中生侦探——工藤新一。和青梅竹马的同学毛利兰一起去游乐园玩,目击到黑衣男子的可疑交易现场,被灌下开发中的药物,变成了小学生的身体。那天以后,为了隐藏真实身份,化名江户川柯南,在青梅竹马的毛利兰家寄住的同时,解决了许多案件。一切都是为了恢复自己的身体。在阿笠博士的提议下,寄住于小兰的父亲毛利小五郎家中,解决各种案件的同时秘密调查黑衣组织。</a></p></div><div class="item"><a href="view2.html"><img src="images/view2.2.jpg"/></a><h3><a href="view2.html">工藤新一</a></h3><p><a href="view2.html">工藤新一崇拜夏洛克·福尔摩斯的高中生侦探。5月4日出生,17岁。帝丹高中2年级B班。特长是足球,头脑清醒出众。和青梅竹马的小兰一起去游乐园时,遇到了黑衣男子的交易现场,被组织灌下正在开发中的毒药“APTX4869”,此后,就断开了联系。还是高中1年级学生的时候和目暮警官等人相识。之后寻求阿笠博士的帮助,在阿笠博士的提议下,寄住于小兰的父亲、私家侦探毛利小五郎家中,秘密调查黑衣组织。</a></p></div><div class="list"><a href="view3.html"><img src="images/view3.jpg"/></a><h3><a href="view3.html">播出信息</a></h3><p><a href="view3.html">当地时间1996年1月8日19:30,该片在读卖电视台首播。2003年起,该片以“返场特别篇”和“数字修复特别版”的形式,每年重播多集曾播出过的剧集。第11集重播时,还一同播出了青山刚昌的采访影像。2008年10月20日起,读卖电视台开播了“动画☆7”版块,该版块内播出的节目仍旧是《小双侠》和《名侦探柯南》,但不局限于已有的2个30分钟节目的框架。同日起,读卖电视台连续3周播出《名侦探柯南》1小时特别篇。2009年4月4日起,该片播出时间移动至当地时间每周六18时。2014年起,电视播出的字幕形式作了更改。2016年1月9日、16日,该片于当地时间17:30播出新年特别篇《柯南与海老藏歌舞伎十八番之谜》。当地时间2019年1月5日、12日17:30,该片播出特别篇《红色的修学旅行》。</a></p></div></div><div class="footer">Copyright @ 2021 conan.com All Rights Reserved. 柯南网 版权所有</div></div></div></body>
</html>

四、学习资料

web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
在这里插入图片描述


五、👇🏻👇🏻👇🏻更多源码👇🏻👇🏻👇🏻

这篇关于HTML5期末大作业:动漫人物介绍网站设计——柯南(5页) 含报告 HTML+CSS+JavaScript dw网页设计 web网页设计与开发的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/230204

相关文章

Python将博客内容html导出为Markdown格式

《Python将博客内容html导出为Markdown格式》Python将博客内容html导出为Markdown格式,通过博客url地址抓取文章,分析并提取出文章标题和内容,将内容构建成html,再转... 目录一、为什么要搞?二、准备如何搞?三、说搞咱就搞!抓取文章提取内容构建html转存markdown

在React中引入Tailwind CSS的完整指南

《在React中引入TailwindCSS的完整指南》在现代前端开发中,使用UI库可以显著提高开发效率,TailwindCSS是一个功能类优先的CSS框架,本文将详细介绍如何在Reac... 目录前言一、Tailwind css 简介二、创建 React 项目使用 Create React App 创建项目

vue使用docxtemplater导出word

《vue使用docxtemplater导出word》docxtemplater是一种邮件合并工具,以编程方式使用并处理条件、循环,并且可以扩展以插入任何内容,下面我们来看看如何使用docxtempl... 目录docxtemplatervue使用docxtemplater导出word安装常用语法 封装导出方

Spring Boot + MyBatis Plus 高效开发实战从入门到进阶优化(推荐)

《SpringBoot+MyBatisPlus高效开发实战从入门到进阶优化(推荐)》本文将详细介绍SpringBoot+MyBatisPlus的完整开发流程,并深入剖析分页查询、批量操作、动... 目录Spring Boot + MyBATis Plus 高效开发实战:从入门到进阶优化1. MyBatis

Python基于wxPython和FFmpeg开发一个视频标签工具

《Python基于wxPython和FFmpeg开发一个视频标签工具》在当今数字媒体时代,视频内容的管理和标记变得越来越重要,无论是研究人员需要对实验视频进行时间点标记,还是个人用户希望对家庭视频进行... 目录引言1. 应用概述2. 技术栈分析2.1 核心库和模块2.2 wxpython作为GUI选择的优

JSON Web Token在登陆中的使用过程

《JSONWebToken在登陆中的使用过程》:本文主要介绍JSONWebToken在登陆中的使用过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录JWT 介绍微服务架构中的 JWT 使用结合微服务网关的 JWT 验证1. 用户登录,生成 JWT2. 自定义过滤

一文教你如何将maven项目转成web项目

《一文教你如何将maven项目转成web项目》在软件开发过程中,有时我们需要将一个普通的Maven项目转换为Web项目,以便能够部署到Web容器中运行,本文将详细介绍如何通过简单的步骤完成这一转换过程... 目录准备工作步骤一:修改​​pom.XML​​1.1 添加​​packaging​​标签1.2 添加

使用Python实现获取网页指定内容

《使用Python实现获取网页指定内容》在当今互联网时代,网页数据抓取是一项非常重要的技能,本文将带你从零开始学习如何使用Python获取网页中的指定内容,希望对大家有所帮助... 目录引言1. 网页抓取的基本概念2. python中的网页抓取库3. 安装必要的库4. 发送HTTP请求并获取网页内容5. 解

利用Python开发Markdown表格结构转换为Excel工具

《利用Python开发Markdown表格结构转换为Excel工具》在数据管理和文档编写过程中,我们经常使用Markdown来记录表格数据,但它没有Excel使用方便,所以本文将使用Python编写一... 目录1.完整代码2. 项目概述3. 代码解析3.1 依赖库3.2 GUI 设计3.3 解析 Mark

Vue中组件之间传值的六种方式(完整版)

《Vue中组件之间传值的六种方式(完整版)》组件是vue.js最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用,针对不同的使用场景,如何选择行之有效的通信方式... 目录前言方法一、props/$emit1.父组件向子组件传值2.子组件向父组件传值(通过事件形式)方