web实验报告课案

中国矿业大学计算机学院

2012 级本科生课程报告

课程名称 Web技术

学生姓名 周鹏

学 号

专 业 计科 13-5班

任课教师 赵莹

报告时间 2015.11.12

任课教师评语

实验成果评价

评价项目评分标准评价对课程的基础理论掌握很好地掌握了本课程的基础理论较好地掌握了本课程的基础理论一般地掌握了本课程的基础理论基础理论知识掌握不够坚实对课程知识应用能力的掌握很好地将所学的相关知识应用到WEB程序开发中较好地将所学的相关知识应用到WEB程序开发中一般地将所学的相关知识应用到WEB程序开发中将所学的相关知识应用到WEB程序开发中的能力不足实验成果评价全部实验成果运行效果很好全部实验成果运行效果较好1-2个实验成果运行效果不理想1-2个实验成果无法运行实验成果和报告工作量实验成果及报告内容比较充实，工作量较大实验成果及报告内容完整，工作量大实验成果及报告内容基本完整，工作量一般实验成果及报告内容有欠缺，工作量不足

各实验成果评分

实验成果一二三总分分值252550得分

成 绩： 任课教师签字：

年 月 日

目 录

实验一、静态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数据库实验5

3.1、实验要求6

3.2、实验目的6

3.3.1、实验内容6

3.3.2、设计步骤6

3.4、设计心得12

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

1.1、实验要求

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

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

3、练习使用Web页面开发工具。(MyEclipse、Dreamwear、VS.NET或其它)

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、设计步骤

搭建平台

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

主题选择

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

网页搭建

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

报告撰写

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

1.4、设计心得

在去年的课程里就接触过Eclipse，而通过本次实验，我对Eclipse又有了进一步的认识。做了这次实验之后，我对各个网页的大体结构和HTML语法有了一定的了