网站开发技术综合训练

设计题目：学生学号：学生姓名：专业班级：指导教师：

茶馆网站制作 13540216 杨 阳 信息与计算科学2班 郭秀婷 摘要

如今，随着社会科学技术的发展，计算机和网络已经深入到了我们生活中的各个方面，成为了当代人民群众生活中不可缺少的一部分。个人网站以后就成为了我们个人的省份证件。特别是我们在去找工作，就没有必要带上厚厚的简历。只要我们把自己的网站平时维护好，记录了我们的平时成绩，个人奖励情况，个人的工作经验还有自己的特长介绍和自己的作品。让人知道我们的网址就把所有的事情办好了。

随着现代计算机科学的发展，网络如今成为了我们获取知识和信息的一种便捷工具，同时网络也提供了一种很好的信息交换平台，而个人主页是一个可以在网络上展示个人信息的方便手段。本文介绍了如何开发个人网站。

关键字：网站建设；个人主页；用户登录；用户注册

2

目 录

摘要 ................................................................................................................................................... 2 目 录 ........................................................................................................................................... 3 第1章 绪论...................................................................................................................................... 4 1.1 前言 .............................................................................................................................................. 4 第2章 开发环境简介 ...................................................................................................................... 5 2.1 WINDOWS 7环境下IIS7.5的安装与配置 ..................................................................................... 5 2.2 系统实现所需的软件 .................................................................................................................. 5 第3章 网站需求分析 ...................................................................................................................... 6 3．1 目标分析 .................................................................................................................................... 6 3.2 要求分析： .................................................................................................................................. 6 第4章 网站的开发与实现 ............................................................................................................... 7 4.1系统开发概述 ............................................................................................................................... 7 4.2数据库设计 ................................................................................................................................... 8 4.3 系统的实现 .................................................................................................................................. 9 第5章 网站测试 ............................................................................................................................ 15 5.1 系统使用说明 ............................................................................................................................ 15 5.2 系统性能分析 ............................................................................................................................ 16 参考文献 ......................................................................................................................................... 17 课程设计总结 .................................................................................................................................. 18

3

第1章 绪论

1.1 前言

现在是网络成熟并高速发展的时代，我们的生活离不开网络。网络如今成为了我们获取知识和信息的一种便捷工具，现在利用网络来学习工作的人们在不断的增多，网民数量在不断地增加，如何正确利用网络，如何正确了解和学习网络知识，是我们作为一名大学生迫切所需要的。

本学期所选修的“网站开发技术”课程，老师就从最基本的计算机和网络知识开始教起，虽然课程主要是有关网页设计的，但计算机的基础知识却也是很重要的。这对于我们这些非计算机专业的学生学习计算机很有帮助，作为信计专业的学生，以后用到计算机的用途很多，利用计算机来解决一些数学问题。老师把本次课程教学过程分为了基本知识讲解和上机具体操作巩固，课程前期一般是介绍基础知识，后半期基本上全是上机。下面，我就对具体的学习内容做一次汇总。

4

第2章 开发环境简介

2.1 windows 7环境下IIS7.5的安装与配置

这样一个IIS服务器就配置完成。

IIS是一个功能非常强大的Internet信息服务系统。IIS的可靠性、安全性、和可扩展性都非常好，并能很好的支持多个web站点，是用户首选的服务器系统。IIS提供了最简洁的方式来共享信息，建立并部署企业应用程序，以及建立个管理web上的网站，通过IIS用户可以轻松的测试、发布、应用和管理自己的web项和web站点。

以下说说在WIN 7环境下的IIS安装与配置。

首先打开控制面板-程序-打开或关闭windows功能-打开Internet信息服务，选择自己所需要的一切功能和服务，选好后点击确定，系统将会自动安装。 安装完成后单击控制面板-系统和安装-管理工具，在里面找到Internet信息服务管理器，打开。然后右击左边的“网站”-添加网站，在添加网站窗口中填写网站名称，物理路径，端口可随意设置，但是每个网站的端口不得相同，单击确定，一个网站就建立完成，单击网站图标在asp设计主页功能视图的IIS栏目可以看到asp这个图标。点进去，将调试属性-将错误发送到浏览器的值设为true，然后把行为-启用父路径也设置为true。退出单击目录浏览-启用。点击默认文档可以设置网站的主页。

2.2 系统实现所需的软件

网站编辑排版 Dreamweaver CS8、网页图像制作软件 Photoshop CS3 网页动画制作软件 Flash Access

5

第3章 网站需求分析

3．1 目标分析

设计一个以茶叶介绍为主题的网站！通过此网页设计掌握网站的制作流程；掌握网站的规划、设计、构建、测试.通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。

能力和目标：具备网站前期规划的能力；具备使用多种工具实现网站的设计， 构建和测试能力；具备网站的宣传能力；具备网站的管理和维护能力。

