大学生个人主页网页设计制作

• 作品介绍
• 截图演示
• 代码演示
• 作品来源

作品介绍

此作品为学生个人主页网页设计题材，代码为简单学生水平 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;
}

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>

作品来源

www.stu-works/html/geren/348.html