admin 管理员组

文章数量: 1087135


2024年5月8日发(作者:webrtc搭建教程)

《Web程序设计》实验教学大纲

一、课程基本情况

课程代码:10411

课程名称(中/英文):Web程序设计/Web Programming

课程类别:专业核心课程

学分:3.0

总学时:48

理论学时:32

实验/实践学时:16

适用专业:数据科学与大数据技术

适用对象:本科

先修课程:Java程序设计、数据结构、计算机网络与通信

教学环境:多媒体教室、黑板、粉笔

开课学院:计算机与信息工程学院

二、课程简介

《Web程序设计》是数据科学与大数据科学专业的一门专业基础课程,主要介绍Web程序

设计的基本原理和技术、JSP程序设计基础和JSP程序开发工具使用等Web程序设计有关方法和

技术。通过课程学习,使学生掌握开发JSP程序的基础知识和方法,具备B/S架构软件设计、开

发和维护的能力,能够开发中小型Web应用程序。

为了响应思政课程进课堂的要求,通过设计《中国近现代史纲要》课程网站,采取分模块在

实验中实现的方式进行,使学生不仅掌握Web程序设计技术,提高Web程序设计能力,而且可

以增强学生自身的个人素质和爱国情怀和政治素质,使其具有较强爱国主义情怀和社会责任感,

具有较强信息安全意识。

三、实验项目及学时安排

序号

1

2

3

4

5

6

7

8

实验/实践项目名称

静态网页设计

简单JSP网页设计

内置对象应用

JSP访问数据库

Javabean的使用

Servlet的使用

过滤器的使用

EL与JSTL的使用

合计

四、实验内容

实验一 静态网页设计实验

实验目的:掌握HTML网页的编写方法,进一步加深理解Web的工作原理,为即将学习JSP

实验

学时

2

2

2

2

2

2

2

2

16

实验

类型

每组

人数

1

1

1

1

1

1

1

1

实验

要求

必做

必做

必做

必做

必做

必做

必做

必做

对应的课程

教学目标

1,2

1,2,3

2,3,6

2,3,6

2,3,6

2,3,6

2,3,6

2,3,6

设计性

设计性

设计性

设计性

设计性

设计性

设计性

设计性

技术打下基础。

实验设备:PC机一台并安装配置好JDK、Eclipse、Tomcat、MySql、SqlYog等Web程序设

计所需要的开发环境和软件;能够上网查阅资料和文献。

实验主要内容及步骤:

实验1.1 第一个HTML文件

实验内容:编写第一个HTML网页,网页内容显示“Hello Web程序设计”,并有背景图片。

实验步骤:

(1)编写“Hello Web程序设计”网页;

(2)为网页背景添加一副美丽的风景画。

实验1.2 使用CSS控制表格设计出课程表

实验内容:编写一个网页,内容为本学期本班的课程表,并使用CSS设计课程表的显示样式

实验步骤:

(1)编写一个网页,内容为课程表表格;

(2)使用CSS美化课程表表格;

(3)使用CSS控制表格,表格行背景颜色随鼠标移动而改变。

实验1.3 使用DIV+CSS布局设计个人主页

实验内容:设计个人主页,使用DIV+CSS的方式进行页面布局。

实验步骤:

(1)构思个人主页的版面布局;

(2)使用DIV+CSS技术设计出构思好的个人主页。

实验1.4 设计简单的综合考评系统登录页面

实验内容:设计简单的综合考评系统登录页面,包括用户名、密码、登录按钮等内容。

实验步骤:

(1)构思综合考评系统登录页面的版面布局;

(2)编码实现综合考评系统登录页面。

实验1.5 使用Javascript进行前端验证

实验内容:设计简单的用户注册页面,其中包括“请输入密码”和“请再次输入密码”两个

文本框,使用Javascript对“请输入密码”和“请再次输入密码”两个文本框的内容进行验证,

如果两个文本框的内容不一样则显示“两次输入的密码不一致!”对话框。

实验步骤:

(1)设计简单的用户注册页面,其中包括“请输入密码”和“请再次输入密码”两个文本

框;

(2)使用Javascript对“请输入密码”和“请再次输入密码”两个文本框的内容进行验证,

如果两个文本框的内容不一样则显示“两次输入的密码不一致!”对话框。

实验1.6 《中国近现代史纲要》课程网站页面布局与配色设计

实验内容:查阅资料和需求采集,完成《中国近现代史纲要》课程网站的结构设计、相关页

面布局、配色和美化等。

实验步骤:

(1)设计好《中国近现代史纲要》课程网站的网站结构和页面布局;

(2)对《中国近现代史纲要》课程网站的页面进行配色设计和美化。

实验二 简单JSP网页设计实验

实验目的:掌握在JSP页面中使用JSP标签;掌握JSP变量和方法的声明、JSP表达式、JSP

程序段的使用方法。


本文标签: 课程 实验 设计