素质目标：具备网站整体的审美素质；具备将需求以及要表现的思想.创意，以最完美的视觉效果，最详尽的呈现方式表现出来。

3.2 要求分析：

理论要求：熟悉网页设计基本理论。

实践要求：按照网站的制作流程，依照软件基本技术，网站实例制作，设计技巧等三方面，完成网站的规划、设计、构建、测试。整个过程中注重对网页设计基础知识和技能的训练，学生的分析能力。

学生基本要求：学会自己分析问题，解决问题。

6

第4章 网站的开发与实现

4.1系统开发概述

4.1.1整体系统模块设计

该公司网站动静结合，分为2个动态页面，7个静态页面，展示了该网站首页、主页、主要产品、厂家直销、联系方式、会员注册登录、饮茶的好处、茶几与茶桌、特别展示等各个分部到网站的最近活动和留言板方面。

网站的结构模块描述如下

首页

主页 主要产品 厂家直销 登录界面 饮茶的好处 茶几与茶桌 特别展示 7

4.2数据库设计

4.2.1 数据库需求分析

根据系统需求分析和模块设计的要求，对于用户系统数据库，需要以下数据项和数据结构：

用户信息：用户名，性别，联系方式，用户密码，确认密码。 4.2.2 数据库逻辑设计

数据库包含的表：用户信息表。 下面分别介绍这个表的结构：

8

4.3 系统的实现

4.3.1 首页的实现

作用：美化网站，提高网页的浏览效率，页面以简单风格为主，背景以简洁图片为主。页面左边边有网站导航条，背景以半透明白色为主。冲该页面可以看出，该网站主要是功能饮料最优惠最合理建议网站，所以要简洁大方，不要太花哨。打开主页时可以看到关于功能饮料企业的介绍。

主页面部分代码如下：

9

10

黄山毛尖

11

最新活动

• （

•  

   

  意见反馈

  欢迎对本店提出建议和意见！

  12

  title=\

• Copyright ? 兰州茶叶责任有限公司

  4.3.3登录界面

  作用：实现用户登录。 页面截图如下：

  页面部分代码如下：

   

  4.3.4注册界面 页面截图如下：

  页面部分代码如下：

  无标题文档

  14

  Transitional//EN\

  第5章 网站测试

  5.1 系统使用说明

  本系统的使用环境为下：Web服务器采用的是Microsoft公司的IIS应用服务器，它是一个比较完善的、开放的Web应用服务器。它严格地遵循普遍流行的开放标准，在大型开发过程中较为适用。

  后台数据库采用的Microsoft Office Access 2003，它功能虽然比较小，

  15

  但在做中小企业的网站上毫不逊色，对以后维护网站得到有好的保证。

  运行环境：

  Windows XP IIS Access 2000

  5.2 系统性能分析

  本系统在测试和运行过程中。有以下几方面优点： 1. 界面友好，操作方便

  所有的子系统均采用统一的构架，对操作用户无特殊要求。管理员可以通过数据库进行数据的增删改，其操作方便快捷。

  2. 通用性好，扩展性强

  本系统可以适用于各种人群，具有优越的通用性能。 3. 验证系统不够严密

  由于时间和技术因素，本系统在验证方面存在着一定的问题，有待于进一步的解决。

  16

  参考文献

  【1】前沿科技 曾顺，精通CSS+DIV网页样式与布局 北京：人民邮电出版社，

  2007.8

  【2】王传华 段青灵 马钦，网页设计与制作技术教程（第2版）北京 清华大学出版社 2007.10

  【3】齐治昌、谭庆平等、《软件工程》[M] 高等教育出版社2004.4月

  17

  课程设计总结

  通过这次网页课程设计激发学习兴趣，调动学习的自觉性，自己动脑、动手，动口，运用网络资源，结合教材及老师的指导，通过自身的实践，创作出积聚个人风格、个性的个人网页。总体来说，整个学期的学习过程，我学会了很多知识，

  在设计网页的这几天里，我充分利用了这次设计的机会，全心全意投入到网页世界，去不断的学习，去不断的探索；同时去不断的充实，去不断的完善自我，在网络的天空下逐渐的美化自己的人生！ 做好页面，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。本次课程设计不是很好，页面过于简单，创新意识反面薄弱，这是我需要提高的地方。需要学的地方还有很多，需要有耐心、坚持，不断的学习，综合运用多种知识，才能设计出好的web页面。

  总体来说，通过这次的对网页课程设计，有收获也有遗憾、不足的地方，但我想，我已经迈入了网页设计的大门，只要我再认真努力的去学习，去提高，凭借我对网页设计的热情和执着，我将来设计出的网页会更加专业，更完善。感谢老师、同学在这次课程设计中给我的帮助、指导。

  18

  本文来源：https://www.bwwdw.com/article/8576.html