Web编程基础实验技术应用与设计报告.pdfVIP

学院数计学院出卷系签名

制卷份数专业文化班级编号

江汉大学2013——2014学年第二学期

考试试卷

课程编号：课程名称：Web技术基础

试卷类型：A√B卷考试形式：开、闭卷考试时间：分钟

题号—二三四五六七八总分总分人

得分

班级：网络班学号：112208206130：

应用本门课程所学内容制作出一个功能完备的Web作品，要求用到如下技术，并对设计步骤做简要说明：

1.页面布局（可根据具体设计采用以下一种或多种页面布局技术：表格、框架、CSS+Div）。

2.文本应用（要求在网页中输入文本，进行文本属性设置，设置网页标题、文本大小、文本颜色、文本

对齐方式等）

3.超的应用（要求在网页中要创建文本、E-mail、命名锚记、文件等）。

4.CSS样式表的应用（要求在网页中要应用到CSS样式表）。

5.表单的应用（要求在网页中要创建表单，表单对象并设置其属性，包括文本框、框、单选按

钮、复选框、文件上传框、下拉选择框、提交按钮和重置按钮等）。

6.JavaScript行为的应用(要求在网页中创建常见类型的行为,如行为的显示隐藏层、启用浏览器窗口等)。

7.Spry构件的应用（要求在网页中创建使用spry表单验证,如,spry验证文本域、spry验证、spry验

证确认、spry验证单选按钮等）。

步骤说明：

在本次Web大作业中，我主要完成了三个页面的设计：第一个页面是Login

登录界面，第二个页面是newuser界面，第三个是index主界面。在以上

这三个页面的实现中，我用到了老师要求的7点技术。

第一个页面：

我实现了用户登录的功能，通过输入正确的登录和，用户可以进

入主界面；在登录界面的右下角有一行用蓝色字体划横线的字“新用户”，

用户可以通过单击此处，跳转到界面，完成相应的信息输入，即可成

功。

注：如果用户没有输入和，系统会提示错误：

第二个页面：

我实现了新用户的功能，在这里新用户需要填写一些基本信息，如果

新用户填写的信息不满足要求，系统会提示错误：

第三个页面：（由于本页面较长，所以截图分为三部分）

这是我的主界面，上面划分有不同的模块，比如名言警句、优美散文、常用

和个人成就，有也有文字。在主界面上我运用了一些效果行为设计，下面

我来叙述一下。

1.当鼠标移动至“主页“、”日志“等字上时，字体颜色会变化，颜色由白色

变为红色。

2.当鼠标单击我的卡通人物下方的时，会出现增大/收缩、挤压、

晃动、显示/渐隐、滑动和遮帘6种不同的效果

3.在“常用“这里我设置了超

4.启用浏览器窗口效果，当打开网页index.html的同时，启动新窗口

myself.html，启动窗口宽度800px，窗口高度500px。

总结：

我的Web作品是基于老师要求的7点技术层面上，增加了自己的想法进

去，实现了一个功能完善的Web作品。在Web编程基础这门课上，我投入了

很多时间和精力，因为把网页制作学好，在课堂上我认真听讲，遇到不懂

的知识我会及时上网查资料，在我努力把握好上机实践的每一分钟，我

知道只有通过不断地实践才能真正的学好这门技术。我在馆也借阅了相关

书籍，利用课余时间在寝室自己看书练习，说在这门课上的学到了不

少知识，更重要的是我也对网页制作方面产生了，这对以后我们做论

文、