点击上方“蓝字”,关注我们.
案例介绍
此作品为学生个人主页网页设计题材,代码为简单学生水平 DIV CSS布局制作,整个作品由主页、个人历程、兴趣爱好、学业成绩、联系我们共5页组成,作品下载后可使用任意HTML编辑软件(例如:DW、HBuilder、NotePAD等软件)编辑修改为个人信息。
网页作品布局方面:网页布局整体为LOGO、导航、主体内容布局。子页面多种布局,兴趣爱好内容使用图片列表布局,成绩页面插入了表格,联系我们使用图片对齐方式设置了左对齐。
网页作品技术方面:使用CSS制作了网页背景图、鼠标经过及选中导航变色效果、下划线等。首页制作了留言表单,同时简单使用JavaScript制作了表单判断(提交时表单不能为空)
截图演示
以下为网页作品首页截图
代码演示
JavaScript代码:为保障作品的原创性,以下仅展示首页部分代码供参考
function beforeSubmit(form){
if(form.name.value==''){
alert('姓名不能为空!');
form.name.focus();
return false;
}
if(form.tel.value==''){
alert('联系方式不能为空!');
form.tel.focus();
return false;
}
1
2
3
4
5
6
7
8
9
10
11
HTML代码:为保障作品的原创性,以下仅展示首页部分代码供参考
<div class="menu">
<ul>
<li class="this"><a href="index.html" >网站首页a>li>
<li><a href="licheng.html" >成长历程a>li>
<li><a href="xingqu.html" >兴趣爱好a>li>
<li><a href="chengji.html" >学业成绩a>li>
<li><a href="lianxi.html" >联系方式a>li>
ul>
div>
<div class="title"><i>i>个人介绍div>
<div class="left">
<img src="images/me.jpg">
div>
<div class="right">
<p>
<br>
HI,欢迎访问我的个人网站,我是ABC,今年18岁,出生于2002年8月8日,射手座。<br>
我的爱好是滑板、小提琴、游泳、柔道。
p>
div>
更多请关注小编继续了解,免费赠送网页设计作业源代码哦!
如需要精品网页设计作业和毕业设计作品
联系QQ:2656895362进行咨询
网站地址: http://www.85work.com/ 扫码关注最新动态更多精彩,点击下方“