个人网页设计论文-蔷薇花园

广西理工职业技术学院大专生毕业设计 论文 1 广西理工职业技术学院广西理工职业技术学院 毕业设计 论文 毕业设计 论文 题题目 目 蔷薇花园蔷薇花园 个人网站制作个人网站制作 系系别 别 计信系计信系 专业班级 专业班级 计算机网络计算机网络 姓姓名 名 梁艳萍梁艳萍 学学号 号 0950239 指导教师 指导教师 叶维裕叶维裕 二 二 一一一一年年 十一十一月月 十十 日日 广西理工职业技术学院大专生毕业设计 论文 2 摘摘要要 本文就个人网站的规划与建设 以软件工程的方法对全过程进行了分析与研究 本文的主要 工作集中在 1 对 Web 页进行概述 主要是对 Internet 的历史和发展作了回顾 并对 Web 页的定义和特 性进行阐述 并对网站开发过程中使用的开发工具和技术作了简要的介绍 2 对网站建设中提及到的术语进行了解释 并对个人网站的由来和发展进行了讨论 3 对自己的个人网站从规划到建设进行了详细的分析 4 使用 ASP Access Flash photoshop 技术实现了我的网站的美化和各种功能 其中和数 据库的连接使用到了 ODBC 技术 5 就网站建设提出了自己的观点与建议 关键词 关键词 ASP Access Flash 创意 广西理工职业技术学院大专生毕业设计 论文 3 目录 摘要 2 引言 4 1 1 网站网站设计的简介设计的简介 4 1 1 网站的背景 4 1 2 网站的简述 4 1 3 网站的运行需求 5 2 2 网站开发技术简介网站开发技术简介 5 2 1 Dreamweavar 网页设计软件介绍 5 2 2 ASP 简介 5 2 3 CSS 简介 7 2 4 其他应用软件介绍 8 2 4 1 Adobe Flash 应用简介 8 2 4 2 Microsoft Access 简介 8 2 4 3 Adobe photoshop 简介 8 3 3 网站的总体设计网站的总体设计 9 3 1 站点设计 9 3 2 总体结构 9 3 3 功能模块的概述 10 4 4 数据库与后台数据库与后台 14 4 1 数据库设计 14 4 1 1 需求分析 14 4 1 2 结构设计 14 4 2 后台管理系统 15 5 5 网站调试和用户使用说明网站调试和用户使用说明 17 5 1 网站的调试 17 5 2 用户使用说明 17 结结论论 18 参考文献参考文献 19 致致谢谢 20 广西理工职业技术学院大专生毕业设计 论文 4 引引言言 伴随着社会的发展和科学的进步 上网成为越来越多人们的选择 随着互联网的飞速发展 有关网络的技术也层出不穷 如今互联网上的个人网站如雨后春笋般蓬勃发展 绚丽多彩的主页 比比皆是 每个人都有发挥个人才能 挥洒自己个性的网上伊甸园 在 hao123 神话以后 网站大 全类网站又再一次达到顶峰 然而这个模式拷贝成功的网站却寥寥无几 而对于技术薄弱的个人 网站来说 似乎网址类网站应该是一个很好的切入点 但是由于搜索的异军突起 网址类网站似 乎变得可有可无 网页实际是一个文件 他存放在世界某个角落的某一台计算机中而这台计算机必须是与互联 网相连的 网页经由网址 URL 来识别与存取 当我们在浏览器输入网址后 经过一段复杂而又 快速的程序 网页文件会被传送到你的计算机 然后再通过浏览器解释网页的内容 再展示到你 的眼前 文字与图片是构成一个网页的两个最基本的元素 可以简单的理解为 文字 就是网页 的内容 图片 就是网页的美观 除此之外 网页的元素还包括动画 音乐 程序等等 网页实 际上只是一个纯文本文件 它通过各式各样的标记对页面上的文字 图片 表格 声音等元素进 行描述 例如字体 颜色 大小 而浏缆器则对这些标记进行解释并生成页面 1 1 网站开发技术简介网站开发技术简介 1 11 1 网站的背景网站的背景 我带着青春的激情和求职的欲望 伴随着即将离别的忧伤和对未来美好的憧憬 我即将走完 我的大学之旅 我结合 photoshop 图片处理软件和 FLASH 动画制作软件来完成我的个人网站 在已跨入 21 世纪的今天 人类使用和学习信息的方式以及信息的包装方式正在进行着不可阻 挡的革命 这次革命将比印刷术的出现所产生的影响以及对社会发展的推动远为复杂而巨大 目 前 我国上网的人口已近一个亿 成立世界上网民最多的国家 许多人在需要查询信息 首先想 到的就是上网 网站的迷人之处在于综合使用文本 图象 声音 动画和视频的信息和内容 具 有丰富的多媒体表现与互动特点 无可置疑 网站已成为最吸引人的也最有效的信息传递手段和 方式 随着网络技术的发展 各类网站纷纷出现 个人网站也成为了一种时尚 越来越多的人希 望拥有自己的网站 开辟网络世界的一片天地 展示自己的才华和风格 1 21 2 网站的网站的简述简述 1 网站的作用 让别人了解我 认识我的生活 2 网站的规模 以为是个人网站一般都是由一二十个页面组成 所以规模不大 3 网站目标客户 同学 朋友 和广大青年朋友 4 网站特色 我的这类网站受众一般为青年人 所以在色彩上合设计风格上追求青年人的口 广西理工职业技术学院大专生毕业设计 论文 5 味 画面绚灿 多媒体的技术支持 使得网站生动化 1 31 3 网站的运行需求网站的运行需求 在调试和运行过程中 应该能够让系统正常使用时不出错 若运行时遇到不可恢复的系统错 误 也应该保证数据完好无损 对数据的精确度 时间特性 适应性等都有一定要求 要求系统 运行时 能够保证数据的正确性 信息的可靠性 实现的高效性 系统的易使用性 系统管理的 可维护性 信息的可测试性 数据的复用性 数据的可移植性以及网络互联性 2 2 网站开发技术简介网站开发技术简介 2 12 1 DreamweavarDreamweavar 网页设计软件介绍网页设计软件介绍 Dreamweaver 之所以能成为许多专业网页设计人员与业余人员制作网页的首选而且能保持着 多年的垄断地位 主要是因为其是 所见既所得 的网页编辑软件 即使对 HTML 不熟悉 也可以 作出精彩的网页来 Dreamweaver 不但能够完成一般的网页编辑工作 而且能够实现过去需要通 过编程才能实现的一些效果 并且 Dreamweaver 对于 DHTML 动态网页 的支持也非常好 可以 方便地作出许多眩目的动态特效 因此 一直以来 Dreamweaver 都是网页制作人员的首选工具 利用它可以轻而易举地制作出跨越不同平台和浏览器的动态网页 Dreamweaver 是为网页编排所 设计的软件 它具有将设计要素进行整合排列的功能 Dreamweaver 又是一本实践性很强的一部 2 2 2 2 ASPASP 简介简介 1 ASP 的优势 ASP 技术 ASP Active Server Pages 动态网页 是微软公司推出的一种用以取代 CGI Common Gateway Interface 通用网关接口 的技术 目前 Internet 上的许多基于 Windows 平台的 Web 站点已开始应用 ASP 来替换 CGI 5 简单地讲 ASP 是一个位于服务器端的脚本运行环境 通过 这种环境 用户可以创建和运行动态的交互式 Web 服务器应用程序 如交互式动态网页 包括使 用 HTML 表单收集和处理信息 上传与下载等等 通常情况下 用户通过浏览器看到的网页大多是 静态的 目前 Internet 上的许多站点 仍然提供 静态 static 的主页内容 ASP 与常见的在 Client 端实现动态主页的技术如 Java Applet ActiveX Control VBScript JavaScript 等不同 ASP 中的命令和 Script 语句都是由服务器来解释执行的 执行结果产生动态 生成的 Web 页面并送到浏览器 而 Client 端技术的 Script 命令则是由浏览器来解释执行 由于 ASP 是在服务器端解释执行 开发者可以不必考虑浏览器是否支持 ASP 同时由于它在服务器端执 行 开发者也不必担心别人下载程序从而窃取编程逻辑 6 ASP 通过后缀名为 asp 的 ASP 文件来 实现 一个 asp 文件相当于一个可执行文件 因此必须放在 Web 服务器上有可执行权限的目录下 当用户从浏览器输入了 asp 文件的地址后 浏览器就将这个 URL 请求发给 Web Server 如果 Web 广西理工职业技术学院大专生毕业设计 论文 6 Server 上装了 ASP 就调用 ASP ASP 读出相应 asp 文件 解释并执行命令 动态生成一个 HTML 页面回传 Web Server 然后 Web Server 再把结果发送给浏览器 ASP 文件的制作和 HTML 类似 且和 HTML 开发集成 可以在同一个过程完成 利用 ASP 将可以执行的脚本嵌入到 HTML 文件中 将 HTML 文件的后缀名改为 asp 这使得 HTML 文件的编写与脚本的开发融合在一起 通过 ASP 内置 的对象 服务器组件 Server Component 可以完成非常复杂的任务 而且用户还可以自己开发 或利用别人开发的服务器组件完成专门的任务 7 ASP 比较网关及服务器扩展模式有着以下优 点 1 完全与 HTML 文件融合在一起 2 容易创建 不需要其它编译 链接程序 3 面向对象的并通过 ActiveX Server 对象可扩展 2 ASP 的特点 1 组件在 ASP 技术中起着核心作用 要想开发出具有实用价值的动态 Web 应用程序 ASP 脚本必须与基本 COM 标准的组件配合使 用 组件对象模型的微软公司体现用户的一种基于二进制的软件标准 与语言无关 Visual Basic Visual C Visual J 等都能创建 COM 组件 在不同的语言实现的组件之间 依据 COM 标准可 以进行交互操作 8 ASP 提供了 10 个内置组件 每个组件中包括一个或多个对象 在使用前 组件的对象需要 被实例化 ASP 提高了 6 个内置对象 这 6 个内置对象可以被 ASP 脚本直接使用 不需要被实例 化 除了内置组件和内置对象 开发人员还可以自行制作实现特殊功能的组件 2 支持几乎所有的脚本语言 除了支持 VBScript JavaScript 外 ASP 还支持 REXX Perl 等多种脚本语言 VBScript 是 ASP 支持的默认脚本语言 在同一个 ASP 文件中 ASP 脚本可 调用不同的脚本语言 从而发挥各种脚本语言的优势 3 易于操控数据库 ASP 可以轻易地通过 ODBC Open Database Connectivity 驱动程序连接各种不同的数据库 例如 Access VFP DBase Oracle 等等 另外 ASP 亦可将 文本文件 或是 Excel 文件 当成数据库用 4 ASP 的七个对象 对象名称功能描述 Request 用于获取客户通过浏览器向服务器发送的信息 Response 用于将输出结果发送到浏览器 广西理工职业技术学院大专生毕业设计 论文 7 Server 用于提供对服务器方法 属性的存取 Session 用于在一个拥护对话 Session 中存储公用的信息 Application 用于在 ASP 应用的多个对象之间共享信息 Asperror 用于 ASP 应用的错误处理 Objectcontext 用于通过 Microsoft Transaction Server MTS 来提交或中止一项交易 从客户端取得信息将信息送给客户端提供一些 Web 服务器工具储存在一个 Session 内的用 户信息 该信息仅可被该用户访问在一个 ASP Application 中让不同的客户端共享信息可以用来 配合 Microsoft Transaction 服务器进行分布式事务处理 9 5 ASP 的工作原理 当用户浏览网页时 客户端浏览器与 WEB 站点之间进行交互的过程 如图 2 2 1 图 2 2 1 ASP 工作原理 当服务器看到文件的扩展名为 asp 时 就会读取文件内容 解释执行其中的 VBScript 程序 当遇到基于 COM 标准的组件 组件本身是经过便宜的可重用的二进制代码 时 ASP 引擎将启动 相应组件完成指定的功能 若 ASP 文件含有访问数据库的请求时 ASP 内置组件 ADO ActiveX Data Object 能与数据库连接 对数据库进行访问 并将访问结果返回服务器 最后 生成标准的 HTML 文件 并将生成的 HTML 文件传送给浏览器 这样就完成了用户浏览器对服务器的访问 2 32 3 CSSCSS 简介简介 CSS Cascading Style Sheet 可译为 层叠样式表 或 级联样式表 是一组格式设置 规则 用于控制 Web 页面的外观 通过使用 CSS 样式设置页面的格式 可将页面的内容与表现形 式分离 页面内容存放在 HTML 文档中 而用于定义表现形式的 CSS 规则则存放在另一个文件中或 广西理工职业技术学院大专生毕业设计 论文 8 HTML 文档的某一部分 通常为文件头部分 将内容与表现形式分离 不仅可使维护站点的外观更 加容易 而且还可以使 HTML 文档代码更加简练 缩短浏览器的加载时间 2 42 4 其他应用软件介绍其他应用软件介绍 2 4 12 4 1 FlashFlash 应用简介应用简介 Flash 网站具有设计精美 拥有更多声效 动画 流媒体剪辑 美术效果及兼顾互动性 等特征 非常适合公司作在线产品展示 Flash 网站基本以图形和动画为主 所以比较适合做那 些文字内容不太多 以平面 动画效果为主的应用 如 企业品牌推广 特定网上广告 网络游 戏 个性网站等 Flash 在网页上的应用正是目前流行的一种美化手法 因此蔷薇花园个人网站 时 选择 Flash 进行美化 而把 Flash 应用于网页上 代码是必不可少德 比如简单的连接 on release getURL XX com blank 就可以实现 FLASH 动画链接网页 同时利用 FLASH 动画使得我的个人网站变得比较生动活泼 更 吸引年轻人的眼球 2 4 22 4 2MicrosoftMicrosoft AccessAccess 简介简介 Access 功能强大 使用方便 是最优秀的桌面数据库开发工具之一 Access 与其他数据库开 发系统之间有相当显著的区别就是 Access 数据库系统把数据库应用程序的建立移到了用户环境 中 用户不用写一行代码 就可以在很短的时间里开发出一个功能强大而且相当专业的数据库应 用程序 并且这一过程完全是可视的 3 Access 与其他桌面数据库的另一个重要区别是 Access 中的数据库文件既包括存储数据的 表 又包括操作或控制数据的其他对象 它由七种对象组成 表 查询 窗体 报表 WEB 页 宏和模块 Access 2003 在网络功能上有了很大的改进 在数据库中通过超级链接字段可以直接链接到 指定的 WEB 页面或网络文件 也可以通过 数据访问页 将数据库文件中的数据发布到网络上 从而实现数据共享 2 4 32 4 3AdobeAdobe PhotoshopPhotoshop 简介简介 Photoshop 是 Adobe 公司旗下最为出名的图像处理软件之一 集图像扫描 编辑修改 图像 制作 广告创意 图像输入与输出于一体的图形图像处理软件 深受广大平面设计人员和电脑美 术爱好者的喜爱 本个人网站大多数都是运用了 photoshop 图像处理软件进行设计和美观 广西理工职业技术学院大专生毕业设计 论文 9 3 3 网站的网站的总体设计总体设计 3 13 1 站点设计站点设计 打开 Dreamweaver CS3 站点 新建站点 进入 站点定义 窗口 点击 高级 选项卡 进入 本地信息 分类窗口分别输入 站点名称 liangyp 本地根文件夹 E liangyp 进入 测试服务器 窗口 分别选择 服务器模型 ASP VBScript 访问 本地 网络 点击 确定 按钮完成站点设置 完成后右下角的站点窗口会显示一个新的站点 如图 3 1 1 图 3 1 1 3 3 2 2 总体结构总体结构 网站主要有前台界面 后台管理和数据库三大部分组成 网站前台主要界面一共有 5 个 分 别是 我的首页 我的相册 我的日志 我的生活 我的作品 该导航是运用 FLASH 动画软件 制作的 如图 如图 3 2 1 图 3 2 1 网站添加了背景音乐 代码如下 广西理工职业技术学院大专生毕业设计 论文 10 网站体现出个人的风格 在界面上用色较为绚丽缤纷 比较符合现在年轻人的品位 网站使用许 多 FLASH 动画 很形象的表达出个人网站生动活泼 网站的总体结构如 如图 3 2 2 图 3 2 2 3 3 3 3 功能模块的概述功能模块的概述 个人网站主要是展现自我的平台 最要是运用了 FLASH 动画来使网站更吸引年轻人的眼球 功能不多 网页也比较简洁花俏 主要以相片居多 日志页面可以让别人预览 管理者可以对其 发表日志 和对日志的修改 添加 删除 功能比较简洁 网站中的各个导航的主要功能如下 开场动画进入 我的首页 我的相册 我的日志 我的生活 我的作品 首页相册班级相册 生活相册 学习相册 详细内容 后台管理 添加日志 修改日志 删除日志 广西理工职业技术学院大专生毕业设计 论文 11 开场动画 使用 FLASH 动画形式进入主页 比较吸引眼球 如图 3 3 1 图 3 3 1 我的首页 第一时间给别人知道这是一个有特点的个人网站 网站使用 photoshop 图像处理 软件设计 里面加入了 FLASH 动画 比较多个性化的东西 如图 3 3 2 图 3 3 2 我的相册 同样采用 FLASH 动画作为主要形式 主要以 FLASH 相册为主题 以观看相片为主 要目的 点击每个图片都会有个 FLASH 动画 如图 3 3 3 广西理工职业技术学院大专生毕业设计 论文 12 如图 3 3 3 我的日志 给用户浏览日志文章 还设用后台管理 可以添加 修改 删除日志作用 但只 限于管理者 功能比较简单 如图 3 3 4 如图 3 3 4 我的生活 以 FLASH 动画加上文字表达出我的生活 如图 3 3 5 广西理工职业技术学院大专生毕业设计 论文 13 如图 3 3 5 我的作品 以 FLASH 动画为主展示我的作品 如图 3 3 6 如图 3 3 6 广西理工职业技术学院大专生毕业设计 论文 14 4 4 数据库与后台数据库与后台 4 4 1 1 数据库设计数据库设计 数据库在一个网站系统中占有非常重要的地位 数据库结构设计的好坏将直接影响到网站的 执行效率 对实现的效果产生影响 数据库设计是对一个给定的应用环境 构造最优的数据库模 式 建立数据库及其应用系统 有效存储数据 满足管理者对信息要求和处理要求 合理的数据 库结构设计可以提高数据储存效率 保证数据的完整性和一致性 设计数据库系统时应该首先充分了解管理者方面的需求 包括现有的以及将来可能增加的需 求 数据库设计一般包括如下几个步骤 1 数据库需求分析 2 数据库概念结构设计 3 数据库逻辑结构设计 4 4 1 1 1 1 需求分析需求分析 进行对数据库创建的时候 要分析网站需要的后台管理的数据包括有哪些 才能正确的建立 合理的数据库 日志页面主要是提供用户浏览文字的信息的 所以要用对用户提供信息的标题和 内容的字段 在管理方面 要有一个管理者登陆的账户 对其日志信息进行添加 修改 删除等 作用 收集基本数据 数据结构及数据处理的流程 组成一份详尽的数据字典 为后面的具体设 计打下基础 蔷薇花园个人网站有两个表 1 管理员表 包括的数据项有用户姓名 密码 2 日志表 包括的数据项有标题 时间 内容 4 4 1 2 1 2 结构设计结构设计 根据网站的需求 将数据库设计如图下 图 4 1 2 1 为管理者表 图 4 1 2 1 广西理工职业技术学院大专生毕业设计 论文 15 图 4 1 2 2 为日志表 图 4 1 2 1 4 4 2 2 后台管理系统后台管理系统 网站后台主要是为了方面管理者登陆后台对日志内容进行添加 修改 删除 在 rizhi asp 页面进入管理者的登陆界面 管理者登陆界面 如图 4 2 1 图 4 2 1 日志管理界面 如图 4 2 2 图 4 2 2 广西理工职业技术学院大专生毕业设计 论文 16 添加日志界面 如图 4 2 3 图 4 2 3 修改日志界面 如图 4 2 4 图 4 2 4 删除日志界面 如图 4 2 6 图 4 2 6 广西理工职业技术学院大专生毕业设计 论文 17 5 5 网站调试和用户使用说明网站调试和用户使用说明 5 5 1 1 网站的调试网站的调试 应用程序的调试对编程来说是一项十分重要的工作 当程序有错误时 通过调试将问题找出 来 加以解决 其应用的步骤如下 1 选择要调试的对象或者文件 打开对应文件 代码将显示在 Dreamwaver 中 然后在 Dreamwaver 中进行调试 2 修改某段代码后可一在浏览器中预览结果 如果仍有问题重复 1 再次反复重复 1 2 步骤 直到程序无错误为止 5 5 2 2 用户使用说明用户使用说明 1 此网站运行的环境为安装有 IIS 组件的 WINDOWS XP 或更高版本的操作系统 2 系统数据库为Microsoft Office Access 3 此网站的操作人员要有一定的计算机基础 4 登录身份验证可以在数据库中自行设定 但必须在相应的程序中进行修改 5 管理员可以对日志的相关记录进行添加 删除 修改等操作 6 由于此网站还有许多需要改进的地方 所以在功能及使用范围方面存在一定的局限性 7 本网站是个人的毕业设计作品 不能与其他个人网站进行对比 8 本网站初始后台管理员用户名为 admin 密码为 123 9 本网站已通过 Microsoft Internet Explorer 6 7 8 搜狗浏览器等工具的测试 广西理工职业技术学院大专生毕业设计 论文 18 结结论论 经过一个多月以来的努力 在叶老师和同学之间的相互交流下我终于顺利的把毕业设计完 成了 在这次做毕业设计的过程中 使我深深的了解到自己的不足 有很多东西还有待去了解和 学习 我同时翻阅了大量的资料 包括网上资料 书本及学校的一些相关资料 经过近一段时间的 努力 个人网站的设计制作告一段落 总结这次 蔷薇花园 个人网站 开发制作过程 我综合使 用了目前因特网上比较流行的各种 FLASH 网页制作方法及交互式动态网站的制作设计手段 并利 用后台程序完成了网站的动态响应与生成网页的技术 同时也从中学习了对静态页面的处理风格 色彩搭配 页面导航方面有了一定经验 对用 asp 制作动态效果也有了更进一步的认识 在设计 时使用了 Access 建立数据库 以及对数据库浏览 修改 添加 删除 对我来说 能够设计出这样一个特色的个人网页已经算很容易的 虽然它不是很完美 但也 是我用这两年多来所学到的知识和心思去做的 在做网站的过程中 使我受益非浅 虽然不能与 其他人相比 但也能慰籍我的一片小小心灵 通过一个多月来所吸收的知识扎实 丰富 由于本 人所学的知识水平有限 所以本网站的功能不是很齐全也不是很完善 还有待更新 望大家多多 见谅与包含 我会努力学习更多的知