HTML学生个人网站作业设计:动漫网站设计——关于我转生史莱姆这件事(6页) HTML+CSS+JavaScript 简单DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载

本文主要是介绍HTML学生个人网站作业设计:动漫网站设计——关于我转生史莱姆这件事(6页) HTML+CSS+JavaScript 简单DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

一、作品介绍

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

2.作品编辑:作品下载后可使用任意HTML编辑软件(如:Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作)。

3.知识应用:技术方面主要应用了大学生网页课程中的: Div+CSS、鼠标滑过特效、Table、导航栏效果、Banner、表单、二级三级页面等,视频、 音频元素 、Flash,同时设计了Logo(源文件),基本期末作业所需的知识点全覆盖。

文章目录

  • 一、作品介绍
  • 二、作品演示
  • 三、代码展示
  • 四、戳下方👇🏻👇🏻👇🏻更多源码👇🏻👇🏻👇🏻

二、作品演示

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

三、代码展示

代码说明:以下仅展示部分代码供参考~

<!DOCTYPE html><head><meta charset="utf-8" /><title>个人网页设计</title><link href="css/style.css" rel="stylesheet" />
</head><body><div id="wrapper"><div id="header"><a href="#"><img src="images/logo.png" class="logo"/></a></div><div id="menu"><ul><li><a href="index.html">个人主页</a></li><li><a href="jieshao.html">故事介绍</a></li><li><a href="renwu.html">主要人物</a></li><li><a href="meitu.html">个人美图</a></li><li><a href="zhuce.html">注册用户</a></li><li><a href="liuyan.html">随笔留言</a></li></ul></div><div id="main"><div class="content"><ul class="list"><li><img src="images/zy1.jpg" /><h5>“草帽”蒙奇·D·路飞</h5><p>初次登场:漫画第1话 年龄:17岁→19岁 生日:5月5日 血型:F型 身高:172cm→174cm 身份:草帽 故乡:东海·风车村 ...</p><a href="#">详情...</a></li><li><img src="images/zy2.jpg" /><h5>“小贼猫”娜美</h5><p>初次登场:漫画第8话 年龄:18岁→20岁 生日:7月3日 血型:X型 身份:阿龙海贼团测量员→草帽 故乡:东海▪可可亚西村...</p><a href="#">详情...</a></li><li><img src="images/zy3.jpg" /><h5>“海贼猎人”罗罗诺亚·索隆</h5><p>初次登场:漫画第3话 年龄:19岁→21岁 生日:11月11日 血型:XF型 身份:东海海贼赏金猎人→草员 故乡:东海·霜月村...</p><a href="#">详情...</a></li><li><img src="images/zy4.jpg" /><h5>“GOD”▪乌索普</h5><p>初次登场:漫画第23话 年龄:17岁→19岁 生日:4月1日 血型:S型 身份:乌索普海贼团船长→狙击手 故乡:东海▪西罗普村...</p><a href="#">详情...</a></li></ul></div><div class="sidebar"><div class="denglu"><h2>用户登录</h2><p><span>账号:</span><input type="text" /></p><p><span>密码:</span><input type="password" /></p><div class="btn"><a href="#"><img src="images/denglu.png" /></a><a href="#"><img src="images/zhuce.png" /></a></div></div><div class="chengyuan"><h2>草帽海贼团成员</h2><ul><li><a href="#">“草帽”蒙奇·D·路飞</a></li><li><a href="#">“海贼猎人”罗罗诺亚·索隆</a></li><li><a href="#">“小贼猫”娜美</a></li><li><a href="#">“GOD”▪乌索普</a></li><li><a href="#">“黑足”山治</a></li><li><a href="#">“爱吃棉花糖的驯鹿”托尼托尼·乔巴</a></li><li><a href="#">“恶魔之子”妮可·罗宾</a></li><li><a href="#">“改造人”弗兰奇</a></li><li><a href="#">“灵魂之王”布鲁克 </a></li></ul><img src="images/chengyuan.jpg" /></div></div></div><div id="footer"><p>底部信息</p></div></div>
</body></html>

