Web实验报告专业课程设计.doc

Web前端技术试验汇报

课程名称：Web前端技术
试验名称：课程设计
系别班级：
学生姓名：
学生学号：
指导老师：

一、试验目标
经过一学期所学，制作一个网站作为课程设计，能基础满足试验纲领要求。
二、内容及要求
1、 综合利用html、CSS、javascript进行课程设计，专题不限。
2、 作品尽可能支持原创。
三、试验原理
1.在index.html里
标题栏：利用了javascript制作了一个定时器完成了自动手动切换。
导航栏：应用无序列表，去掉列表符；设置悬浮；制作级联菜单等隐藏功效；设置超链接至其它网页。利用iframe链接至主页面。
2.home.html里
内容栏：左边一栏：第一模块利用javascript更改style背景颜色，设置了一个数组。第二模块制作表单并加入了大量函数，选择循环语句进行判定和提交并作出提醒语句。第四模块制作超链接并将列表项换成图片。
右边一栏：进行样式设置等，下面制作了一个选项卡，经过设置函数等，统计上一步操作oldobj，在鼠标移动到上面时自动统计。
3.在lesson.html里
进行样式设置
4.在prompation.html里设置了悬浮时部分操作，起到放大镜效果，
5.在contact.html里制作了一个表单
四、试验步骤
1.明确需求，掌握要做什么，并画出框架图，理清思绪。
2.在网上下载所需图片和文本介绍，并分清各模块内容。
3.构建各网页框架，设置好样式和属性。
4.正式往框架内敲入代码，实现各项功效函数等。
5.页面调整和优化，设置自适应。
6.对页面美观进行加工。
7.对代码进行封装，进行标注和分块。
五、 试验代码
1、 Index.html

味道扬州

nmouseout="startChageImg()">3
class="main_right">