《web标准网站设计》课程设计任务书2

Web技术(jsp)课程设计任务书设计题目:火车站售票管理系统设计主要内容:一、开发平台：DREAMWEAVER/ECLIPSE+SQLSEVER2000/MYSQL二、功能要求：1、设计内容设计一个火车站售票管理系统，该系统的用户由一般用户和管理员组成，然后不同的用户拥有不同的权限，各自完成各自的管理功能，首先是欢迎页面，然后选择登录，登录的时候首先要判断用户的身份，合法的用户然后进入到系统主页面中，不同的用户看到不同的系统功能。

用sql server2000创建后台数据库，然后利用程序设计语言（JSP）编写程序实现对数据库的操作，按照要求完成所有的功能和模块。

2、火车站售票管理系统主要功能（1）用户管理：用户登录页面、班次信息查询页面（按照一定条件查询）、旅客订票页面、客户资料登记页面（包括添加、修改、删除等操作）、取票通知页面。

（2）管理员管理：管理员登录页面、班次信息页面（包括添加、修改、删除等操作）、旅客信息查询页面（按照一定条件查询，包括删除、修改）、取票通知页面（包括添加、修改、删除等操作），帐单页面。

3、火车站售票管理系统数据库表单（可以按照需求增加）（1）航班信息表表单，主要字段有：班次号、出发时间、到达时间、出发城市、到达城市、途径城市、站票价格、硬座价格、卧铺价格、备注（2）旅客订票信息表单，主要字段有：用户名、证件号码、联系方式、班次号、订票数目（3）取票通知表单，主要字段有：用户名、证件号码、联系方式（4）帐单表单：用户名、证件号码、班次号、座位号、金额（5）用户信息表单，主要字段有：用户名、密码、证件号码、联系方式、用户类别三、课程设计报告主要内容：1、需求分析：包括系统概述，具体分析，用户需求等需求描述2、系统概要设计：包括系统用例图、系统结构图、数据定义3、详细设计：包括系统设计方案，类图4、具体实现：界面实现和代码实现5、课程设计体会：6、参考文献：按正确格式列出3篇以上的参考文献撰写者：审定：尹朝庆目录1、需求分析： (4)、系统概述： (4)、具体分析： (4)、用户需求： (4)2、系统概要设计： (4)、系统用例图： (5)、系统结构图： (6)、数据库定义： (7)3、详细设计： (9)、数据处理封装图： (9)、系统设计： (10)4、具体设计： (11)、界面设计： (11)、用户合同管理界面： (11)、用户注册界面： (12)、用户合同内容查询界面： (13)、管理员发货界面： (13)、管理员产品入库界面： (14)、系统核心代码： (15)、用户注册核心代码： (15)、用户查询核心代码： (16)、产品更新核心代码： (18)5、课程设计体会： (19)参考文献： (20)1需求分析1.1.系统概述为方便广大网民的购票需求，特制定此系统，公司借助此系统来处理售票事务，其应完成的功能如下：◆火车站基本网站管理◆用户管理◆火车车次信息管理◆购票管理系统采用B/S架构1.2.具体分析B/S前台具体分析：◆火车站基本网站管理：此系统包括新闻导航、公司简介和一些可扩展内容供所有用户浏览。

基于web标准的网页设计与制作教学设计项目背景现在的网页设计和制作已经不只是简单的HTML和CSS代码堆叠了，它涉及到了前端开发框架、响应式设计、用户体验等等诸多领域，而这些领域都有着严谨的web标准，也就是说只有掌握了web标准，才能够在网页设计和制作中发挥更大的作用。

因此，本项目旨在通过基于web标准的网页设计与制作，为学员提供一种能够快速、全面掌握网页设计技能的教学方法。

课程目标本课程的主要目标是为学生提供基于web标准的网页设计与制作的实战训练，让学生掌握：1.HTML语言的基本结构和标签使用2.CSS样式表的数量和层次关系组织3.以web标准为指导思想，完成一个响应式网站的开发4.前端框架的选择和使用课程安排第一周课程介绍•学习目标和课程安排•网页设计和制作的发展历程和趋势•web标准及其重要性介绍HTML与CSS基本语法•HTML元素、标签•CSS层叠属性和样式优先级•HTML文档结构和基本语法•CSS样式表的基本结构和使用方法课后作业完成一个简单网站的HTML和基本CSS样式设计。

