1、山西省林业职业技术学院信息工程系毕业设计(论文)1摘 要Internet 以惊人的速度对经济活动和社会活动产生日益广泛的影响,同时加剧了招生信息服务业的生存环境,加快了整个市场的结构变革。为了在市场竟中生存和发展,招生信息服务业的学校必须实现信息化。招生信息门户网站成为招生信息业信息化的重要组成部分,建立了学校与学生的交流平台,招生信息门户网站的建立意义在于树立学校的形象,建立新型的招生信息业交流传播交易的媒介,为学生提供更完善的服务,加强学校与学生之间的信息联系,改善内部管理,提高销售的效率。本文研究的是校园网站设计,具有用户使用更简单、界面更直观等优点。校园网站在我国刚起步,发展很快。随着
2、我国互联网的更加普及和校园网站的更趋成熟,会有越来越大的网络用户,市场潜力会得到充分发挥。校园网站,为更好的办学,提高学校知名度,做出了重要贡献。通过网站,全面宣传,展示学校风采、优点与特色,发布学校的重大活动安排与招生政策,增强家长与学校之间的联系,在Internet 上实现完成部分校务,提高办事效率。关键词:HTML 招生信息网站 网站设计山西省林业职业技术学院信息工程系毕业设计(论文)2AbstarctInternet with amazing speed of economic activity and social activities create day by day the w
3、idespread influence, and Internet increased enrollment information service industry environment, speed up the whole market structure reform. In order to survive and develop market unexpectedly, recruit students information services of business people must realize informationization. Recruit students
4、 information portal website a recruitment information, information is the important component of the school and students build communication platform, recruit students information portal site set up significance lies in setting the image of the school, build a new recruit students information commun
5、ication media of the trade, to provide students with a more perfect service, strengthen between schools and their students connection of information, improve internal management, improve the efficiency of sales.This study is about the campus Web site design,its advantages that users can use simpler,
6、 more intuitive interface.Campus site in China has just started ,but develop rapidly.As Chinas Internet is more popular and campus sites become more mature, there will be more and more web users, the market potential will be given full play.School web site for better schools, and made important cont
7、ributions to enhance the school profile.Through the website, a comprehensive information display school style, strengths and characteristics of the major activities of the school published admission arrangements and policies to enhance the links between parents and schools, the Internet, to achieve
8、the completion of part of the school and improve efficiency.Key words: HTML recruit students information web site web design山西省林业职业技术学院信息工程系毕业设计(论文)3目 录摘 要 .1Abstarct.2前 言 .5第一章 网站建立的理论基础 .61. 1 制作环境及其制作目的 .61. 4 HTML 的优势 .91. 5 本章小结 .12第二章 制作网站工具介绍 .132. 1 制作工具的选用及介绍 .132. 2 本章小结 .18第三章 网站的整体设计 .19
9、3. 1 网站简要说明 .193. 2 网站可用性讨论 .193. 3 网站模块构成 .213. 4 本章小结 .22第四章 网站整体设计的具体实现 .234. 1 前台显示说明 .234. 2 结构设计 .244. 3 具体设计文档 .244. 5 网站维护的设计 .254. 6 本章小节 .27第五章 网站制作的不足及其纠正 .285. 1 关于我的网站制作 .285. 2 网站今后的展望 .29总 结 .31致 谢 .32山西省林业职业技术学院信息工程系毕业设计(论文)4前 言在 互 联 网 飞 速 发 展 的 今 天 , 网 络 已 成 为 人 们 生 活 中 不 可 缺 少 的 一
10、部 分 , 无 论是 在 商 业 、 工 业 还 是 政 府 部 门 中 都 早 已 普 及 开 来 , 网 站 建 设 越 来 越 接 近 于 一 门 艺术 而 不 仅 仅 是 一 项 技 术 。 网 页 界 面 艺 术 设 计 , 日 益 被 网 站 建 设 者 所 注 重 。 网 页 艺术 设 计 是 伴 随 着 计 算 机 互 联 网 络 的 产 生 而 形 成 的 视 听 设 计 新 课 题 , 是 网 页 设 计 者以 所 处 时 代 所 能 获 取 的 技 术 和 艺 术 经 验 为 基 础 , 依 照 设 计 目 的 和 要 求 自 觉 地 对 网页 的 构 成 元 素 进 行
11、 艺 术 规 划 的 创 造 性 思 维 活 动 , 必 然 要 成 为 设 计 艺 术 的 重 要 组 成部 分 , 并 随 着 网 络 技 术 的 发 展 而 发 展 。 表 面 上 看 , 它 不 过 是 关 于 网 页 版 式 编 排 的技 巧 与 方 法 , 而 实 际 上 , 它 不 仅 是 一 种 技 能 , 更 是 艺 术 与 技 术 的 高 度 统 一 。所 以 在 不 久 的 将 来 通 过 网 络 来 传 播 信 息 将 成 为 重 要 的 信 息 交 流 的 平 台 ,建 设 招 生 信 息 门 户 网 站 有 着 重 要 的 意 义 。 可 以 进 一 步 的 宣 传
12、 招 生 信 息 业 , 为 招 生信 息 业 提 供 良 好 的 发 展 平 台 , 方 便 人 们 的 生 活 。 同 时 增 进 了 学 校 与 学 生 、 学 校 也学 生 之 间 的 交 流 有 利 于 树 立 良 好 的 交 易 风 气 , 创 造 学 校 与 学 生 和 谐 的 平 台 。 因 此 ,创 建 招 生 信 息 门 户 网 站 是 潮 流 的 趋 向 。山西省林业职业技术学院信息工程系毕业设计(论文)5第 一 章 网 站 建 立 的 理 论 基 础1. 1 制 作 环 境 及 其 制 作 目 的在 21 世 纪 网 络 无 处 不 在 , 网 站 不 再 仅 仅 为
13、企 业 或 公 司 大 型 企 业 所 拥 有 , 一个 班 级 , 一 个 家 庭 甚 至 个 人 都 可 以 拥 有 属 于 自 己 的 网 站 。 利 用 网 络 传 播 信 息 现 在已 经 成 为 了 一 种 新 的 快 的 准 确 的 传 播 方 式 , 网 站 也 从 网 络 进 行 的 。一 、 建 立 招 生 信 息 门 户 网 站 有 以 下 意 义 :( 1) 在 这 个 高 度 信 息 化 的 社 会 里 , 建 立 招 生 信 息 业 自 己 的 网 站 是 最 直接 的 宣 传 手 段 。 网 站 的 超 时 空 性 , 不 仅 能 叫 人 们 了 解 招 生 信
14、息 业 的 最 新 资 讯 , 人们 也 可 以 从 计 算 机 网 络 上 获 得 各 种 需 要 的 信 息 等 等 。( 2) 网 站 是 实 现 招 生 信 息 资 源 分 配 的 桥 梁 , 它 使 每 一 个 人 们 都 能 获 得 自 己需 要 的 信 息 , 同 时 可 以 为 人 们 提 供 便 利 。( 3) 招 生 信 息 门 户 网 站 能 够 为 人 们 提 供 自 己 所 需 的 信 息 , 招 生 信 息 门 户 网站 是 的 学 校 与 学 生 之 间 有 了 全 新 的 交 流 方 式 , 它 不 再 受 地 域 的 限 制 , 它 可 以 使 学校 与 学
15、生 进 行 交 流 。 达 到 互 惠 互 利 的 目 的 。( 4) 招 生 信 息 门 户 网 站 是 最 佳 的 交 易 平 台 , 招 生 信 息 门 户 网 站 与 大 型 招 生信 息 企 业 和 各 个 招 生 信 息 学 校 的 网 站 的 有 效 链 接 , 给 学 校 们 提 供 咨 询 交 流 的 天 地 ,各 种 招 生 信 息 业 的 咨 询 、 各 种 学 院 信 息 、 各 种 最 新 资 讯 等 内 容 , 为 学 生 与 学 校 之间 的 交 流 提 供 了 极 佳 的 平 台 , 有 效 的 共 享 了 资 源 、 节 省 了 成 本 。( 5) 招 生 信
16、 息 门 户 网 站 能 够 提 供 个 性 化 的 交 易 平 台 , 不 同 的 学 生 有 着 不 同的 消 费 观 念 , 对 消 费 的 观 念 的 认 知 不 同 。 网 络 提 供 了 丰 富 的 资 源 可 以 使 学 生 寻 觅不 同 的 交 易 方 式 , 各 取 所 需 。 招 生 信 息 门 户 网 站 允 许 学 校 与 学 生 建 立 交 流 , 使 学校 和 学 生 更 进 一 步 交 流 。二 、 HTML 作 为 一 种 样 式 语 言 , 随 着 Internet 上 信 息 量 的 增 多 和 交 互 性 的加 强 使 HTML 显 得 越 来 越 难 以
17、 胜 任 的 情 况 下 , 而 能 够 彻 底 实 现 用 户 与 管 理 人 员 的交 互 性 , 在 编 程 语 言 高 度 发 展 的 形 式 下 , 能 够 横 好 的 解 决 这 些 复 杂 交 互 的 动 态 性 ,于 是 我 们 也 开 始 了 对 招 生 信 息 门 户 网 站 的 动 态 开 发 , 即 而 让 招 生 信 息 门 户 网 站 更好 的 互 动 。 山西省林业职业技术学院信息工程系毕业设计(论文)6( 1) 支 持 的 系 统采 用 Browser/Server 体 系 结 构 , 服 务 器 端 采 用 运 行 最 低 配 置 要 求 (全 部 为中 文
18、环 境 ) 操 作 系 统 Windows 2000 Adv Server, Windows 2000 Server 脚 本解 释 器 Vbscripts5.6 以 上 版 本 , 安 装 Microsoft Internet Explorer4.6 以上 版 本 既 可 获 得 :Web 服 务 器 IIS 6.0, Windows 2000 自 带 数 据 引 擎 Microsoft Access 权 限 要 求 对 Access 数 据 库 具 有 建 表 、 备 份 的 权 限 空 间 大 小 初 次 安 装 至 少 10M 可 用 空 间硬 件 要 求 PIII500 CPU 256
19、M 内 存 或 更 高 带 宽 要 求 10M 共 享 或 更 高客 户 端 软 件 , 包 括 单 机 操 作 系 统 和 浏 览 器 软 件 , 分 别 选 用 Windows 2000和 Internet Explorer。( 2) 制 作 工 具基 于 Web 的 系 统 开 发 工 具 应 使 开 发 者 使 用 各 种 各 样 的 技 术 来 创 建 动 态 的Web 应 用 程 序 , 并 且 应 是 一 个 可 视 化 的 工 具 。 我 所 采 用 的 是 Dreamweaver MX进 行 制 作 , 它 是 用 来 快 速 创 建 数 据 驱 动 Web 应 用 程 序
20、的 基 于 团 队 的 开 发 环 境 ,支 持 , 以 ODBC 连 接 数 据 库 , 脚 本 语 言 为 简 单 易 学 的 JavaScript。1. 2 运 行 需 求 的 环 境在 调 试 和 运 行 过 程 中 , 应 该 能 够 让 系 统 正 常 使 用 时 不 出 错 , 若 运 行 时 遇到 不 可 恢 复 的 系 统 错 误 , 也 应 该 保 证 数 据 完 好 无 损 , 对 数 据 的 精 确 度 、 时 间 特 性 、适 应 性 等 都 有 一 定 要 求 , 要 求 系 统 运 行 时 , 能 够 保 证 数 据 的 正 确 性 、 信 息 的 可 靠性 、
21、实 现 的 高 效 性 、 系 统 的 易 使 用 性 、 系 统 管 理 的 可 维 护 性 、 信 息 的 可 测 试 性 、数 据 的 复 用 性 、 数 据 的 可 移 植 性 以 及 网 络 互 联 性 。1. 3 HTMl 简 介HTML 是 一 种 规 范 , 一 种 标 准 , 它 通 过 标 记 符 号 来 标 记 要 显 示 的 网 页 中 的 各个 部 分 。 网 页 文 件 本 身 是 一 种 文 本 文 件 , 通 过 在 文 本 文 件 中 添 加 标 记 符 , 可 以告 诉 浏 览 器 如 何 显 示 其 中 的 内 容 ( 如 : 文 字 如 何 处 理 ,
22、画 面 如 何 安 排 , 图 片 如 何山西省林业职业技术学院信息工程系毕业设计(论文)7显 示 等 ) 。 浏 览 器 按 顺 序 阅 读 网 页 文 件 , 然 后 根 据 标 记 符 解 释 和 显 示 其 标 记 的 内容 , 对 书 写 出 错 的 标 记 将 不 指 出 其 错 误 , 且 不 停 止 其 解 释 执 行 过 程 , 编 制 者 只 能通 过 显 示 效 果 来 分 析 出 错 原 因 和 出 错 部 位 。 但 需 要 注 意 的 是 , 对 于 不 同 的 浏 览 器 ,对 同 一 标 记 符 可 能 会 有 不 完 全 相 同 的 解 释 , 因 而 可 能
23、 会 有 不 同 的 显 示 效 果 。H TML 其 实 是 文 本 , 它 需 要 浏 览 器 的 解 释 , HTML 的 编 辑 器 大 体 可 以 分 为八 种 ,1、 基 本 编 辑 软 件 , 使 用 WINDOWS 自 带 的 记 事 本 或 写 字 版 都 可 以 编 写 , 当 然 ,如 果 你 用 WPS 来 编 写 , 也 可 以 。 不 过 存 盘 时 请 使 用 .htm 或 .html 作 为 扩 展 名 ,这 样 浏 览 器 就 可 以 解 释 执 行 了 。 2、 半 所 见 即 所 得 软 件 , 这 种 软 件 能 大 大 提 高 开 发 效 率 , 它
24、可 以 使 你 在 很 短的 时 间 内 做 出 HOMEPAGE, 且 可 以 学 习 HTML, 这 种 类 型 的 软 件 主 要 有 HTDTOC,还 有 国 产 的 软 件 网 页 作 坊 。 3、 所 见 即 所 得 软 件 , 使 用 最 广 泛 的 编 辑 器 , 完 全 可 以 一 点 不 懂 HTML 的 知识 就 可 以 做 出 网 页 , 这 类 软 件 主 要 有 FRONTPAGE2003, DREAMWEAVER。4、 文 本 标 记 语 言 源 程 序 的 文 件 扩 展 名 默 认 使 用 htm 或 html。 在 使 用 文 本编 辑 器 时 , 注 意
25、修 改 扩 展 名 。 而 常 用 的 图 像 文 件 的 扩 展 名 为 gif 和 jpg。 5、 HTML 源 程 序 为 文 本 文 件 , 其 列 宽 可 不 受 限 制 , 即 多 个 标 记 可 写 成 一 行 ,甚 至 整 个 文 件 可 写 成 一 行 ; 若 写 成 多 行 , 浏 览 器 一 般 忽 略 文 件 中 的 回 车 符 ( 标 记指 定 除 外 ) ; 对 文 件 中 的 空 格 通 常 也 不 按 源 程 序 中 的 效 果 显 示 。 完 整 的 空 格 可 使用 特 殊 符 号 (实 体 符 )“ (注 意 此 字 母 必 须 小 写 , 方 可
26、 空 格 ) ”表 示 非 换 行空 格 ; 表 示 文 件 路 径 时 使 用 符 号 “/”分 隔 , 文 件 名 及 路 径 描 述 可 用 双 引 号 也 可不 用 引 号 括 起 。 6、 标 记 符 中 的 标 记 元 素 用 尖 括 号 括 起 来 , 带 斜 杠 的 元 素 表 示 该 标 记 说 明 结束 ; 大 多 数 标 记 符 必 须 成 对 使 用 , 以 表 示 作 用 的 起 始 和 结 束 ; 标 记 元 素 忽 略 大 小写 , 即 其 作 用 相 同 , 但 完 整 的 空 格 可 使 用 特 殊 符 号 “ (注 意 此 字 母 必 须 小写 ,
27、方 可 空 格 )”; 许 多 标 记 元 素 具 有 属 性 说 明 , 可 用 参 数 对 元 素 作 进 一 步 的 限定 , 多 个 参 数 或 属 性 项 说 明 次 序 不 限 , 其 间 用 空 格 分 隔 即 可 ; 一 个 标 记 元 素 的 内容 可 以 写 成 多 行 。 山西省林业职业技术学院信息工程系毕业设计(论文)87、 标 记 符 号 , 包 括 尖 括 号 、 标 记 元 素 、 属 性 项 等 必 须 使 用 半 角 的 西 文 字符 , 而 不 能 使 用 全 角 字 符 。 8、 HTML 注 释 由 惊 叹 号 表 示 , 注 释 内 容 由 符 号 结
28、 束 。 注 释 内 容 可 插 入 文 本中 任 何 位 置 。 任 何 标 记 若 在 其 最 前 插 入 惊 叹 号 , 即 被 标 识 为 注 释 , 不 予 显 示 。1. 4 HTML 的 优 势HTML(HyperTextMark-upLanguage)即超文本标记语言,是 WWW 的描述语言。设计 HTML 语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起,形成有机的整体,人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标,Internet 就会马上转到与此图标相关的内容上去,而这些信息可
29、能存放在网络的另一台电脑中。 HTML 文本是由 HTML 命令组成的描述性文本,HTML 命令可以说明文字、图形、动画、声音、表格、链接等。HTML 的结构包括头部(Head) 、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容 如果还有什么不清楚的地方,请点击我的用户名,在我的个性化签名里面找到我的电子邮件给我发信息。HTML 之所以能受到大家的重视与使用的原因,主要在于所产生的执行结果都是标准的 HTML 格式,而且这些程序是在网络服务端中执行,使用一般的浏览器(如 IE 或 Netscape)都可以正确地获得 HTML 的“执行”结果,并且将这 H
30、TML 执行的结果直接在浏览器中“浏览”,不像 VBScript 或 JavaScript 是在客户端(Client)的浏览器上执行,若使用 VBScript 来设计程序,客户端(Client)在 IE 浏览器中可以显示程序执行的结果,可是,客户端(Client)若使用 Netscape 浏览器就无法显示 VBScript 的执行结果。一、HTML 的特点:(1)任何开发工具皆可发展 HTML只要使用一般的文书编辑程序,如 Windows 记事本,就可以编辑。当然,其他网页发展工具,例如,FrontPage Express、 FrontPage 等也都可以;不过还是建议你用记事本来写,既省钱又
31、方便,若是使用那些所见即所得的网页编辑来写ASP,可能会发生一些意想不到的离奇状态。(2)通吃各家浏览器山西省林业职业技术学院信息工程系毕业设计(论文)9由于 HTML 程序是在网络服务器端中执行,执行结果所产生的 HTML 文件适用于不同的浏览器。(3)语言相容性高HTML 与所有的 ActiveX Script 语言都相容,除了可结合HTML,VBScript、Java Script、Active X 服务器组件来设计外,并可经由“plug-In(外挂组件模组)的方式,使用其他厂商(Third Party)所提供的语言。(4)隐密安全性高如果我们在浏览器中直接查看网页的原始代码,就只能看到
32、 HTML 文件,原始的 HTML 程序代码是看不到的!这是因为 HTML 程序先于网站服务(Web Server)端执行后,将结果转换成标准 HTML 文件,再传送到客户端(Client)的浏览器上,因此,我们所辛苦撰写的 HTML 程序并不会轻易地被看见进而被盗用。(5)易于操控数据库HTML 可以轻易地通过 ODBC(Open Database Connectivity)驱动程序连接各种不同的数据库,例如:Acess、Foxpro、dBase、Oracle 等等,另外,HTML 亦可将“文本文件”或是”Excel” 文件当成数据库用。(6)面向对象学习容易HTML 具备有面向对象(Obj
33、ect-Oriented)功能,学习容易,HTML 提供了五种方便能力强大的内建对象:Request、Response、Sever、Application 以及Session,同时,若使用 HTML 内建的“Application”对象或”Session”对象所撰写出来的 HTML 程序可以在多个网页之间暂时保存必要的信息。(7)HTML 的六大内部对象RequestResponseServerSessionApplicationObjectContext 从客户端取得信息将信息送给客户端提供一些 Web 服务器工具储存在一个 Session 内的用户信息,该信息仅可被该用户访问在一个 HTM
34、L-Application 中让不同的客户端共享信息可以用来配合 Microsoft Transaction 服务器进行分布式事务处理。HTML 模式现在已经获得很大发展,与传统模式相比具有一些重要的优势。以下是部分最重要的优势: 尤其对于小型企业和新创企业而言,最大的好处是启动成本低,而且在大多数情况下可以极大地缩短启动时间。 现购现付模式对于不经常山西省林业职业技术学院信息工程系毕业设计(论文)10使用该服务的企业来说极大地节省了成本。HTML 模式,如同任何外包方案一样,可以节省人力成本。IT 人员越来越昂贵而且越来越专业(就像航空业的飞行员),因此采用 HTML 通常可节省人力。 采用
35、 HTML 模式还可以省去专门用来运行应用程序及支持性应用程序的 IT 基础设施。例如,如果您要使用的应用程序需要 Oracle 或MS-SQL 数据库,则您不得不同时使用支持该应用程序和数据库。 HTML 模式可以将网络带宽转移给 HTML,HTML 通常能以较低的价格提供带宽。 导致 HTML 崛起的一个原因是专业软件的成本高。随着成本的增加,小型企业几乎没有能力来购买这类软件,因此 HTML 使得这类企业使用该类软件成为可能 导致HTML 发展的另一个重要因素是软件和软件升级的复杂性不断增加。从客户服务的角度看,将大型复杂的应用分发到终端用户成本非常高,而升级又使问题变得更糟糕。在有上千
36、台台式机的大公司中,分发软件(即使是像新版 Word 这样简单的软件)可能花费上百万美元。HTML 模式则消除了大多数此类烦恼。二、文 本 标 记 语 言(1) 文 本 标 记 语 言 源 程 序 的 文 件 扩 展 名 默 认 使 用 htm 或 html。 在 使 用 文 本编 辑 器 时 , 注 意 修 改 扩 展 名 。 而 常 用 的 图 像 文 件 的 扩 展 名 为 gif 和 jpg。 (2) HTML 源 程 序 为 文 本 文 件 , 其 列 宽 可 不 受 限 制 , 即 多 个 标 记 可 写 成 一 行 ,甚 至 整 个 文 件 可 写 成 一 行 ; 若 写 成 多
37、 行 , 浏 览 器 一 般 忽 略 文 件 中 的 回 车 符 ( 标 记指 定 除 外 ) ; 对 文 件 中 的 空 格 通 常 也 不 按 源 程 序 中 的 效 果 显 示 。 完 整 的 空 格 可 使用 特 殊 符 号 (实 体 符 )“ (注 意 此 字 母 必 须 小 写 , 方 可 空 格 )”表 示 非 换 行空 格 ; 表 示 文 件 路 径 时 使 用 符 号 “/”分 隔 , 文 件 名 及 路 径 描 述 可 用 双 引 号 也 可不 用 引 号 括 起 。 (3) 标 记 符 中 的 标 记 元 素 用 尖 括 号 括 起 来 , 带 斜 杠 的 元 素
38、 表 示 该 标 记 说 明结 束 ; 大 多 数 标 记 符 必 须 成 对 使 用 , 以 表 示 作 用 的 起 始 和 结 束 ; 标 记 元 素 忽 略 大小 写 , 即 其 作 用 相 同 , 但 完 整 的 空 格 可 使 用 特 殊 符 号 “ (注 意 此 字 母 必 须小 写 , 方 可 空 格 )”; 许 多 标 记 元 素 具 有 属 性 说 明 , 可 用 参 数 对 元 素 作 进 一 步 的限 定 , 多 个 参 数 或 属 性 项 说 明 次 序 不 限 , 其 间 用 空 格 分 隔 即 可 ; 一 个 标 记 元 素 的内 容 可 以 写 成 多 行 。