网页设计说明书 (2).doc

PAGE

PAGE

计算机程序设计综合实践

PAGE1

交通运输系

计算机程序设计综合实践教学

系

统

开

发

说

明

书

学号：

学号：

姓名：黄蕴莹贺海燕蒋雪梅

班级：铁运四班

题目：网站设计入门

指导教师：陈东廖健刘意朱虹宇王正彬沈丽萍

计算机程序设计综合实践

PAGE19

计算机程序设计综合实践

目录TOC\o1-3\h\z\u

1. 网站概述设计 2

1.1. 项目背景与意义 2

1.1.1. 项目背景 2

1.1.2. 项目意义 2

1.2. 相关技术与开发工具介绍 2

2. 网站总体设计 3

2.1. 需求分析 3

2.1.1. 功能需求 3

2.2. 用户界面需求 4

2.3. 概要设计 4

2.3.1. 软件结构设计 4

2.3.2. 数据库分析与设计 5

2.4. 网站的总体规划 5

3. 详细设计 6

3.1. 网站主体的设计 6

3.2. 主页设计 6

3.3. 功能模版的设计 7

3.3.1. 各个模板界面设计 7

3.3.2. 各模板界面间的衔接设计 11

3.4. 代码设计 11

3.4.1. 管理登录 11

3.4.2. 留言板 11

3.4.3. 日期 16

4. 网站的更新维护 17

5. 总结与展望 17

5.1. 当前存在的问题和今后开发的方向 17

5.2. 心得与体会 18

网站概述设计

项目背景与意义

项目背景

随着网络技术的发展，许多的人们都通过上网来打发无聊的时间，所以在网上发布一些消息，同学们很快就会知道。网站制作为校内事务的传达和通知提供了方便。所以本次暑期计算机实习，我们组所选的题目是第十个网站设计入门。主要任务是根据相关资料及老师要求设计出一个我系的系网。要求外形越美观越精致越好。

项目意义

我们学习就是为了获得知识，现在我们学习了网站设计，当然就是要能做一个精美的网站。在此次网站设计中，我们要能更加的了解网页设计工具强大的功能和更好的使用它。诚然，在此次改进我们的系网主页，一方面是为了完成我们的作业，但更重要的是把我们所学到的东西用在具体的实践之中，所以，这次设计的目的也是要我们更好的掌握和使用网页设计工具和技术，以便提高对网页知识的更深层了解。第三点也是最要的一点是，把我们在书本上学到的知识充分运用到此次设计之中。使我们的在书上学到的东西不仅仅停留在表面上，把这些东西都用在所要做的网页上面。以达到老师要求的效果和学以致用。

相关技术与开发工具介绍

Microsfotdreamwear是一款可视化的网页设计和网站管理工具，支持必威体育精装版的Web技术，包含HTML检查、HTML格式控制、HTML格式化选项、可视化网页设计、图像编辑、全局查找替换、全FTP功能、处理Flash等媒体格式和动态HTML、给予团队的Web创作。

Adobephotoshop是由美国Adobe公司开发的图象设计及处理软件，以其强大的功能备受用户的青睐。它是一个集图像扫描、编辑修改、图像制作、广告创意、图像合成、图像输入/输出、网页制作于一体的专业图形处理软件。

Flash

Flash是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。通常，使用Flash创作的各个内容单元称为应用程序，即使它们可能只是很简单的动画。您也可以通过添加图片、声音、视频和特殊效果，构建包含丰富媒体的Flash应用程序。Flash特别适用于创建通过Internet提供的内容，因为它的文件非常小。Flash是通过广泛使用矢量图形做到这一点