四、戳下方👇🏻👇🏻👇🏻更多源码👇🏻👇🏻👇🏻

这篇关于HTML学生个人网站作业设计:动漫网站设计——关于我转生史莱姆这件事(6页) HTML+CSS+JavaScript 简单DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



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

相关文章

详解Vue如何使用xlsx库导出Excel文件

《详解Vue如何使用xlsx库导出Excel文件》第三方库xlsx提供了强大的功能来处理Excel文件,它可以简化导出Excel文件这个过程,本文将为大家详细介绍一下它的具体使用,需要的小伙伴可以了解... 目录1. 安装依赖2. 创建vue组件3. 解释代码在Vue.js项目中导出Excel文件,使用第三

Java实现Excel与HTML互转

《Java实现Excel与HTML互转》Excel是一种电子表格格式,而HTM则是一种用于创建网页的标记语言,虽然两者在用途上存在差异,但有时我们需要将数据从一种格式转换为另一种格式,下面我们就来看看... Excel是一种电子表格格式,广泛用于数据处理和分析,而HTM则是一种用于创建网页的标记语言。虽然两

java图像识别工具类(ImageRecognitionUtils)使用实例详解

《java图像识别工具类(ImageRecognitionUtils)使用实例详解》:本文主要介绍如何在Java中使用OpenCV进行图像识别,包括图像加载、预处理、分类、人脸检测和特征提取等步骤... 目录前言1. 图像识别的背景与作用2. 设计目标3. 项目依赖4. 设计与实现 ImageRecogni

Java中Springboot集成Kafka实现消息发送和接收功能

《Java中Springboot集成Kafka实现消息发送和接收功能》Kafka是一个高吞吐量的分布式发布-订阅消息系统,主要用于处理大规模数据流,它由生产者、消费者、主题、分区和代理等组件构成,Ka... 目录一、Kafka 简介二、Kafka 功能三、POM依赖四、配置文件五、生产者六、消费者一、Kaf

Java访问修饰符public、private、protected及默认访问权限详解

《Java访问修饰符public、private、protected及默认访问权限详解》:本文主要介绍Java访问修饰符public、private、protected及默认访问权限的相关资料,每... 目录前言1. public 访问修饰符特点:示例:适用场景:2. private 访问修饰符特点:示例:

详解Java如何向http/https接口发出请求

《详解Java如何向http/https接口发出请求》这篇文章主要为大家详细介绍了Java如何实现向http/https接口发出请求,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 用Java发送web请求所用到的包都在java.net下,在具体使用时可以用如下代码,你可以把它封装成一

SpringBoot使用Apache Tika检测敏感信息

《SpringBoot使用ApacheTika检测敏感信息》ApacheTika是一个功能强大的内容分析工具,它能够从多种文件格式中提取文本、元数据以及其他结构化信息,下面我们来看看如何使用Ap... 目录Tika 主要特性1. 多格式支持2. 自动文件类型检测3. 文本和元数据提取4. 支持 OCR(光学

Java内存泄漏问题的排查、优化与最佳实践

《Java内存泄漏问题的排查、优化与最佳实践》在Java开发中,内存泄漏是一个常见且令人头疼的问题,内存泄漏指的是程序在运行过程中,已经不再使用的对象没有被及时释放,从而导致内存占用不断增加,最终... 目录引言1. 什么是内存泄漏?常见的内存泄漏情况2. 如何排查 Java 中的内存泄漏?2.1 使用 J

JAVA系统中Spring Boot应用程序的配置文件application.yml使用详解

《JAVA系统中SpringBoot应用程序的配置文件application.yml使用详解》:本文主要介绍JAVA系统中SpringBoot应用程序的配置文件application.yml的... 目录文件路径文件内容解释1. Server 配置2. Spring 配置3. Logging 配置4. Ma

Java 字符数组转字符串的常用方法

《Java字符数组转字符串的常用方法》文章总结了在Java中将字符数组转换为字符串的几种常用方法,包括使用String构造函数、String.valueOf()方法、StringBuilder以及A... 目录1. 使用String构造函数1.1 基本转换方法1.2 注意事项2. 使用String.valu