第二周HTML与CSS进阶语法•HTML表单元素及其属性•CSS盒子模型、浮动、定位•响应式设计的基本原理和方法•媒体查询的使用课程项目•针对上周作业页面进行优化•完成企业网站的响应式设计•运用前端框架课后作业完成一个企业网站的响应式设计。

第三周前端开发框架•Bootstrap介绍及其基本使用•Sass介绍及其基本使用实战项目•以Bootstrap和Sass为例，完成一个现代化的响应式网站的开发课后作业完成一个现代化响应式网站的开发。

第四周课程总结•review本课程的核心知识点•分享同学的项目经验•讲解如何自我学习和拓展前端技术期末项目运用以上所学知识，完成一个综合性项目设计（选题自选）。

课程评估本课程将采取100分制的考核方式，具体分配如下：•HTML与CSS基本语法总结报告：10分•企业网站的响应式设计：30分•现代化响应式网站的开发：30分•综合性项目设计：30分结束语本课程以web标准为指导思想，突破传统的网页设计和制作教学，让学员从零开始学习web技术，系统化地掌握web网页开发的整个过程。

3.1.3兴趣爱好
这个子网页采用的是YUI中的Paginator:Getting started with Paginator JS控件，可以在网页中插入文字图片，并有翻页效果。
每个人的兴趣爱好可以有很多，如果采用流式布局则会显得很冗杂，于是我采用了这个JS控件，让游客可以对每一个感兴趣的栏目进行浏览，不会产生疲劳。另外我将图片大小调节同意大小，并添加在每个框架中，这样可以使整个网页布局不会产生太大波动。
2.3系统总框图
2.4 设计网站
首部的LOGO，这个区域揭示了整个网站的主旨，所以这一部分的图片和内容必须设计得很精。然后是左下区域的座右铭，座右铭体现了个人的性格和修养以及价值观，这一部分布局必须清晰明了。最后是右下部分的其他，为了使网页看起来简洁明了，我在这一部分添加了一个单独的图片作为一个DIV。
E-R图
数据库表
数据字典：
Id：每个留言一个id，主键，非空
Title：每个留言一个title，可以为空
Tentent：每个留言一个内容，可以为空
Time：每个留言一个时间，可以为空
Ip：每个留言一个ip，一个ip可以对应多个留言
Huifu：每个留言对应一个管理员回复，可以为空
总结
在这次课程设计中，我再一次巩固了对HTML静态网页和ASP动态网页的设计制作方法，特别是对HTML网页已经较为熟练的掌握了。并且我对CSS样式文件和JS脚本文件的使用也有了更深的了解。
3.1.2个人简历
这个页面依旧使用了黄色的主色调，顶部是蓝色，与个人信息想呼应。主题是大海，个人简历就像鱼儿在海中的经历一样，这也和个人简历的风格想呼应。
左上角我添加了一个时钟空间，并添加了一个可以游动的鱼，点击之后可以快速返回主页，这条小鱼是使用JS代码和GIF动图完成的，和整个大海的风格比较融合。另外我在网页底部添加了固定的BOTTOM页脚，主要内容也是跟海有关，为的也是和主题融合。

网站设计任务书
主题：“我美丽的家乡--清远”
课程名称：网页设计与制作
学号
姓名：
班级：
一、基本素材的收集
1、网页背景：用ps 处理图片。

2、flash：自已制作或下载。

3、风景图片：在百度图片下载，后根据网页制作需要，用ps处理。

二、网站的基本结构介绍
网站栏目
※首页：主要介绍家乡的基本信息；
※美食广场：主要介绍家乡的特色美食；
※著名人物：主要介绍了家乡著名人物；
※家乡特色：主要介绍家乡特产及公厕文化；
※名胜古迹：主要介绍家乡的旅游景点。

网站目录结构
一级页面页面部局（举例）
二级页面页面布局（举例）
三、设计要求
1、网页设计要求每人一题，设计要求独立完成。

2、每个网站以index.htm作为主页。

站点的栏目必须多于5个，总页面不
少于10个。

3、适当地使用表格、框架或层进行网页布局，运用网页特效和CSS样式以
美化网页。

4、网页中要插入图片、flash动画（声音、视频：根据需要而定）等多媒
体元素，要求使用Photoshop对图像进行简单处理。

要自己设计一个LOGO。

5.网站文件结构和网页层次结构要清晰，确保各网页之间链接流畅。

为不
同的栏目或板块设立单独的子目录，在网站的根目录和子目录下有自己的图片保存文件夹：Images
欢迎您的下载，
资料仅供参考！
致力为企业和个人提供合同协议，策划案计划书，学习资料等
等
打造全网一站式需求。