网站设计技术及应用毕业论文.doc

网站设计技术及应用毕业论文网站设计技术及应用毕业论文 目目 录录 摘摘 要要1 第第 1 1 章章 绪论绪论3 第第 2 2 章章 技术分析技术分析3 2 1 需求分析3 2 1 1 需求调查3 2 1 2 课题内容及研究内容3 2 2 相关技术分析3 2 2 1 网站制作软件 DREAMWEAVER的技术特点3 2 2 2 动态网页制作技术对比4 2 3 MICROSOFT ACCESS 2003 的简介5 第第 3 3 章章 网站设计网站设计6 3 1 网站规划6 3 1 1 网站设计原则6 3 1 2 网站主要功能介绍6 3 1 3 网站设计思路6 3 2 网站结构图7 第第 4 4 章章 项目的实现项目的实现8 4 1BANNER8 4 2 顶部设计8 4 3 友情链接的设计8 4 4 登录注册留言功能8 4 5 登录9 4 6 设计9 4 7 项目的实现11 4 8 配置服务器12 结结 束束 语语13 致致 谢谢13 网站设计与构建 1 参考文献参考文献14 第 1 章 绪论 1 1 网站开发前景 在 Internet 飞速发展的今天 互联网成为人们快速获取 发布和传递信息 的重要渠道 它在人们政治 经济 生活等各个方面发挥着重要的作用 Internet 上发布信息主要是通过网站来实现的 获取信息也是要在 Internet 海洋 中按照一定的检索方式将所需要的信息从网站上下载下来 因此网站建设在 Internet 应用上的地位显而易见 它已成为政府 企事业单位 以及个人信息化建设中的重要组成部分 从而倍受人们的重视 设计这个网站的主要目的是因为随着网络逐渐步入了每个人的家庭 使得每个 人的生活的离不开网络 人们都用网络进行着各种活动 例如上网查询资料 聊天 进行商品的买卖 娱乐 游戏 音乐等等 总之人们现在的学习生活都 与网络紧紧相关 所以我也能利用网络来关注我所感兴趣的汽车 知道最新的 消息的也可以知道自己喜欢车子的样子和性能 还能认识更多有相同爱好的朋 友 第 2 章 技术分析 2 1 需求分析 2 1 1 需求调查 在网络流行的现今有很多人喜欢通过网上网站来获取自己所喜欢的知识和 所关注的事物的最新动态 随着全球信息网络的发展 Internet 在世界上已不仅 仅是一种技术 更重要的是它已成为一种新的经营模式 从 4C Connection Communication Commerce Co operation 层次上彻底改变了 人类工作 学习 生活 娱乐的方式 已成为国家经济和区域经济增长的主要 动力 Internet 正成为世界最大的公共资料信息库 它包含无数的信息资源 所 有最新的信息都可以通过网络搜索获得 在这种情况下就有必要去设计专门的 网站设计与构建 2 网站来应对某一个领域 来让人们的指向型更强更准确 2 1 2 课题内容及研究内容 通过使用 Dreamweaver 来设计网站并且主要研究对 ASP NET 及 Microsoft Access 2003 的应用方法 2 2 相关技术分析 2 2 1 网站制作软件 Dreamweaver 的技术特点 Dreamweaver 是一个专业的网站设计和网页特作工具 能够高效的创作出 具有各种效果的网页 而且 Dreamweavetr 为用户提供了 所见即所得 的网 页编辑方式 Dreamweaver 独特的编辑环境使创作网页变得简单方便 Dreamweaver 采用了一系列面板来帮助用户完成复杂的工作 并为用户提供了 如行为 时间轴等增强网页效果的工具 以前的网页制作不仅要考虑如何制作 网页 还要考虑如何制作出能够兼容各种浏览器的页面 以各种浏览器都能够 正常显示网页 这些考虑到因素大大增加了工作量 而 Dreamweaver 提供了浏 览器的检查功能 可以很好地兼容各种浏览器 在 Dreamweaver 中可以编辑如 Javascript 和 XML 等程序代码 Dreamweaver 的代码工具包括 HTML 编辑器 CSS 样式表编辑器 Javascript 语法参考及 Javascript 程序调试器等 在 Dreamweaver 中支持 Word 和 Forntpage 生成的网页 在 Dreamweaver 中提供 了基于 ASP JSP PHP ASP NET 等动态网页技术的 Web 应用程序开发功能 通 过数据库 服务器行为和绑定面板快速定义数据库连接 将数据库记录显示在 页面上和通过页面操作数据库数据 这些使 Dreamweaver 不再仅仅是一个优秀 的网页特作和网站设计工具 同时也是一个功能强大的 web 应用程序开始工具 2 2 2 动态网页制作技术对比 ASP 全名 Active Server Pages 是一个 WEB 服务器端的开发环境 利用它 可以产生和执行动态的 互动的 高性能的 WEB 服务应用程序 ASP 采用脚本 语言 VBScript Java script 作为自己的开发语言 ASP 的程序比 HTML 更方 便而更富有灵活性 是在 Web 服务器端运行 运行后再将运行结果以 HTML 格式传 送至客户端的浏览器 因此 ASP 与一般的脚本语言相比要安全得多 ASP 最大的 好处就是可以包含 HTML 标签 也可以直接存取数据库及使用无限扩充的 ActiveX 控件 用户可以直接使用 ActiveX 控件 调用对象方法和属性 以简单的 方式实现强大的交互功能 但 ASP 技术也并非完美无缺 由于它基本上是局限于 微软的操作系统平台 主要的工作环境是微软的 IIS 应用程序结构 又因 ActiveX 对象具有平台特性 所以 ASP 技术要实现在跨平台 Web 服务器上工作 不是很容易 Microsoft 的 ASP 技术目前已发展到 NET 版 对很多人来说 用 ASP 网站设计与构建 3 来创建 Windows 服务器平台上的动态 Web 网页 整个站点和基于 Web 的应用程序 已经成为及其自然的方法 在浏览器地址栏中 文件扩展名 asp 同表示动态创建 的网页的文件扩展名 pl 或 cgi 一样 已被浏览者所接受 开发 ASP 程序 常常先 设计静态网页的栏目格式和排版形成 HTML 语言 接着在 HTML 的基础上添加脚本 程序 形成 ASP 程序后再实现动态的 Web 网页 在 ASP 的程序开发中 它所用的脚 本语言是 JavaScript 和 VBScript 在默认情况下使用的是 VBscript 它是 VB 程 序设计语言的一个子集 语法与 VB 基本相同 PHP 是一种跨平台的服务器端的嵌入式脚本语言 它大量地借用 C Java 和 Perl 语言的语法 并耦合 PHP 自己的特性 使 WEB 开发者能够快速地写出动态 产生页面 它支持目前绝大多数数据库 还有一点 PHP 是完全免费的 不用 花钱 你可以从 PHP 官方站点 http 自由下载 而且你可以不 受限制地获得源码 甚至可以从中加进你自己需要的特色 二者都提供在 HTML 代码中混合某种程序代码 由语言引擎解释执行程序 代码的能力 在 ASP PHP 环境下 HTML 代码主要负责描述信息的显示样式 而程序代码则用来描述处理逻辑 普通的 HTML 页面只依赖于 Web 服务器 而 ASP PHP 页面需要附加的语言引擎分析和执行程序代码 程序代码的执行结 果被重新嵌入到 HTML 代码中 然后一起发送给浏览器 ASP PHP 二者都是面 向 Web 服务器的技术 客户端浏览器不需要任何附加的软件支持 ASP 技术特点 1 使用 VBScript JScript 等简单易懂的脚本语言 结合 HTML 代码 即可 快速地完成网站的应用程序 2 无须 compile 编译 容易编写 可在服务器端直接执行 3 使用普通的文本编辑器 如 Windows 的记事本 即可进行编辑设计 4 与浏览器无关 Browser Independence 客户端只要使用可执行 HTML 码的 浏览器 即可浏览 Active Server Pages 所设计的网页内容 Active ServerPages 所使用的脚本语言 VBScript Jscript 均在 WEB 服务器端执行 客户端的浏览器不需要能够执行这些脚本语言 5 Active Server Pages 能与任何 ActiveX scripting 语言兼容 除了可使用 VB Script 或 JScript 语言来设计外 还通过 plug in 的方式 使用由第三方 所提供的其它脚本语言 譬如 REXX Perl Tcl 等 脚本引擎是处理脚本程 序的 COM Component Object Model 对象 6 可使用服务器端的脚本来产生客户端的脚本 7 ActiveX Server Components ActiveX 服务器组件 具有无限可扩充性 可 以使用 Visual Basic Java Visual C COBOL 等程序设计语言来编写你 所需要的 ActiveX Server Component 2 3 Microsoft Access 2003 的简介 Access 功能强大 使用方便 是最优秀的桌面数据库开发工具之一 Access 与其他数据库开发系统之间有相当显著的区别就是 Access 数据库系统 把数据库应用程序的建立移到了用户环境中 用户不用写一行代码 就可以在 很短的时间里开发出一个功能强大而且相当专业的数据库应用程序 并且这一 过程完全是可视的 3 网站设计与构建 4 Access 与其他桌面数据库的另一个重要区别是 Access 中的数据库文件既包括 存储数据的表 又包括操作或控制数据的其他对象 它由七种对象组成 表 查询 窗体 报表 WEB 页 宏和模块 Access 2003 在网络功能上有了很大的改进 在数据库中通过超级链接字段可 以直接链接到指定的 WEB 页面或网络文件 也可以通过 数据访问页 将数据 库文件中的数据发布到网络上 从而实现数据共享 第 3 章 网站设计 3 1 网站规划 3 1 1 网站设计原则 实用性原则 确保网站具有良好的系统性能 友好的用户界面 较高的处理效 率 便于管理人员使用和维护 并采用成熟的技术 先进性原则 采用先进而成熟的技术 使其具有较高的技术水平和较长的生命 周期 兼容性原则 对于所选硬件系统及平台 能很好地适应开发和使用 规范性原则 软件设计过程严格按照 软件工程 的规范进行 系统编码 操 作系统平台以及所采用的开发方法按照相应的国际标准和国家标准 3 1 2 网站主要功能介绍 页面整体以蓝色为主题 页面构建十分简单明了 上面没添置的 Banner 图片风 格与主题完全吻合 给人有一种身心愉悦的感觉 首页 用户打开的默认界面 包含了所有的网站上的大部分功能和连接 汽车公司介绍 介绍了现今最好的汽车公司 车标介绍 介绍了车标的意义和各车型的车标 汽车性能介绍 主要是介绍了现今流行车辆的性能 图片鉴赏 里面容纳了本人喜欢的各类汽车车型的图片 用户注册 可进行用户登录和注册 3 1 3 网站设计思路 网站主要就分为两部分 一部分是静态页面的设计 就是网站的主体网站 的主要信息部分 另一部分就是动态页面的设计 就是关于数据库的 其具体步骤 网站设计与构建 5 1 分析项目的要求 建立数据库 2 定义一个站点 3 建立静态网页 4 建立数据源 5 建立数据链接 6 建立数据集 7 在网页中添加服务器端行为 3 2 网站结构图 网站首页 用户登录 系统 首页汽车公司汽车性能 用户注册用户注册用户登录用户登录留言板留言板后台管理后台管理 图片鉴赏 图 3 1 网站结构图 网站设计与构建 6 第 4 章 项目的实现 4 1Banner 用 photoshop 制作页面效果图片 搭配好颜色 设计好版式 这样做的目 的是为了让网站的页面更具有整体性和美观性 色调搭配及版面的设计都可以 通过 photoshop 这个强大的图片处理软件来完成 这样设计出来的网页不论是 从美工还是从版式上都是一流的 4 2 顶部设计 页面的顶部设计 menu js 每页都嵌有 menu js 文件 设计了几个链接 首页 汽车公司介绍 车标介绍 汽车性能介绍 图片鉴赏 使每页的页面设 计美观 使用操作方便 各个控件的调用与首页调用的方式一样 4 3 友情链接的设计 我在首页下面设置了友情链接 设置了几个汽车的网站 是为了方便用户 方便快捷的登陆其他汽车的相关网站 了解更多关于汽车车型的信息 4 4 登录注册留言功能 创建了一个数据库名为 data 创建表 admin 为用户信息 config 数据信 息 hit 登陆次数 message 留言 return 回复 skin 界面参数设置 网站设计与构建 7 4 4 1 字段描述字段名数据类型是否为空 序号ID自动编号否 账号Username文本否 密码Password文本否 性别sex数字否 头像bzface文本否 邮箱Email文本是 真实姓名realname文本否 电话phone文本是 注册时间Lasttime日期 时间否 用户名Nickname文本否 4 4 2 4 5 登录 4 6 设计 页面设计主要有以下几个 首页面中的用户登陆 如果是已经注册过的用户只需要直接输入用户名及 密码就可以留言板 网站设计与构建 8 4 6 1 用户注册页面 主要填写用户名和密码 以及其它信息 就可以注册成为 会员 用户注册完毕后 可登录到留言板 4 6 2 信息的发布和查看 只要是网站注册的会员 均可在留言板内发布信息 查看信息和删除自己的信息 网站设计与构建 9 4 6 3 后台管理 使用管理员账号可以登陆网站后台 可以进行留言 更改数据 的备份 注册页面外观的设定 用户管理 4 6 4 4 7 项目的实现 网站连接数据库功能实现代码 4 8 配置服务器 Windows XP 的 Internet 信息服务 IIS 给 Windows 带来 Web 计算的强大 功能 IIS 是创建和开发动态网站解决方案的安全平台 在 WinXP 系统中 默 认的情况下 它们在系统初始安装时都不会安装 IIS 因此得将这些组件添加 到系统中去 1 安装 IIS 若操作系统中还未安装 IIS 服务器 可打开 控制面板 添加 删除程序 添加 删除 Windows 组件 在 Windows 组件 向导对话框中选中 Internet 信息服务 IIS 然后单击 下一步 按向导指示 完成对 IIS 的安装 2 启动 Int ernet 信息服务 IIS 单击 Windows 开始菜单 所有程 序 管理工具 Internet 信息服务 IIS 管理器 即可启动 Internet 信息服务 管理工具 3 配置 IIS IIS 安装后 系统自动创建了一个默认的 Web 站点 该站点 的主目录默认为 C Inetpub www root 用鼠标右键单击 默认 Web 站点 在弹出的快捷菜单中选择 属性 此时就可以打开站点属 性设置对话框 在该对话框中 可完成对站点的全部配置 网站设计与构建 11 结 束 语 小时候就非常憧憬着有自己的网站 现在终于实现了一个儿时的梦想同时 也经过本次对汽车主题网站建设 使得我在大学这 3 年的学习以及在单位实习里 学到的知识可以想结合的运用 从中充分得到了理论与实践相结合的运用机会 对在电大计算机专业中所学到的专业知识与技术得到了进一步的了解掌握 本 课题网站所设计的功能基本符合预期的需求分析 能够完成用户浏览信息 发布 信息 会员登录等一些操作 但是就网站面向的群体面言 还有许多不尽如人意 的地方 比如网页的外观设计留言提问等多方面问题 在以后的工作中会继续 努力来完善自己的不足 同时发挥出制作本网站的经验在工作中更加完美的前 进 本网站的成功搭建也提供了一个自我展示的机会 同学更为广大汽车爱好 者提供了良好的交流平台 在这里大家共同探讨自己所深爱的品牌车以及自己 对自己未来汽车的看法和想法 我要努力的工作为了早日拥有一台我自己的汽 车而奋斗 致 谢 经过几个月的构思