HTML+CSS大作业: 个人介绍网页制作作业 大学生简单个人静态HTML网页设计作品 DIV布局个人介绍网页模板代码 DW学生个人博客网站制作成品下载

article/2025/11/10 16:51:44

HTML5期末大作业:个人介绍网站设计——个人博客(6页) 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期末大作业:个人介绍网站设计——个人博客(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码
  • 作品介绍
  • 一、作品展示
  • 二、文件目录
  • 三、代码实现
  • 四、学习资料
  • 五、​​​​​​​ 👇🏻👇🏻👇🏻更多源码👇🏻👇🏻👇🏻

一、作品展示

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

二、文件目录

在这里插入图片描述

三、代码实现


<html>
<head><title>郭晓翠2013570012</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="css/style.css" tppabs="css/style.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#0094e9" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="text-align:center;"><!-- Save for Web Slices (未标题-1) -->
<table id="__01" width="990" height="813" border="0" cellpadding="0" cellspacing="0" style="margin:0px auto; text-align:left;"><tr><td colspan="7"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="swflash.cab#version=7,0,19,0" tppabs="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="990" height="91"><param name="movie" value="flash/flash.swf" tppabs="flash/flash.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><embed src="flash/flash.swf" tppabs="flash/flash.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="990" height="91" wmode="transparent" ></embed></object></td><td><img src="../../../www.foreseebio.com/bishe/blog13/images/index.htm" tppabs="http://www.foreseebio.com/bishe/blog13/images/" width="1" height="91" alt=""></td></tr><tr><td colspan="7" width="990" height="31" class="nav"><a href="index.html" tppabs="index.html" class="hover">网站首页</a><a href="Templates/wdgq.html" tppabs="Templates/wdgq.html">我的过去</a><a href="Templates/wdxz.html" tppabs="Templates/wdxz.html">我的现在</a><a href="Templates/wdjl.html" tppabs="Templates/wdjl.html">我的将来</a><a href="Templates/lxfs.html" tppabs="Templates/lxfs.html">联系方式</a><a href="Templates/xqtc.html" tppabs="Templates/xqtc.html">兴趣特长</a></td><td><img src="../../../www.foreseebio.com/bishe/blog13/images/index.htm" tppabs="http://www.foreseebio.com/bishe/blog13/images/" width="1" height="31" alt=""></td></tr><tr><td colspan="7"><img src="images/index_03.png" tppabs="images/index_03.png" width="990" height="30" alt=""></td><td><img src="../../../www.foreseebio.com/bishe/blog13/images/index.htm" tppabs="http://www.foreseebio.com/bishe/blog13/images/" width="1" height="30" alt=""></td></tr><tr><td colspan="5"><img src="images/index_04.png" tppabs="images/index_04.png" width="686" height="329" alt=""></td><td rowspan="5"><img src="images/index_05.png" tppabs="images/index_05.png" width="26" height="607" alt=""></td><td valign="top" class="zqc"><p>我坚信,青春并不仅仅意味着年龄或身体的年轻。只有终生恪守青年时代的信念,矢志不移,孜孜以求,才是真正的青春的光彩。</p><p>不要幻想人生一帆风顺,首先要培养敏锐地洞察人世、社会百态的能力。知识是一种力量。切不可轻易妥协、苟且偷生,而应该用勇气和智慧与社会搏斗,在艰难困苦的磨砺中成长。人间、社会确实矛盾重重,必须解决的问题堆积如山。但是,倘若把一切都归咎于人世,就没有真正意义上的自我成长。</p></td><td><img src="../../../www.foreseebio.com/bishe/blog13/images/index.htm" tppabs="http://www.foreseebio.com/bishe/blog13/images/" width="1" height="329" alt=""></td></tr><tr><td colspan="5"><img src="images/index_07.png" tppabs="images/index_07.png" width="686" height="29" alt=""></td><td><img src="images/index_08.png" tppabs="images/index_08.png" width="278" height="29" alt=""></td><td><img src="../../../www.foreseebio.com/bishe/blog13/images/index.htm" tppabs="http://www.foreseebio.com/bishe/blog13/images/" width="1" height="29" alt=""></td></tr><tr><td rowspan="2"><img src="images/index_09.png" tppabs="images/index_09.png" width="221" height="221" alt=""></td><td rowspan="3"><img src="images/index_10.png" tppabs="images/index_10.png" width="18" height="249" alt=""></td><td><img src="images/index_11.png" tppabs="images/index_11.png" alt="" width="142" height="212" usemap="#Map2" border="0"></td><td><img src="images/index_12.png" tppabs="images/index_12.png" alt="" width="153" height="212" usemap="#Map3" border="0"></td><td><img src="images/index_13.png" tppabs="images/index_13.png" alt="" width="152" height="212" usemap="#Map4" border="0"></td><td><img src="images/index_14.jpg" tppabs="images/index_14.jpg" alt="" width="278" height="212" border="0" usemap="#Map"></td><td><img src="../../../www.foreseebio.com/bishe/blog13/images/index.htm" tppabs="http://www.foreseebio.com/bishe/blog13/images/" width="1" height="212" alt=""></td></tr><tr><td colspan="3" rowspan="2"><img src="images/index_15.png" tppabs="images/index_15.png" width="447" height="37" alt=""></td><td rowspan="2"><img src="images/index_16.png" tppabs="images/index_16.png" width="278" height="37" alt=""></td><td><img src="../../../www.foreseebio.com/bishe/blog13/images/index.htm" tppabs="http://www.foreseebio.com/bishe/blog13/images/" width="1" height="9" alt=""></td></tr><tr><td><img src="images/index_17.png" tppabs="images/index_17.png" width="221" height="28" alt=""></td><td><img src="../../../www.foreseebio.com/bishe/blog13/images/index.htm" tppabs="http://www.foreseebio.com/bishe/blog13/images/" width="1" height="28" alt=""></td></tr><tr><td colspan="7" width="990" height="54" align="center" style="background:#e2e2e2; border-bottom:5px solid #0095e7;"><!-- #BeginLibraryItem "/Library/banquan.lbi" --> 广州医学院深圳职业技术学院教学点<!-- #EndLibraryItem -->		<td></tr>
</table>
<!-- End Save for Web Slices --><map name="Map"><area shape="rect" coords="53,137,237,198" href="#"  target="_blank"><area shape="rect" coords="42,46,243,130" href="Templates/lxfs.html" tppabs="Templates/lxfs.html">
</map><map name="Map2"><area shape="rect" coords="5,12,137,203" href="Templates/wdxz.html" tppabs="Templates/wdxz.html">
</map><map name="Map3"><area shape="rect" coords="10,9,148,208" href="Templates/wdxz.html" tppabs="Templates/wdxz.html">
</map><map name="Map4"><area shape="rect" coords="7,8,147,209" href="Templates/xqtc.html" tppabs="Templates/xqtc.html">
</map>
<embed autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" src="music/music.mp3" tppabs="music/music.mp3">
</body>
</html>

四、学习资料

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


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


http://chatgpt.dhexx.cn/article/uqmcgFfA.shtml

相关文章

个人博客网站建设详细版

前言&#xff1a;在讲个人博客&#xff0c;我要向机灵鹤大佬致以最高的敬意&#xff01;感谢他提出的技术指导&#xff0c;本章我将以我犯的错误一步步讲述。 1. 购买服务器 我是在阿里购买的服务器&#xff0c;因为我是一名学生的原因我通过认证学生身份参加了阿里云高校计划…

HTML5+CSS大作业——清新春暖花开个人博客网站(6页)

HTML5CSS大作业——清新春暖花开个人博客网站(6页) 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄…

大学生个人网页设计 HTML个人网页制作 web个人网站模板 简单静态HTML个人网页作品

&#x1f389;精彩专栏推荐&#x1f447;&#x1f3fb;&#x1f447;&#x1f3fb;&#x1f447;&#x1f3fb; ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 &#x1f482; 作者主页: 【主页——&#x1f680;获取更多优质源码】 &#x1f393; web前端期末大作业…

SpringBoot注解详解

一、简介 基于 SpringBoot 平台开发的项目数不胜数&#xff0c;与常规的基于Spring开发的项目最大的不同之处&#xff0c;SpringBoot 里面提供了大量的注解用于快速开发&#xff0c;而且非常简单&#xff0c;基本可以做到开箱即用! 那 SpringBoot 为开发者提供了多少注解呢?…

Spring常用注解详解大全(建议收藏)

SuppressWarnings(“deprecation”)**就表示我们忽略了deprecation这样的一个警告。 JDK注解作用总结&#xff1a; Override 表示当前方法覆盖了父类的方法 Deprecation 表示方法已经过时,方法上有横线&#xff0c;使用时会有警告。 SuppviseWarnings 表示关闭一些警告信息…

Spring注解开发详解

学习基于注解的 IOC 配置&#xff0c;大家脑海里首先得有一个认知&#xff0c;即注解配置和 xml 配置要实现的功能都是一样的&#xff0c;都是要降低程序间的耦合。只是配置的形式不一样。 关于实际的开发中到底使用xml还是注解&#xff0c;每家公司有着不同的使用习惯 , 所以这…

spring注解注入详解

1、Spring配置 <?xml version"1.0" encoding"UTF-8"?> <beans xmlns"http://www.springframework.org/schema/beans" xmlns:xsi"http://www.w3.org/2001/XMLSchema-instance"xmlns:context"http://www.springframe…

Spring @Order注解详解

注解Order的作用是定义Spring容器加载Bean的顺序。 源码 Retention(RetentionPolicy.RUNTIME) Target({ElementType.TYPE, ElementType.METHOD, ElementType.FIELD}) Documented public interface Order {/*** The order value.* <p>Default is {link Ordered#LOWEST_PR…

Spring注解详解:@ComponentScan自动扫描组件使用

目录 无注解方式component-scan使用 注解方式ComponentScan使用 ComponentScan的扫描规则 无注解方式component-scan使用 之前&#xff0c;我们需要扫描工程下一些类上所标注的注解&#xff0c;这些常用注解有&#xff1a; Controller,Service,Component,Repository 通过在…

Spring注解详解

一、Spring注解驱动开发入门 spring在2.5版本引入了注解配置的支持&#xff0c;同时从Spring 3版本开始&#xff0c;Spring JavaConfig项目提供的许多特性成为核心Spring框架的一部分。因此&#xff0c;可以使用Java而不是XML文件来定义应用程序类外部的bean。在这里面官方文档…

Spring常用注解的详细介绍(包你学明白)

目录 1. 为什么要使用注解&#xff1f; 2. 什么是注解&#xff1f; 3. 在Spring中使用注解的前期准备 4. Component注解的详细介绍 5. Value注解的详解介绍 6. Autowired注解的详细介绍 7. Resource注解的详细介绍 8. 怎么选择基于xml还是基于注解的方式创建对象并赋值呢…

Spring中的注解详细介绍

注&#xff1a;标颜色的需要重点掌握 一、Spring原始注解&#xff1a; Spring原始注解主要代替<bean>标签的配置。 1. Component 说明&#xff1a;使用在类上用于实例化Bean 2. Repository 说明&#xff1a;使用在dao层类上用于实例化…

isnumeric_Python字符串isnumeric()

isnumeric Python String isnumeric() function returns True if all the characters in the string are numeric, otherwise False. If the string is empty, then this function returns False. 如果字符串中的所有字符均为数字&#xff0c;则Python String isnumeric&#x…

isdigit isdecimal isnumeric 区别

一、代码测试 num "1" #unicode num.isdigit() # True num.isdecimal() # True num.isnumeric() # Truenum "1" # 全角 num.isdigit() # True num.isdecimal() # True num.isnumeric() # Truenum b"1" # byte num.isdigit() # True n…

StringUtils.isNumeric使用

网上查"java 判断字符串为数字"阅资料&#xff0c;大部分资料都在讲字符串转为整数的情况&#xff0c;很少资料提及关于负数和小数的情况&#xff0c;最终决定采用StringUtils.isNumberic这个方法差别&#xff0c; 在测试导出时发现有报错&#xff0c;用debug模块一…

Java 字符串的数字校验:isNumeric,isNumericSpace和正则表达式,对比分析

导读 数字类型的判断是项目里常见的场景&#xff0c;相比一大串的非空&#xff0c;instanceof 以及大于小于0的判断&#xff0c;我更倾向于使用工具类 StringUtils 或者 正则表达式 来实现功能&#xff0c;追求代码的简洁和高效。 你可能需要的博客&#xff1a; 正则表达式预编…

StringUtils.isNumeric(str)

在项目中遇到一处bug&#xff0c;调试的结果竟然是StringUtils.isNumeric(String str) 在捣鬼&#xff08;采用的是org.apache.commons.lang.StringUtils&#xff09;&#xff0c;下面的代码是判断一个参数非空&#xff0c;且为整数&#xff1a; if(StringUtils.isNumeric(str)…

第六十七章 SQL函数 ISNUMERIC

文章目录 第六十七章 SQL函数 ISNUMERIC大纲参数描述示例 第六十七章 SQL函数 ISNUMERIC 测试有效数字的数值函数。 大纲 ISNUMERIC(check-expression)参数 check-expression - 要计算的表达式。 ISNUMERIC返回SMALLINT数据类型。 描述 ISNUMERIC计算check-expression并…

isnumeric( )函数用法

isnumeric( )还是一个很实用的函数&#xff0c;在算法题目里面应该会有比较大的作用。 检测字符串是否只由数字组成&#xff0c;如果字符串中只包括数字&#xff0c;就返回Ture&#xff0c;否则返回False。 华为的一道算法题&#xff1a; 读入一个字符串str&#xff0c;输出字…

MAE:视觉自监督2021(原理+代码)

文章目录 前言一、MAE原理遮住95%的像素后&#xff0c;仍能还原出物体的轮廓&#xff0c;效果如图&#xff1a; 二、MAE测试代码1.models_mae.py1.1 self.forward_encoder1.2 self.forward_decoder1.3 loss self.forward_loss(imgs, pred, mask) 2.run_one_image 三、MAE升级版…