学生HTML个人网页作业作品下载个人主页博客网页设计制作大学生个人网站作业模板 dreamweaver简单个人网页制作

最新推荐文章于 2023-12-22 10:05:49 发布

原创

最新推荐文章于 2023-12-22 10:05:49 发布 · 置顶 · 1.8w 阅读

104 ·

CC 4.0 BY-SA版权

文章标签：

#html #css #javascript #网页设计 #dreamweaver

大学生个人主页网页设计作品下载

作品介绍
截图演示
代码演示
作品源地址

作品介绍

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