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

相关文章

zookeeper端口说明及介绍

《zookeeper端口说明及介绍》:本文主要介绍zookeeper端口说明,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、zookeeper有三个端口(可以修改)aVNMqvZ二、3个端口的作用三、部署时注意总China编程结一、zookeeper有三个端口(可以

Python中win32包的安装及常见用途介绍

《Python中win32包的安装及常见用途介绍》在Windows环境下,PythonWin32模块通常随Python安装包一起安装,:本文主要介绍Python中win32包的安装及常见用途的相关... 目录前言主要组件安装方法常见用途1. 操作Windows注册表2. 操作Windows服务3. 窗口操作

c++中的set容器介绍及操作大全

《c++中的set容器介绍及操作大全》:本文主要介绍c++中的set容器介绍及操作大全,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录​​一、核心特性​​️ ​​二、基本操作​​​​1. 初始化与赋值​​​​2. 增删查操作​​​​3. 遍历方

SpringBoot开发中十大常见陷阱深度解析与避坑指南

《SpringBoot开发中十大常见陷阱深度解析与避坑指南》在SpringBoot的开发过程中,即使是经验丰富的开发者也难免会遇到各种棘手的问题,本文将针对SpringBoot开发中十大常见的“坑... 目录引言一、配置总出错?是不是同时用了.properties和.yml?二、换个位置配置就失效?搞清楚加

前端如何通过nginx访问本地端口

《前端如何通过nginx访问本地端口》:本文主要介绍前端如何通过nginx访问本地端口的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、nginx安装1、下载(1)下载地址(2)系统选择(3)版本选择2、安装部署(1)解压(2)配置文件修改(3)启动(4)

如何使用Maven创建web目录结构

《如何使用Maven创建web目录结构》:本文主要介绍如何使用Maven创建web目录结构的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录创建web工程第一步第二步第三步第四步第五步第六步第七步总结创建web工程第一步js通过Maven骨架创pytho

Java Web实现类似Excel表格锁定功能实战教程

《JavaWeb实现类似Excel表格锁定功能实战教程》本文将详细介绍通过创建特定div元素并利用CSS布局和JavaScript事件监听来实现类似Excel的锁定行和列效果的方法,感兴趣的朋友跟随... 目录1. 模拟Excel表格锁定功能2. 创建3个div元素实现表格锁定2.1 div元素布局设计2.

HTML中meta标签的常见使用案例(示例详解)

《HTML中meta标签的常见使用案例(示例详解)》HTMLmeta标签用于提供文档元数据,涵盖字符编码、SEO优化、社交媒体集成、移动设备适配、浏览器控制及安全隐私设置,优化页面显示与搜索引擎索引... 目录html中meta标签的常见使用案例一、基础功能二、搜索引擎优化(seo)三、社交媒体集成四、移动

HTML input 标签示例详解

《HTMLinput标签示例详解》input标签主要用于接收用户的输入,随type属性值的不同,变换其具体功能,本文通过实例图文并茂的形式给大家介绍HTMLinput标签,感兴趣的朋友一... 目录通用属性输入框单行文本输入框 text密码输入框 password数字输入框 number电子邮件输入编程框

HTML img标签和超链接标签详细介绍

《HTMLimg标签和超链接标签详细介绍》:本文主要介绍了HTML中img标签的使用,包括src属性(指定图片路径)、相对/绝对路径区别、alt替代文本、title提示、宽高控制及边框设置等,详细内容请阅读本文,希望能对你有所帮助... 目录img 标签src 属性alt 属性title 属性width/h