适合初学者的html个人博客网页设计作业带登录表单 hbuilder网页设计成品，dw网页设计成品模板

猿猿网页设计

已于 2022-11-28 17:47:42 修改

阅读量722

点赞数 1

分类专栏：个人博客文章标签： html css 前端 css3

于 2022-11-28 17:40:34 首次发布

本文链接：https://blog.csdn.net/u011955860/article/details/128083943

版权

个人博客专栏收录该内容

3 篇文章 0 订阅

订阅专栏

联系作者+V：lcxxg666

html5静态网页设计要是用HTML DIV+CSS JS等来完成页面的排版设计,一般的网页作业需要融入以下知识点：div布局、浮动、定位、高级css、表格、表单及验证、js轮播图、音频视频 Flash的应用、ul li、下拉导航栏、鼠标划过效果等知识点，学生网页作业源码可以去猿猿设计官网下载，制作水平和原创度都适合学习或交作业用，记得点赞；

一般html5静态网页设计作业主题有个人网页设计、美食网页设计、家乡网页设计、企业网页设计、学校、旅游网页设计、电商购物网页设计、宠物网页设计、茶叶、家居、酒店、舞蹈、动漫网页设计、明星、服装网页设计、体育网页设计、化妆品网页设计、物流、书籍、婚纱、军事网页设计、游戏网页设计、节日网页设计、环保网页设计、电影、摄影、文化网页设计、鲜花网页设计、礼品、汽车网页设计、其他等网页设计, 成品网页设计可以达到90分左右水平, 可满足大学生网页大作业网页设计需求, 喜欢的可以联系，我们也可以根据要求进行个性化定制。

网站效果图：

网页首页代码：

<!DOCTYPE html>
<!-- saved from url=(0053)index.html -->
<html lang="zh-CN"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>个人网站</title>
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>

<body>
<div class="index mg xi24">
	<div class="index_title mg2 txtr xi28 bai">I am <br>xieshunran</div>
	<div class="index_login mg2 xi28 cen"><a href="login.html">登录</a>/注册<br>Login/Enroll</div>
	<div class="index_menu1 mg2 txtr bai"><a href="index.html">首页<br>home</a></div>
	<div class="index_menu2 mg2 txtr bai"><a href="works.html">作品<br>works</a></div>
	<div class="index_menu3 mg2 txtr bai"><a href="skill.html">特长<br>special skill</a></div>
	<div class="index_menu4 mg2 txtr bai"><a href="contact.html">联系方式<br>contact way</a></div>
</div>


</body></html>

网页内容页


<!DOCTYPE html>
<!-- saved from url=(0055)contact.html -->
<html lang="zh-CN"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>个人网站</title>
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>

<body>
<div class="contacts mg xi28 cen">我的联系方式<br>my contact way </div>
<div class="contactc mg xi24">通过联系方式，无论是提出的问题还是有求于我都可以可以联系我， 我也会尽我所能的解答大家的问题</div>
<div class="contactx mg xi24">
	<ul>
		<li>qq:xxxxxxxxx</li>
		<li>微信:xxxxxxxxx</li>
		<li>电话:xxxxxxxxx</li>
		<li>微博:xxxxxxxxx</li>
	</ul>
</div>
<div class="login_back mg2"><a href="index.html"><img align="absmiddle" src="images/login_02.png"></a></div>


</body></html>

注册登录页


<!DOCTYPE html>
<!-- saved from url=(0053)login.html -->
<html lang="zh-CN"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>个人网站</title>
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>

<body style="background:#296c96;">
<div class="login mg2 cen">
	<div class="logins mg2 bai xi28"><a href="login.html">登录</a>/注册<br>Login/Enroll</div>
	<input name="" type="text" class="bd1 xi24" placeholder="昵称">
	<input name="" type="password" class="bd1 xi24" placeholder="密码">
	<input name="" type="password" class="bd1 xi24" placeholder="确认密码">
	<input name="" type="button" class="an1 cur tm xi24" value="登录">
</div>
<div class="login_back mg2"><a href="index.html"><img align="absmiddle" src="images/login_02.png"></a></div>


</body></html>