web实验报告分析

《Web技术》课程设计

中国矿业大学计算机学院

2012 级本科生课程报告

课程名称 Web技术

学生姓名 周鹏

学 号 08123336

专 业 计科 13-5班

任课教师 赵莹

报告时间 2015.11.12

《Web技术》课程设计

任课教师评语

实验成果评价

评价项目 评分标准 评价

对课程的基础理论掌握 很好地掌握了本课程的基础理论

较好地掌握了本课程的基础理论

一般地掌握了本课程的基础理论

基础理论知识掌握不够坚实

对课程知识应用能力的掌握 很好地将所学的相关知识应用到WEB程序开发中

较好地将所学的相关知识应用到WEB程序开发中

一般地将所学的相关知识应用到WEB程序开发中

将所学的相关知识应用到WEB程序开发中的能力不足

实验成果评价 全部实验成果运行效果很好

全部实验成果运行效果较好

1-2个实验成果运行效果不理想

1-2个实验成果无法运行

实验成果和报告工作量 实验成果及报告内容比较充实，工作量较大

实验成果及报告内容完整，工作量大

实验成果及报告内容基本完整，工作量一般

实验成果及报告内容有欠缺，工作量不足

各实验成果评分

实验成果 一 二 三 总分

分值 25 25 50

得分

成 绩： 任课教师签字：

年 月 日 《Web技术》课程设计

目 录

实验一、静态web页面设计实验 ............................................................................... 1

1.1、实验要求 .................................................................................................... 1

1.2、实验目的 .................................................................................................... 1

1.3、详细设计 .................................................................................................... 1

1.3.1、实验内容 ......................................................................................... 1

1.3.2、设计步骤 ......................................................................................... 1

1.4、设计心得 .................................................................................................... 2

实验二、动态web页面设计实验 ............................................................................... 3

2.1、实验要求 .................................................................................................... 3

2.2、实验目的 .................................................................................................... 3

2.3、详细设计与编码 ......................................................................................... 3

2.3.1、实验内容 ......................................................................................... 3

2.3.2、设计步骤 ......................................................................................... 3

2.4、设计心得 .................................................................................................... 5

实验三、Web数据库实验 ........................................................................................... 6

3.1、实验要求 .................................................................................................... 6

3.2、实验目的 .................................................................................................... 6

3.3.1、实验内容 ......................................................................................... 6

3.3.2、设计步骤 ......................................................................................... 6

3.4、设计心得 .................................................................................................. 12

《Web技术》课程设计

第 1 页 实验一、静态web页面设计实验

1.1、实验要求

1、使用HTML 5 开发Web静态页面。按照HTML 5的规范设计与开发网站。

2、练习HTML 5的新HTML5新特性和效果。

3、练习使用Web页面开发工具。（MyEclipse、Dreamwear、或其它）

4、完成实验报告和实验成果。

1.2、实验目的

1.配置Web(TOMCAT)服务器，了解Web工作原理。

2.熟悉常用HTML 5标记的含义，能够熟练使用这些标记设计静态Web页面，实现Web页面上的各种元素的合理布局，如表单、表格、图片以及框架等标记的使用。

3.了解 CSS样式表的定义和使用方法，能够使用CSS美化和布局Web页面。

4.掌握JavaSript脚本语言的基本语法。

5.能够使用JavaScript 与浏览器对象进行交互。

6.能够使用JavaSript处理表单和表单元素事件。

1.3、详细设计

1.3.1、实验内容

1.能够独立安装Web服务器,TOMCAT，理解Web服务器的常用配置，并利用其搭建网站，设计一组静态的网页，至少5个页面，其中包括1个注册页面。

2.利用CSS技术布局并美化页面。

3.使用JavaScript脚本对注册页面进行验证，防止错误数据输入。

4.使用一些JavaScript脚本实现网面部分内容的动态显示，加入时钟等（不限于此）。

1.3.2、设计步骤

（1）搭建平台

在搭建平台过程中，由于自己开始用Eclipse开发过简单的JSP，自己就首选了Eclipse，自己的Tomcat在开始是也都配置完成了，主要就是主题选用。

（2）主题选择

在着手写网页之前，自己先构思一下，具体要以什么为主题，写一个什么风格的网页，最终决定写一个以矿大考研为主题的网页。

（3）网页搭建

在开发中，因为开始开发JSP时只是很简单的功能，自己对HTML语法并不熟悉，在同学帮助下先，然后通过百度以及课件知识，一步一步往框架中添加各个元素，图片、链接、文本框等等，最终形成现在这个页面。

（4）报告撰写 《Web技术》课程设计

第 2 页 依照自己做实验过程，根据老师给的实验要求，将自己的这一流程记录而成。

1.4、设计心得

在去年的课程里就接触过Eclipse，而通过本次实验，我对Eclipse又有了进一步的认识。做了这次实验之后，我对各个网页的大体结构和HTML语法有了一定的了解，对于网页的页面的整体规划上也比开始好了很多。