联系作者+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>
更多推荐
适合初学者的html个人博客网页设计作业带登录表单 hbuilder网页设计成品,dw网页设计成品模板
发布评论