1、湖南文理学院假日活动同盟网站设计1湖南文理学院假日活动同盟网站设计电系专业学生：指导老师： 摘要：本文论述了假日活动网站的构想，建站，实现和应用。由于我校目前还没有一个以假日活动为主题的网站，学生朋友们想在假日里 组织参加各种活动相 对麻烦。 针对这一问题，本网站分为文化、体育、公益、娱乐和其它等五大活动板块，将各种活动进行详细分类，便于查找。各个板 块设有发布栏，用户可以通过注册和登录 ，在 发布栏上发起活动，这样其它同学便能第一时间看到活动信息。本网站通过网站构想，photoshop 网页样图设计，dreamweaver 构建， access 数据库的建立和 IIS 服务器的连接，最终完成
2、网站建设。网站旨在为本校学生提供最为 全面和准确的假日活动信息，充分发挥同学们的兴趣爱好，让同学们的校园生活 变得更加丰富多彩！关键词：假日活动，网站，信息发布，浏览The Design of Holiday Website of Hunan University of Arts and ScienceElectronics and Information Science and Technology Candidate: Advisor：Abstract:This article discusses the idea of holiday Web site, building, implem
3、entation and application.Because there is no one in our school holiday activities-themed Web site, friends want to holiday in the Organization of the students participate in various activities relative trouble.In response to this problem, the website is divided into cultural, sports, public service,
4、 entertainment and other five activity sectors, the detailed classification of activities, make it easier to find.Each plate has released bar, users can register and log in, publishing activities initiated on the bar, so that other students can see activity information the first time.The conception
5、of Web sites through the Web site, Photoshop Web design, Dreamweaver construction, establishment of the Access database and the connection to the IIS server, finalize the website.Web site designed to provide students with the most complete and accurate information about holiday activities, give full
6、 play to students interests, make students campus life more colorful!Keywords: holiday activities,website,information release,browse湖南文理学院假日活动同盟网站设计2引言在高新技术飞速发展的当今社会，互联网成为了人们日常生活必不可少的东西。近 十 年 来 ， 随 着 社 会 科 技 ， 文 化 和 经 济 的 发 展 ， 特 别 是 计 算 机 网 络 技 术 和 通 信 技术 的 大 发 展 ， 随 着 人 类 社 会 从 工 业 社 会 向 信 息 社 会 过
7、 渡 的 趋 势 越 来 越 明 显 ， 人 们 对信 息 的 意 识 ， 对 开 发 和 使 用 信 息 资 源 的 重 视 越 来 越 加 强 ， 这 些 都 强 烈 刺 激 了internet 的 发 展 。随 着 信 息 技 术 的 发 展 ， 特 别 是 互 联 网 技 术 的 普 及 应 用 ， 网 络 用 户 已 不 再 满 足 网络 松 散 的 信 息 ， 更 加 希 望 得 到 相 对 集 中 的 咨 询 消 息 ， 更 加 生 动 的 表 现 形 式 ， 更 加 便捷 的 服 务 ， 更 加 自 由 的 消 费 。在日常生活中，我们也切实感受到了互联网技术发展的好处。如网上
8、购物、电子支付、旅行预订、网上银行、网络营销、搜索、广告、电子邮箱、即时通讯、游戏这些都与我们的生活息息相关。在校园中，互联网更是受到了年轻朋友们的青睐。几乎每个同学都拥有属于自己的聊天工具，如 QQ、MSN，也有自己的人人网，微薄与博客。这也使得更多的年轻人热衷于网络中的虚拟世界，忽视了人与人之间在现实世界中的交往。针对这一问题，建立一个校园假日活动网站势在必行。这不仅可以解决同学们组织课余活动的推广问题，还能促进学生之间的交流与了解，提升学生自身的组织能力与团队合作精神。1 网站概述1.1 网站的历史因特网起源于美国国防部高级研究计划管理局建立的阿帕网。网站(Website)开始是指在因特
9、网上，根据一定的规则，使用 HTML 等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网络服务。人们可以通过网页浏览器来访问网站，获取自己需要的资讯或者享受网络服务。衡量一个网站的性能通常从网站空间大小、网站位置、网站连接速度（俗称“网速” ） 、网站软件配置、网站提供服务等几方湖南文理学院假日活动同盟网站设计3面考虑，最直接的衡量标准是这个网站的真实流量。1.2 网站的发展在 因 特 网 的 早 期 ， 网 站 还 只 能 保 存 单 纯 的 文 本 。 经 过 几 年 的 发 展 ， 当 万 维
10、网出 现 之 后 ， 图 像 、 声 音 、 动 画 、 视 频 ， 甚 至 3D 技 术 开 始 在 因 特 网 上 流 行 起 来 ， 网站 也 慢 慢 地 发 展 成 我 们 现 在 看 到 的 图 文 并 茂 的 样 子 。 通 过 动 态 网 页 技 术 ， 用 户 也可 以 与 其 他 用 户 或 者 网 站 管 理 者 进 行 交 流 。 也 有 一 些 网 站 提 供 电 子 邮 件 服 务 。许 多 公 司 都 拥 有 自 己 的 网 站 ， 他 们 利 用 网 站 来 进 行 宣 传 、 产 品 资 讯 发 布 、 招 聘等 等 。 随 着 网 页 制 作 技 术 的 流
11、行 ， 很 多 个 人 也 开 始 制 作 个 人 主 页 ， 这 些 通 常 是 制作 者 用 来 自 我 介 绍 、 展 现 个 性 的 地 方 。 也 有 提 供 专 业 企 业 网 站 制 作 的 公 司 ， 通 常 这些 公 司 的 网 站 上 提 供 人 们 生 活 各 个 方 面 的 资 讯 、 服 务 、 nnt、 新 闻 、 旅 游 、 娱 乐 、经 济 等 。1.3 网 站 的 组 成域 名 +空 间 服 务 器 +程 序 =网 站1.3.1 域 名域 名 （ Domain Name） ， 是 由 一 串 用 点 分 隔 的 字 母 组 成 的 Internet 上 某 一
12、 台计 算 机 或 计 算 机 组 的 名 称 ， 用 于 在 数 据 传 输 时 标 识 计 算 机 的 电 子 方 位 （ 有 时 也 指 地理 位 置 ） ， 目 前 域 名 已 经 成 为 互 联 网 的 品 牌 、 网 上 商 标 保 护 必 备 的 产 品 之 一 。DNS 规 定 ， 域 名 中 的 标 号 都 由 英 文 字 母 和 数 字 组 成 ， 每 一 个 标 号 不 超 过 63 个字 符 ， 也 不 区 分 大 小 写 字 母 。 标 号 中 除 连 字 符 （ -） 外 不 能 使 用 其 他 的 标 点 符 号 。级 别 最 低 的 域 名 写 在 最 左 边
13、， 而 级 别 最 高 的 域 名 写 在 最 右 边 。 由 多 个 标 号 组 成 的 完整 域 名 总 共 不 超 过 255 个 字 符 。 近 年 来 ， 一 些 国 家 也 纷 纷 开 发 使 用 采 用 本 民 族 语言 构 成 的 域 名 ， 如 德 语 ， 法 语 等 。 中 国 也 开 始 使 用 中 文 域 名 ， 但 可 以 预 计 的 是 ， 在中 国 国 内 今 后 相 当 长 的 时 期 内 ， 以 英 语 为 基 础 的 域 名 （ 即 英 文 域 名 ） 仍 然 是 主 流 ，而 且 中 文 域 名 备 案 比 较 麻 烦 ， 但 是 如 果 备 案 下 来
14、用 中 文 域 名 也 是 很 好 的 。1.3.2 空 间 （ 虚 拟 主 机 ）虚 拟 主 机 是 在 网 络 服 务 器 上 划 分 出 一 定 的 磁 盘 空 间 供 用 户 放 置 站 点 、 应 用 组 件等 ， 提 供 必 要 的 站 点 功 能 、 数 据 存 放 和 传 输 功 能 。 所 谓 虚 拟 主 机 ， 也 叫 “网 站 空间 ”， 就 是 把 一 台 运 行 在 互 联 网 上 的 服 务 器 划 分 成 多 个 “虚 拟 ”的 服 务 器 ， 每 一 个湖南文理学院假日活动同盟网站设计4虚 拟 主 机 都 具 有 独 立 的 域 名 和 完 整 的 Intern
15、et 服 务 器 （ 支 持 WWW、 FTP、 E-mail等 ） 功 能 。 虚 拟 主 机 是 网 络 发 展 的 福 音 ， 极 大 的 促 进 了 网 络 技 术 的 应 用 和 普 及 。 同时 虚 拟 主 机 的 租 用 服 务 也 成 了 网 络 时 代 新 的 经 济 形 式 。 虚 拟 主 机 的 租 用 类 似 于 房 屋租 用 。1.3.3 程 序程 序 就 是 脚 本 语 言 ， 如 asp， php， jsp， .net 等 。 换 成 源 码 就 是 一 堆 按 一 定格 式 书 写 的 文 字 和 符 号 ， 浏 览 器 会 帮 我 们 翻 译 成 眼 前 的
16、模 样 。2 网站需求分析2.1 问题研究目前我校还没有一个以假日活动为主题的网站。每当周末或节假日来临，学生们的课余活动便会受到各种条件的限制，青春与活力得不到充分的展现。在我校如果想要发起某些活动，只能在校园里张贴小广告，这不仅破坏了校园的和谐环境，还容易上当受骗。某些活动的参与人员，也主要集中在熟悉的同学和老乡之间，无法让同学们结识更多的有识之士。更有些同学更因为找不到玩伴，只能对着电脑屏幕消耗宝贵的大学时光。建立一个以我校同学为基础的活动网站，不仅解决了以上提到的问题，还方便快捷，定会受到同学们的欢迎。2.2 目标用户本网站面向的用户主要是湖南文理学院的在校学生，要充分发挥网站提供的互
17、动性，同时虚心采纳同学们提出的意见与建议，力争将网站做好，吸引更多的本校同学访问。2.3 需求分析需求分析的目的是获取或描述系统需求中的每一个功能需求，并通过分析确定系统能够做什么，谁来使用这个系统。本网站将活动细分为文化活动、体育活动、公益活动、娱乐活动和其它活动五大板块，可以让访问者快速准确地找到所需的活动，还可以注册登录后发布活动。用户找到所需活动后，可以详细查到该活动的负责人、活动时间、地点、活动内容、联系方式等。为了确保活动的真实性，管理员还会对发布的活动进行审查，必要时进湖南文理学院假日活动同盟网站设计5行更改与删除。3 开发工具介绍3.1 Adobe Photoshop CS5P
18、hotoshop 是 Adobe 公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意、图像输入与输出于一体的图形图像处理软件，深受广大平面设计人员和电脑美术爱好者的喜爱。作 为 Adobe 的 核 心 产 品 ， Photoshop CS5 最 受 关 注 。 选 择 Photoshop CS5 的理 由 不 仅 仅 是 它 会 完 美 兼 容 Vista， 更 重 要 的 是 几 十 个 激 动 人 心 的 全 新 特 性 ， 诸 如支 持 宽 屏 显 示 器 的 新 式 版 面 、 集 20 多 个 窗 口 于 一 身 的 dock、 占 用 面 积 更 小 的
19、工具 栏 、 多 张 照 片 自 动 生 成 全 景 、 灵 活 的 黑 白 转 换 、 更 易 调 节 的 选 择 工 具 、 智 能 的 滤镜 、 改 进 的 消 失 点 特 性 、 更 好 的 32 位 HDR 图 像 支 持 等 。 另 外 ， Photoshop 从 CS5首 次 开 始 分 为 两 个 版 本 ， 分 别 是 常 规 的 标 准 版 和 支 持 3D 功 能 的 Extended(扩 展 )版 。 Photoshop 的应用领域很广泛，在图像、图形、文字、视频出版各方面都有涉及。在网页设计领域里 Photoshop 是不可缺少的一个设计软件，一个好的网页创意不会离开
20、图片，只要涉及到图像，就会用到图像处理软件，Photoshop 理所当然就会成为网页设计中的一员。使用 Photoshop 不仅可以将图像进行精确的加工，还可以将图像制作成网页动画上传到网页中。3.2 Adobe Dreamweaver CS5Adobe Dreamweaver CS5 是一款集网页制作和管理网站于一身的所见即所得网页编辑器，Dreamweaver CS5 是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver 可以使用动态 HTML 功能，而不用写一行代码。它甚至还可以检查用户的工
21、作成果在所有流行的平台和浏览器中可能发生的错误。3.3 IIS 服务器IIS 是 Internet Information Services 的缩写，是一个 World Wide Web server。Gopher server 和 FTP server 全部包容在里面。 IIS 意味着你能发布网页，湖南文理学院假日活动同盟网站设计6并且有 ASP（Active Server Pages） 、JAVA、VBscript 产生页面，有着一些扩展功能。IIS 支持一些有趣的东西，像有编辑环境的界面（Frontpage） 、有全文检索功能的（IndexServer） 、有多媒体功能的（Net Sho
22、w） 。其次，IIS 是随着 Windows NT Server 4.0 一起提供的文件盒应用程序服务器，是在 Windows NT server 上建立Internet 服务器的基本组件。它与 Windows NT Server 完成集成，允许使用 Windows NT Server 内置的安全性以及 NTFS 文件系统建立强大灵活的 Internet/Intrane 站点。IIS（Internet Information Server，互联网信息服务）是一种 Web 服务组件，其中包括 Web 服务器、FTP 服务器、NNTP 服务器和 SMTP 服务器，分别用于网页浏览、文件传输、新闻服
23、务和邮件发送等方面，它使得在网络（包括互联网和局域网）上发布信息成了一件很容易的事。4 开发技术介绍4.1 ASPASP 是 Active Server Page 的缩写，意为“动态服务器页面” 。ASP 是微软公司开发的代替 CGI 脚本程序的一种应用，它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP 是一种服务器端脚本编写环境，可以用来创建和运行动态网页或 Web 应用程序。ASP 网页可以包含 HTML 标记、普通文本、脚本命令以及 COM 组件等。利用 ASP 可以向网页中添加交互式内容（如在线表单） ，也可以创建使用 HTML 网页作为用户界面的 web应用程序。
24、 与 HTML 相比，ASP 网页具有以下特点：（1）利用 ASP 可以实现突破静态网页的一些功能限制，实现动态网页技术；（2）ASP 文件是包含在 HTML 代码所组成的文件中的，易于修改和测试；（3）服务器上的 ASP 解释程序会在服务器端执行 ASP 程序，并将结果以 HTML 格式传送到客户端浏览器上，因此使用各种浏览器都可以正常浏览 ASP 所产生的网页；（4）ASP 提供了一些内置对象，使用这些对象可以使服务器端脚本功能更强。例如可以从 web 浏览器中获取用户通过 HTML 表单提交的信息，并在脚本中对这些信息进行处理，然后向 web 浏览器发送信息；湖南文理学院假日活动同盟网站
25、设计7（5）ASP 可以使用服务器端 ActiveX 组件来执行各种各样的任务，例如存取数据库、发送 Email 或访问文件系统等；（6）由于服务器是将 ASP 程序执行的结果以 HTML 格式传回客户端浏览器，因此使用者不会看到 ASP 所编写的原始程序代码，可防止 ASP 程序代码被窃取；（7）方便连接 ACCESS 与 SQL 数据库。4.1.1 ASP 工作原理当在 Web 站点中融入 ASP 功能后，将发生以下事情：(1)用户向浏览器地址栏输入网址，默认页面的扩展名是.asp；(2)浏览器向服务器发出请求；(3)服务器引擎开始运行 ASP 程序；(4)ASP 文件按照从上到下的顺序开
26、始处理，执行脚本命令，执行 HTML 页面内容；(5)页面信息发送到浏览器。4.2 CSSCSS（Cascading Style Sheet） ，中文译为层叠样式表，它是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。CSS 是 1996 年由 W3C 审核通过，并且推荐使用的。简单地说，CSS 的引入就是为了使得 HTML 语言能够更好地适应页面的美工设计。它以 HTML 语言为基础，提供了丰富的格式化功能，如字体、颜色、背景和整体排版等，并且网页设计者可以针对各种可视化浏览器设置不同的样式风格，包括显示器、打印机、打字机、投影仪和 PDA 等。CSS 的引入随即引发了网页设
27、计一个又一个的新高潮，使用 CSS 设计的优秀网页层出不穷。4.3 JavaScriptJavaScript 是一种具有面向对象能力的、解释型的程序设计语言。在句法构成上，JavaScript 的核心语言与 C、C+和 Java 相似，都具有诸如 if 语句 while 循环和&运算符这样的程序结构。但是，JavaScript 与这些语言的相似之处也仅限于句法上的类同。JavaScript 是一种松散类型语言，这就是说，它的变量不必具有一个明确的类型。JavaScript 中的对象把属性名映射为任意的属性值。它们的这种方式更像是（Perl 中的）对象。JavaScript 中的 OO 继承机制
28、是基于远行的，这和不太为人所知的 Self 语言很相似，而和 C+以及 Java 中的继承大不相同。像 Perl 一样，JavaScript 是一种湖南文理学院假日活动同盟网站设计8解释型语言。4.3.1 JavaScript 的应用JavaScript 在 Web 浏览器中应用最为广泛，在此环境中，通用用途的核心通过对象得到扩展，这些对象允许脚本和用户交互，控制 Web 浏览器，以及修改出现在浏览器窗口中的文档内容。这种嵌入式版本的 JavaScript 运行嵌入到 HTML Web 页面中的脚本，它通常称作客户端的 JavaScript,以强调脚本是由客户端计算机运行的而不是由Web 服务
29、器运行的。5 关系型数据库 Access 介绍Microsoft Office Access 是由微软发布的关联式数据库管理系统，是集成在Microsoft 公司开发的产品更新换代 Office 系统中的集成软件。它之所以被集成到Office 中而不是 Visual Studio 中，是因为它与其它的数据库管理系统相比更加简单易学，一个普通的计算机用户即可掌握并使用它。而且最重要的一点是 Access 的功能足够强大，足以应付一般的数据管理及处理需要。Access 能够存取 Access/Jet 、Microsoft SQL Server 、Oracle，或者任何 ODBC兼容数据库内的资料。
30、ODBC（Open Database Connectivity 开放式数据库互联）是微软推出的一种工业标准，一种开放的独立于厂商的 API 应用程序接口，可以跨平台访问各种个人计算机小型计算机以及主机系统。ODBC 作为一个工业标准，绝大多数数据库厂商 大多数应用软件和工具软件厂商都为自己的产品提供了 ODBC 接口或提供了ODBC 支持，这其中就包括常用的 SQL Server、 Oracal 、Informix 等，当然也包括了Access。5.1 Access 的优点（1）存储方式简单，易于维护管理Access 管理的对象有表、查询、窗体、报表、页、宏和模块，以上对象都存放在后缀为（.m
31、db 或.accdb）的数据库文件中，便于用户的操作和管理。（2）面向对象 Access 是一个面向对象的开发工具，利用面向对象的方式将数据库系统中的各种功能对象化，将数据库管理的各种功能封装在各类对象中。它将一个应用系统当作是由一系列对象组成的，对每个对象它都定义一组方法和属性，以定义该对象的行为和湖南文理学院假日活动同盟网站设计9外国，用户还可以按需要给对象扩展方法和属性。通过对象的方法、属性完成数据库的操作和管理，极大地简化了用户的开发工作。同时，这种基于面向对象的开发方式，使得开发应用程序更为简便。（3）界面友好、易操作Access 是一个可视化工具，是风格与 Windows 完全一样
32、，用户想要生成对象并应用，只要使用鼠标进行拖放即可，非常直观方便。系统还提供了表生成器、查询生成器、报表设计器以及数据库向导、表向导、查询向导、窗体向导、报表向导等工具，使得操作简便，容易使用和掌握。（4）集成环境、处理多种数据信息Access 基于 Windows 操作系统下的集成开发环境，该环境集成了各种向导和生成器工具，极大地提高了开发人员的工作效率，使得建立数据库、创建表、设计用户界面、设计数据查询、报表打印等可以方便有序地进行。（5）功能强大Access 支持 ODBC（开发数据库互连，Open Data Base Connectivity） ，利用Access 强大的 DDE（动态
33、数据交换）和 OLE（对象的联接和嵌入）特性，可以在一个数据表中嵌入位图、声音、Excel 表格、Word 文档，还可以建立动态的数据库报表和窗体等。Access 还可以将程序应用于网络，并与网络上的动态数据相联接。利用数据库访问页对象生成 HTML 文件，轻松构建 Internet/Intranet 的应用。（6）支持广泛，易于扩展，弹性较大能够将通过链接表的方式来打开 EXCEL 文件、格式化文本文件等，这样就可以利用数据库的高效率对其中的数据进行查询、处理。还可以通过以 Access 作为前台客户端，以 SQL Server 作为后台数据库的方式（如 ADP）开发大型数据库应用系统。总之
34、，Access 是一个既可以只用来存放数据的数据库，也可以作为一个客户端开发工具来进行数据库应用系统开发；即可以开发方便易用的小型软件，也可以用来开发大型的应用系统。6 网站设计分析6.1 网站概貌湖南文理学院假日活动同盟网站面向的用户群是湖南文理学院在校学生，出于为湖南文理学院假日活动同盟网站设计10解决学生组织课外活动的困难而设计。我为网站设计的名称是“走哇” ，意为同学们约好后一起去活动。网站首页的设计风格简洁、大方，同时也体现出了大学生所具有的活力与激情。网站的友好性很好，用户登录网站后，根据提示，可马上进行所需要的操作。6.2 功能划分进入本网站后，首页分为文化活动体育活动公益活动娱
35、乐活动和其它活动。在导航栏的下边，还有相册，点击相册，将会看到美丽的校园风光。如图 6-1 示。湖南文理学院假日活动同盟网站文化活动 体育活动 公益活动 娱乐活动 其它活动相册图 6-1 湖南文理学院假日活动同盟网站模块图6.3 功能描述6.3.1 文化活动这里集中了各式各样的文化活动，如琴棋书画等。想要发布和浏览活动的同学点击这里就可以找到想要的信息。6.3.2 体育活动这里集中了各式各样的体育活动，如足球、篮球、乒乓球等。想要发布和浏览活动的同学点击这里就可以找到想要的信息。6.3.3 公益活动这里集中了各式各样的公益活动，如义卖、捐款、义务劳动等。想要发布和浏览活动的同学点击这里就可以找到想要的信息。
