1、1撰写日期：河 南 农 业 大 学本 科 生 毕 业 论 文 （ 设 计 ）题 目 个人动 态 网 站 设 计 学 院 机电工程学院 专业班级 学生姓名 指导教师 2摘 要现在网络已经成为了我们生活中不可缺少的元素，简单的 HTML 网页但它已不能满足人们想互动或者随时更新网站内容的需求，所以应用而生的是一种动态网页技术。本网站是用 ASP 语言和 Vbscript 脚本语言实现，后台数据选用 office Access 数据库，可以实行最基本的功能如，站内留言，写日志，音乐播放与下载，相册浏览，网站浏览人数统计以及后台管理的功能。其中留言，日志和音乐页面用到了动态 ASP 技术，实现网站的即
2、时更新，相册，个人档案等则是纯粹的静态页面.可以这样理解，动态网页其实是服务器根据用户提交的条件而生成的一个静态页面。关键词：ASP 技术，动态网站，网页3Personal dynamic website designAbstractNow the network has become indispensable elements in our life, Past simple HTML page can not satisfy us to do something like interacting or updating website content, So the dynamic we
3、b technology comes. This site has been developed by Vbscript and ASP scripting language, And the office Access database has been used, which can implemented some basic functions such as message, log, music playing or down, browsing the photos of myself, counting the visitors of my web, as well as th
4、e back-stage management. In other words, the dynamic web actually is a static page generated by the server which is based on the users condition .Key Words：ASP technology；dynamic website；web page4目 录1 引言 12 开发技术 22.1 IIS.22.1.1 IIS 的添加 32.1.2 IIS 的运行 32.2 ASP 简介 42.3 office Access 数据库 42.4 Microsoft
5、 Dreamweave 8 简介 52.5 adode Photoshop CS53 网站设计 53.1 数据库的设计 53.2 图片准备 73.3 首页的制作 83.4 音乐页面制作 93.4.1 音乐数据库链接 93.4.2 播放与下载页面 .113.5 留言页面制作 .133.5.1 留言模板的建立 .133.5.2 查看留言 .143.5.3 写留言 .153.5.4 管理员回复与删除 .153.6 日志页面制作 .173.7 相册页面的制作 .183.8 友情链接板块 .19参考文献 .20致 谢 21附录 1：写留言模块源代码 .225附录 2：管理员删除页面源代码 .28.- 1
6、 -.1 引言随着科技的进步，时代的发展，计算机信息行业的逐步壮大，加上人们也越来越离不开各种各样的信息，对信息的追求更是越来越迫切了，因此计算机信息的发展也必须适应这一潮流。然而现代社会的人们喜欢在网络上张显自己的个性，写出自己的心情，记下身边一些奇怪有趣的事，在网络上粘贴自己个性的相册，制作自己个人的网站，有些用于商业目的，有些用于娱乐，但最终都是满足了自己的爱好，同时又学到了自己需要的知识。由于本人的知识水平有限，实际的经验也不足，所以所制作出来的作品有许多的不足和漏洞，希望大家提出宝贵的意见和批评。以下是我的设计思想第一步：确定网站结构网站包括那些栏目，采用怎样的制作结构，这些都是我们
7、在制作网站前要首先确定的，网站结构为以后的设计奠定了基础。合理的网站栏目结构其实并没有什么特别之处，但是能直观正确的表达网站的基本内容及其内容之间的层次关系，站在用户的角度考虑，使得用户在网站浏览时可以方便的获取信息，不至于迷失。图 1-1 是我个人网站的结构图：图 1-1 网站结构图第二步：确定网站风格.- 2 -.风格是抽象的，是指网站饿整体形象给浏览者的综合感受。这个整体形象包括网站色彩，字体，版面布局，浏览方式，文字，语气等诸多因素，网站可以是平易近人的、生动活泼的也可以是专业严肃的。不管是色彩、文字、布局还是交互方式，只要能由此让浏览者明确分辨出这是你网站独有的，这就是网站的风格。我
8、的网站坚持使用纯色或者颜色比较一致的图片做背景，这样是读者看起来不至于产生幻觉，风格的形成不是一次定位的，我们可以在事件中不断强化、改进、调整。第三步：给网站申请域名域名是联接网站和互联网网址的纽带，它像品牌、商标一样具有重要的识别作用，是访问者通达网站的“钥匙” ，是网站在网络上存在的标志，担负着标示站点和导向网站站点的双重作用。 在选取域名的时候，首先要遵循两个基本原则。1域名应该简明易记，便于输入 这是判断域名好坏最重要的因素。一个好的域名应该短而顺口，便于记忆，最好让人看一眼就能记住，而且读起来发音清晰，不会导致拼写错误。此外，域名选取还要避免同音异义词。2域名要有一定的内涵和意义 用
9、有一定意义和内涵的词或词组作域名，不但可记忆性好，而且有助于实现企业的营销目标。例如个人爱好，喜欢的词语或者企业网站的话可以选择企业名称、产品名称等都是不错的选择，这样能更加方面记忆以及加强宣传作用。一个好的域名会大大增加网站在互联网上的知名度，本站注册 lmonkey 就取之简记,因此，如何选取好的域名就显得十分重要。对于初学者来说可以申请免费域名来检测，本站在 注册了免费空间，网站为 http:/lmonkey.8c8c.info/ ，因为是免费的所以空间不太稳定并且有一定的时间限制。2 开发技术2.1 IISIIS 是 Internet Information Server 的缩写，它
10、是微软公司主推的 Web 服务器，基于运行 Microsoft Windows 的互联网基本服务。最初是 Windows NT 版本的可选包，随后内置在 Windows 2000、Windows XP Professional 和 Windows Server .- 3 -.2003 一起发行，但在普遍使用的 Windows XP Home 版本上并没有 IIS。IIS 意味着你能发布网页，并且有 ASP（Active Server Pages） 、JAVA、VBscript 产生页面，有着一些扩展功能。它的一个重要特性是支持 ASP，IIS3.0 版本以后引入了 ASP，可以很容易的张贴动态
11、内容和开发基于 Web 的应用程序。2.1.1 IIS 的添加进入“控制面板” ，依次选“添加/删除程序添加/删除 Windows 组件” ，将“Internet 信息服务（IIS） ”前的小钩去掉（如有） ，重新勾选中后按提示操作即可完成 IIS 组件的添加。用这种方法添加的 IIS 组件中将包括 Web、FTP、NNTP 和SMTP 等全部四项服务。2.1.2 IIS 的运行当 IIS 添加成功之后，再进入“开始设置控制面板管理工具Internet服务管理器(Internet 信息服务)”以打开 IIS 管理器，对于有“已停止”字样的服务，均在其上单击右键，选“启动”来开启 1。安装成功后
12、的页面如下（IIS 默认的网站 http:/localhost/）：图 2-1 IIS 安装测试成功页面.- 4 -.2.2 ASP 简介ASP 是一种服务器端脚本编写环境，可以用来创建和运行动态网页或 Web 应用程序。ASP 网页可以包含 HTML 标记、普通文本、脚本命令以及 COM 组件等。利用ASP 可以向网页中添加交互式内容（如在线表单） ，也可以创建使用 HTML 网页作为用户界面的 web 应用程序。 与 HTML 相比，ASP 网页具有以下特点：（1）利用 ASP 可以实现突破静态网页的一些功能限制，实现动态网页技术；（2）ASP 文件是包含在 HTML 代码所组成的文件中的
13、，易于修改和测试；（3）服务器上的 ASP 解释程序会在服务器端执行 ASP 程序，并将结果以 HTML格式传送到客户端浏览器上，因此使用各种浏览器都可以正常浏览 ASP 所产生的网页；（4）ASP 提供了一些内置对象，使用这些对象可以使服务器端脚本功能更强。例如可以从 web 浏览器中获取用户通过 HTML 表单提交的信息，并在脚本中对这些信息进行处理，然后向 web 浏览器发送信息；（5）ASP 可以使用服务器端 ActiveX 组件来执行各种各样的任务，例如存取数据库、发送 Email 或访问文件系统等。（6）由于服务器是将 ASP 程序执行的结果以 HTML 格式传回客户端浏览器，因此
14、使用者不会看到 ASP 所编写的原始程序代码，可防止 ASP 程序代码被窃取。(7)开发需要有丰富的经验,否则会留出漏洞,让黑客利用进行注入攻击.当 在 Web 站 点 中 融 入 ASP 功 能 后 ， 将 发 生 以 下 事 情 ： 1、 用 户 向 浏 览 器 地 址 栏 输 入 网 址 ， 默 认 页 面 的 扩 展 名 是 .asp。 2、 浏 览 器 向 服 务 器 发 出 请 求 。 3、 服 务 器 引 擎 开 始 运 行 ASP 程 序 。4、 ASP 文 件 按 照 从 上 到 下 的 顺 序 开 始 处 理 ， 执 行 脚 本 命 令 ， 执 行 HTML 页面 内 容
15、。5、 页 面 信 息 发 送 到 浏 览 器 2。2.3 office Access 数据库Access 是 微 软 公 司 推 出 的 基 于 Windows 的 桌 面 关 系 数 据 库 管 理 系 统（ RDBMS， 即 Relational Database Management System） ， 是 Office 系 列 应 用.- 5 -.软 件 之 一 。 它 提 供 了 表 、 查 询 、 窗 体 、 报 表 、 页 、 宏 、 模 块 7 种 用 来 建 立 数 据库 系 统 的 对 象 ； 提 供 了 多 种 向 导 、 生 成 器 、 模 板 ， 把 数 据 存 储
16、 、 数 据 查 询 、 界面 设 计 、 报 表 生 成 等 操 作 规 范 化 ； 为 建 立 功 能 完 善 的 数 据 库 管 理 系 统 提 供 了 方 便 ，也 使 得 普 通 用 户 不 必 编 写 代 码 ， 就 可 以 完 成 大 部 分 数 据 管 理 的 任 务 。 ASP 访 问数 据 库 的 方 式 ： 在 ASP 脚 本 中 可 以 通 过 ADO（ activex data objects） 方 式 访问 数 据 库 3。2.4 Microsoft Dreamweave 8 简介Dreamweave 是 Macromedia 公 司 推 出 的 可 视 化 网 页
17、 制 作 工 具 ， 是 较 受 网 页 设计 人 员 欢 迎 的 网 页 制 作 软 件 之 一 ， 是 网 站 建 设 不 可 缺 少 的 工 具 之 一 。Macromedia Dreamweave 8 是 建 立 Web 站 点 和 应 用 程 序 的 专 业 工 具 。 它 将 可 视 布局 工 具 、 应 用 程 序 开 发 功 能 和 代 码 编 辑 支 持 组 合 在 一 起 ， 其 功 能 强 大 ， 在 编 辑上 可 以 选 择 可 视 化 方 式 或 者 源 码 编 辑 方 式 4。2.5 adode Photoshop CSPhotoshop 是 世 界 顶 尖 级 的
18、 图 像 设 计 与 制 作 工 具 软 件 。 图 像 处 理 是 对 已 有 的位 图 图 像 进 行 编 辑 加 工 处 理 以 及 运 用 一 些 特 殊 效 果 ， 其 重 点 在 于 图 像 的 处 理 加 工 。在 表 现 图 像 中 的 阴 影 和 色 彩 的 细 微 变 化 方 面 或 者 进 行 一 些 特 殊 效 果 处 理 时 ， 使 用位 图 形 式 是 最 佳 的 选 择 ， 他 在 这 方 面 的 优 点 是 矢 量 图 无 法 比 拟 的 。3 网 站 设 计3.1 数据库的设计本 网 站 中 用 到 四 个 数 据 库 分 别 是 音 乐 数 据 库 Musi
19、c.mdb、 留 言 数 据 库Massage.mdb、 日 志 数 据 库 suibi.mdb、 网 站 计 数 器 数 据 库 jsp.mdb。 页 面 如 下 ：.- 6 -.图 3-1 Music.mdb 音 乐 数 据 库图 3-2 Massage.mdb 留 言 数 据 库.- 7 -.图 3-3 Suibi.mdb 日 志 数 据 库图 3-4 jsp.mdb 网 站 计 数 器 数 据 库3.2 图片准备在 做 网 站 之 前 首 先 就 是 准 备 素 材 ， 包 括 网 站 内 容 ， 背 景 图 片 等 ， 可 以 在 网 上搜 到 各 种 各 样 的 图 片 素 材 ，
20、 然 后 用 Photoshop 处 理 ， 最 后 得 到 符 合 网 站 需 要 的图 片 。.- 8 -.3.3 首页的制作图 3-5 代码设计窗口该窗口即是 Dreamweaver 8 的设计窗口，以下的代码均在此窗口中完成，包括图片，表格等的插入以及网页页面的设计排版等。图 3-6 首 页 面 index.asp首 页 为 index.asp， 链 接 到 后 台 数 据 库 jsp.mdb,包 括 网 站 导 航 ， 各 个 页 面的 连 接 以 及 后 台 管 理 入 口 和 其 他 友 情.- 9 -.连 接 ， 和 网 站 计 数 器 等 。 在 页 面 右 侧 的 应 用 程 序 窗 口 中 点 击 数 据 库 下 的 “+”选 择 “自 定 义 连 接 字 符 串 ”弹 出 窗 口 3-8 所 示 ， 在 连 接 字 符 串 中 输 入“Provider=Microsoft.Jet.OLEDB.4.0;datasource=“datasource=“ n=n.substring(0,p);if(!(x=dn) for (i=0;!x&ispan
