基于ASP技术的商业网站系统设计毕业设计(论文)

潍 坊 学 院 本 科 毕 业 设 计 摘 要 1 基于基于 ASP 技术的商业网站系统设计技术的商业网站系统设计 摘要摘要 商业网站系统的设计主要包括前台和后台的设计 前台主要实现以下几 大功能 公司简介 公司新闻动态展示 公司产品介绍 企业招聘信息发布 留言 系统 联系方式 后台主要功能 新闻管理 业务更改 留言管理等 本网站的个 性化页面生成系统是在Dreamweaver提供的完善的开发环境下 利用IIS ASP技术来 实现完成的 其中应用到的技术主要是asp语言编写前台界面 sql语句操作数据库 应用的工具主要是flash以及photoshop制作美工相关的材料 dreamweaver编写相关 程序代码 数据库服务器端采用了Microsoft Access数据库作为ODBC Open DataBase Connectivity 数据源 并进行数据库存取等操作 从而使Web与数据库 紧密联系起来 后台使用开源的cmsasp二次开发 然后使用sql语句把前台和后台连 接实现管理数据库里面的表数据 企业只需要在后台发布信息 即可在前台相应位 置显示 以实现信息的易管理性 为了充分利用网络资源 扩大公司影响力 树立 公司品牌形象 在此建立此网站供大家学习交流 关键词关键词 ASP 数据库 网站设计 商业网站 潍 坊 学 院 本 科 毕 业 设 计 摘 要 2 BASED ON ASP TECHNOLOGY BUSINESS WEBSITE SYSTEM DESIGN Abstract Your business web site the design of the system mainly include the design of the front desk and the background the front office achieve the following a few big main functions introduction the company news show the company introduces dynamic business enterprise recruitment information release message system the contact method Backstage main functions news management business change message management etc This web site is the personalized page generation system in the development of the perfect Dreamweaver provide environment use IIS ASP technology to realize the finish One of the main technology is applied to the asp language writing front desk interface SQL DataBase operation application tool is mainly flash and photoshop creation artists of the relevant material dreamweaver write related program code the DataBase server using Microsoft Access DataBase as ODBC Open DataBase Connectivity data sources and DataBase Access and operation so that the Web and DataBase closer together The background of use open source cmsasp second development and then use the SQL statement at the front desk and the background of the database connection realization management inside table data the enterprise only need in the background release information can be in the foreground to corresponding position shows in order to realize information to the management capacity In order to make full use of network resources expand its influence set up the company brand image in this building this website for everybody to learn communication Key words ASP Database Web site design Commercial web sites 潍 坊 学 院 本 科 毕 业 设 计 目目 录录 摘 要 1 1 绪论 1 1 1 商业系统网站的建站环境与目的 1 1 2 网站发挥的作用 1 1 3 网站的访问对象 2 2 网站的需求分析与技术分析 3 2 1 需求分析 3 2 2 相关技术及工具介绍 3 3 网站的系统设计 6 3 1 网站规划 6 3 2 数据库设计 6 4 网站的系统实现 9 4 1 LOGO 和 BANNER 9 4 2 网站界面的实现 9 4 3 设置 IIS 服务器 12 4 4 交互式页面的实现 12 4 5 网站发布与浏览 18 5 调试和优化 19 5 1 网站调试 19 5 2 优化方案 21 结束语 23 参考文献 24 附 录 25 致 谢 28 潍 坊 学 院 本 科 毕 业 设 计 1 1 1 绪论绪论 1 11 1 商业系统网站的建站环境与目的商业系统网站的建站环境与目的 Internet是目前世界上最大的计算机互联网络 它遍布全球 将世界各地各种规 模的网络连接成一个整体 作为Internet上一种先进的 易于被人们所接受的信息检 索手段 World Wide Web 简称WWW 发展十分迅速 成为目前世界上最大的信息资 源宝库 据估计 目前Internet上已有上百万个Web站点 其内容范围跨越了教育科 研 文化事业 金融 商业 新闻出版 娱乐 体育等各个领域 其用户群十分庞 大 因此 建设一个好的Web站点对于一个机构的发展十分重要 近年来 随着网 络用户要求的不断提高及计算机科学的迅速发展 特别是数据库技术在Internet中的 广泛应用 Web站点向用户提供的服务将越来越丰富 越来越人性化 Internet的迅 猛发展正在彻底地改变我们的生活 工作方式 网络已经成为我们生活中不可缺少 的一部分 为了加强管理 提高工作效率 借鉴国际先进的管理经验 深化改革 我公司于2010年建立了自己的网站和局域网 为了充分利用网络资源 加强厂内各 个部门的联系 加强合作 促进职工的学习热情 提高职工的业务水平 建立此网 站 本文中数据库服务器端采用了Microsoft Access数据库作为ODBC Open DataBase Connectivity 数据源 并进行数据库存取等操作 使Web与数据库紧密联系起来 整个个性化页面生成系统主要由使用Dreamweaver开发的关联规则采掘系统和利 用IIS ASP技术实现的个性化Web页面生成器两部分组成 关联规则采掘系统对数据 库中的历史记录进行分析 产生用户关联规则表 页面生成器则负责记录用户行为 和根据关联规则表动态生成用户个性化Web页面 二者通过数据库服务器和Web服 务器连接 1 21 2 网站发挥的作用网站发挥的作用 信息时代的来临拓宽了大家进行自我提升的途径 同时也对大家的素质提出了 更高的要求 被称为当今社会的 天之骄子 的电脑主宰着世界的前进 而主宰电脑 的我们则更应该多思考 多研究 多学习 只读书的学习方式一去不复返 科技的 日新月异 使我们不得不学习一种新的知识 计算机技术 怪不得有人说 不会电脑 的人 将是新世纪的文盲 足见网上学习的重要性 员工网上交流系统网站将作为 一个员工的学习 交流的平台 设立公司新闻 展示全公司风采 发布各种新闻 单位组织的活动 等信息 设立学习平台实现网上学习 拓宽培训途径 随着单位 人事制度改革的深入 强化人才的管理 建立岗位竞聘模块 留言反馈 联系我们 潍 坊 学 院 本 科 毕 业 设 计 2 的建立 便于于员工的互动和交流 1 31 3 网站的访问对象网站的访问对象 站内浏客 浏览网页后知道本单位的概况 了解公司的组织结构 了解公司最 新动态信息 管理人员 对网站进行管理 回复留言 发布商业信息 新闻 及岗位竞聘等 内容 查看岗位竞聘信息 并与之联系等 潍 坊 学 院 本 科 毕 业 设 计 3 2 2 网站的需求分析与技术分析网站的需求分析与技术分析 2 12 1 需求分析需求分析 现代社会是信息高度发达的社会 伴随着信息的潮涌 技术的冲击 大多数人 的观念也在逐步改变 将信息技术与公司资源整合 让现代信息技术为公司网站服 务 是一个提高教学效果和效率的有效途径 因此网站建立根据现在单位的实际情况有如下要求 建立网站主要应用于本公司内部交流和方便公众访问外部网站 由于单位部门多 人员分散 需要依托网络建立一个学习交流平台 管理人员的计算机水平参差不齐 需要建立一个强大的后台管理平台 主要是 它的易用性 随着公司人事制度深化改革 逐渐加强各部门管理 竞争上岗成为单位的主要 的管理形式 因此建立岗位竞聘栏目 建立一个展示和联络平台 2 22 2 相关技术及工具相关技术及工具介绍介绍 2 2 12 2 1 ASPASP 语句语句 1 ASP简介 ASP Microsoft Active Server Pages 是一套微软开发的服务器端脚本环境 ASP 内含于 IIS 3 0 和 4 0 以及更高的版本之中 通过 ASP 可以结合 HTML 网 页 ASP 指令和 ActiveX 元件建立动态 交互且高效的 WEB 服务器应用程序 所有的程序都将在服务器端执行 包括所有嵌在普通 HTML 中的脚本程序 当程 序执行完毕后 服务器仅将执行的结果返回给客户浏览器 这样也就减轻了客户端 浏览器的负担 大大提高了交互的速度 因其有很多的优点 所以我在燕京网上交 流系统网站设计时选择了它 2 ASP的特点 1 使用 VBScript Jscript 等简单易懂的脚本语言 结合 HTML 代码 即可快速地完成网站的应用程序 2 无须编译 容易编写 可在服务器端直接执行 3 使用普通的文本编辑器 如 Windows 的记事本 即可进行编辑设计 4 与浏览器无关 用户端只要使用可执行 HTML 码的浏览器 即可浏览 Active Server Pages 所设计的网页内容 潍 坊 学 院 本 科 毕 业 设 计 4 5 Active Server Pages 的源程序 不会被传到客户浏览器 因而可 以避免所写的源程序被他人剽窃 也提高了程序的安全性 6 浏览器传送到站点服务器的表单输入访问和编辑服务器的数据库表 使用 浏览器即可输入 更新和删除点服务器的数据库中的数据 2 2 22 2 2 SQLSQL serverserver 与与 access2000access2000 Microsoft SQL Server 2000 是企业级数据库解决方案 与 Microsoft Access 2002 相比 它极大地改进了可伸缩性 维护性和数据库恢复功能 由于 SQL Server 基 于客户端 服务器体系结构 所以在通过远程连接处理和发送数据的方式上与 Access 有很大的不同 SQL Server 还提供了许多功能 使数据查询 业务逻辑重用和数据 备份等任务变得更简单 更灵活 虽然SQL server有很多的优点 但SQL用语创建大型数据库操作复杂 涉及到的 困难较多如数据库的移动等 又因我所选择开发的课题只是一个较小的课题 其数 据库主要应用到网上注册 留言咨询系统中 杀鸡焉用宰牛刀 根据我的分析可以 选择简单的Access 2000数据库作为我的网站开发的数据库 因其操作非常简单 可 移动性好 随着网站可随意移到任何位置 界面直观 经常应用 使用熟练等特点 使它成为我的首选 2 2 32 2 3 主要工具介绍主要工具介绍 主要使用的工具有 Flash MX PhotoshopCS3 DreamweaverMX 分别介绍如 下 1 Flash MX FLASH是制作动画的一个软件工具 它可以通过文字 图片 录像 声音等综 合手段形象的体现一个意图 通常像我们看到的广告片段一样 一般利用 Flash 技 术来包装公司形象 进行产品宣传等 通过网页充分体现它的魅力 并可以达到非 常好的效果 与以前版本相比较Flash MX有如下特点 MX 拥有可订制的 直观的 友好的界面 可订制的特性包括 面板布局 快 捷键和发布设定 用户界面和 Macromedia 的其他工具一样 这样给使用者在应用 方面带来很大的好处 类似文件夹的组织和层操作 timeline 的强化可以让你的工作更快速 工作量 更少 比如 改善的鼠标指针变形 多帧的修改长短 剪切和粘贴可以更加方便的 使用 timeline 通过易用的工具可以对图像对象进行斜拉 旋转 缩放和变形 当你改变 shapes symbols 和graphic elements 时 新的工具可以加强你的创造力 潍 坊 学 院 本 科 毕 业 设 计 5 使用动态蒙板可以产生复杂的效果 利用 movie clip 建立动态的效果 也可以 利用 ActionScript 控制蒙板 2 PhotoshopCS3 Photoshop CS3全称Adobe Photoshop CS3 Extended 也称作为Photoshop 10 0 Adobe Photoshop是公认的最好的通用平面美术设计软件 由Adobe公司开发设计 其用户界面易懂 功能完善 性能稳定 所以 在几乎所有的广告 出版 软件公 司 Photoshop都是首选的平面工具 3 Dreavaweaver MX Dreamweaver是Macromedia公司推出的一款 平民化 的网页制作软件 具有 可视化编辑界面和强大的所见即所得网页编辑功能 用户不必编写复杂的HTML源 代码 就可以生成跨平台 跨浏览器的网页 同时 Dreamweaver支持动态HTML 并采用了Roundtrip HTML技术 从而奠定了在网页高级设计功能方面的领先地位 在进行网页设计过程中 动态HTML技术能够让用户轻松设计复杂的交互式网页 产生动态效果 而Roundtrip HTML技术则可以支持HTML源编辑模式 不会产生冗 余代码 使网页渲染速度加快 因此 Dreamweaver是一款可以满足多层次需求 功 能强大的可视化专业级网页设计和制作工具 Dreavaweaver MX软件具有以下特色 出色的工作界面 将所有与Dreamweaver关联的窗口都融入一个多重文档窗口中 用户可以随时查看各种资源 并且可以设置单个或多个面板自由显示 使用户更精 确地掌握网页制作的细微之处 提供了更为强大的多媒体处理功能 在设计DHTML Dynamic HTML 和 CSS Cascading Style Sheets 方面表现得极为出色 它利用JavaScript和DHTML语言代 码轻松地实现网页元素的动作和交互性操作 在这方面超过了FrontPage XP Hotdog和Homesite等著名网页设计软件 成为目前最为流行的网页设计工具 允许在Dreamweaver中直接制作Flash Text Flash Button插件 同时全面支持 ASP ASP NET JSP PHP XML VXML和CFML等代码 支持目前流行的大部 分网络设计代码 增强了库和模板功能 使用户可以直接建立具有专业界面和代码的网页 综上所述 我选择了Dreamweaver MX用来设计网站布局 使用ASP技术完成动 态网页的后台数据库的控制工作 用Fireworks MX完成网页里的图形 图像 背景 等处理 用Access 2000创建后台数据库 用Flash MX完成网页中动态图像的制作 潍 坊 学 院 本 科 毕 业 设 计 6 3 3 网站的系统设计网站的系统设计 3 13 1 网站规划网站规划 根据前面的设计思想进行分析 按照系统开发的基本观点对网站进行分解 从 内容上可对网站做如下划分 主导航栏 由首页 公司简介 新闻中心 产品介绍 联系我们五大主要板块组成 为了 充分利用网络资源 扩大公司影响力 树立公司品牌形象作用 首页展示 首页 公司简介 新闻动态 联系我们 同时在右侧下方显示有公司的负责人 联系电话 公司地址等各种联系方式 网站结构如图3 1所示 图 3 1 网站结构图 3 23 2 数据库设计数据库设计 在设计网站的后台数据库时我采用的数据库是Microsoft Access 2000 建立后缀 为 mdb 的库文件 在网站中前台与后台管理系统共同使用一个数据库 sjhhsjb asp 来完成各自的任务 用 asp将数据库封装 加强了数据库的安全性 在 数据库中共有12张表 与前台有关的表有4张表 User表正在建设中 后台管理相 关有11张表 北京中脉远红科技有限公司 首 页公司简介产品介绍 联系我们 公司概述部门简介大事件 新闻中心 公司荣誉 潍 坊 学 院 本 科 毕 业 设 计 7 3 2 13 2 1 数据结构设计数据结构设计 针对北京中脉远红网站的需求 通过对企业管理过程的内容和流程的分析 形 成以下数据库结构 图 3 2 数据库结构图 3 2 23 2 2 数据库表设计数据库表设计 首先将网站管理信息系统的数据库概念结构转化为SQL 2000数据库系统所支持 的实际数据模型 即 数据库的逻辑结构 表 3 1 Message 表 列名数据类型可否为空说明 ID 自动编号 NOT NULL title 文本 NOT NULL 留言标题 Neweser 文本 NULL 留言发布人 detail 文本 NULL 留言具体内容 表 3 2 Newes 表 列名数据类型可否为空说明 ID 自动编号 NOT NULL name 文本 NOT NULL 新闻名称 content 文本 NULL 新闻具体内容 title 文本 NULL 新闻内容标题 Neweser 文本 NOT NULL 发布人 北京中脉远红网站的数据库 Message 表 L Newes 表Shiji 表User 表 列 名数据类型可否为空说 明 潍 坊 学 院 本 科 毕 业 设 计 8 表 3 3 shiji 表 列名数据类型可否为空说 明 ID 自动编号 NOT NULL daytime 文本 NOT NULL 事记时间 content 文本 NOT NULL 事记内容 表 3 4 user 表 列名数据类型可否为空说 明 ID 自动编号 NOT NULL name 文本 NOT NULL 管理员登录名 passwd 文本 NOT NULL 管理员密码 潍 坊 学 院 本 科 毕 业 设 计 9 4 4 网站的系统实现网站的系统实现 4 14 1 LOGOLOGO 和和 BannerBanner 网站的 LOGO 和 Banner 是网站的标志 由标志图片 网站名称 宣传语和宣 传图片组成 如图 4 1 所示 其中 网站标志和网站名称是用 Firewoks MX 软件设 计实现的 宣传语和宣传图片是用 Flash MX 软件设计实现的 图 4 1 LOGO 与 Banner 的标志图片 4 24 2 网站界面的实现网站界面的实现 4 2 14 2 1 前台网站的主页设置前台网站的主页设置 在网站中设计中 为保持各个页面的连贯性 采用分块设计 设计 Head asp 作 为各个网页的头部 设计 Foot asp 作为网页的页脚 头部与页脚的色调以蓝色调为 主 醒目 突出重点 中间内容部分以白色作为基色调 能够把内容鲜明的体现出 来 Head asp 的现实效果如图 4 2 所示 图 4 2 head 网页头部图片 Foot asp 的现实效果如图 4 3 所示 图 4 3 foot 网页的页脚图片 首页面采用动 静结合的方法进行设计 动是指画面的动和动态网也行结合 静是指静态页面显示 给人以简洁 但内容突出的印象 如图 4 4 所示 潍 坊 学 院 本 科 毕 业 设 计 10 图 4 4 网站主页面 在网站中以简洁的方式将网站的主要栏目介绍出来 同时将第一个动态的栏目 带给大家 以静态方式展示新闻资讯 学习平台 联系我们 一个动态栏目 网站调 查 实现浏览者的第一次交互 4 2 24 2 2 网站的分页设置网站的分页设置 网站的分页是由主页链接的目标页 其内容为主页链接的详细内容展开 其形 式见图4 5 潍 坊 学 院 本 科 毕 业 设 计 11 图 4 5 网站一级页面 本网站中设置了一级 二级子页 个个栏目的内容 各级子页面保持与主业面 的风格 实现了网站的统一 其形式见图4 6 图 4 6 网站二级子页面 潍 坊 学 院 本 科 毕 业 设 计 12 4 2 34 2 3 后台网站的主页设置后台网站的主页设置 在网站中设计中 为保持各个页面的连贯性 采用分块设计 后台设计采用了 与前台相同的技术 但页面风格不同 其首页面形式如图4 7所示 图 4 7 后台管理首页面 总之后台管理的设计思想是尽量直接实现各种功能 不需其他技巧就能完成后 台管理 使其不需要多少的计算机专业技能 也能轻松胜任 4 34 3 设置设置 IISIIS 服务器服务器 在Windows操作系统中选择控制面板 添加 删除程序 添加 删除Windows组件 勾选Internet信息服务 IIS 即可 4 44 4 交互式页面的实现交互式页面的实现 4 4 14 4 1 ASPASP 的对象存取数据库方法的对象存取数据库方法 在ASP中 用来存取数据库的对象统称ADO Active Data Objects 主要含有三 种对象 Connection Recordset Command Connection 负责打开或连接数据 Recordset 负责存取数据表 Command 负责对数据库执行行动查询命令 4 4 24 4 2 后台数据库的连接代码的实现后台数据库的连接代码的实现 要使用后台数据库的数据 必须先进行数据库的连接与打开 要连接数据库我 潍 坊 学 院 本 科 毕 业 设 计 13 们必须使用ADO对象群的Connection对象 asp数据库的连接有2种方法 1 可以使用 DSN 在 Web 应用程序和数据库之间建立 ODBC 连接 DSN 是一种名称 它包含使用 ODBC 驱动程序连接到指定数据库所需的全部参数 2 可以使用非 DSN 连接在 Web 应用程序和数据库之间创建 ODBC 或 OLE DB 连接 即连接字符串 使用连接字符串来创建该连接 连接字符串包含 Web 应用程序在服务器上连接 到数据库所需的全部信息 Dreamweaver 在网页的服务器端脚本中插入该字符串 以便让应用程序服务器在随后进行处理 下面是一个连接字符串示例 Driver Microsoft Access Driver mdb DBQ d abc wwwroot myweb data mdb 后台数据库的连接因非DSN连接简单我选择了非DSN连接 由于连接方法相同 我在每个交互式系统中都建立了一个conn asp连接和打开数据库文件 以供其他动态 网页文件包含应用 代码如下 4 4 34 4 3 网站调查的实现网站调查的实现 主要思想是 采集数据直接调用syscode asp中的showvote 函数 对于设置网站 调查则在后台管理中地votemanage asp如图4 8 图 4 8 后台管理网站调查界面 网站主页中的调查弹窗 当点击时 在屏幕中间弹出如下窗口 调查页面如图4 9 潍 坊 学 院 本 科 毕 业 设 计 14 所示 图 4 9 网站调查 在后台管理系统中可以对你感兴趣的话题进行设置 在前台显示如图4 9所示 就可以得到相应的调查结果 调查结果如图4 10所示 图 4 10 调查结果 4 4 44 4 4 留言反馈系统的实现留言反馈系统的实现 留言反馈系统主要在前台体现 前台不仅可以浏览每个人的留言 及联系方式 还可以加入自己的留言 意见等 后台主要负责管理员对留言的回复和管理 前台 实现由显示留言went asp 如图4 11所示 留言savenetbook asp 留言报错系统 和 wtok asp 提交成功 组成 这样就达到了管理员与浏览着 用户的有效沟通 潍 坊 学 院 本 科 毕 业 设 计 15 图 4 11 留言的页面 其报错画面如图4 12所示 图 4 12 报错画面 后台管理的界面如图4 13所示 潍 坊 学 院 本 科 毕 业 设 计 16 4 13 留言管理的后台系统 4 4 54 4 5 后台管理系统的各级页面实现后台管理系统的各级页面实现 这里仅以图片资讯为例 其他分级页面大同小异 图片资讯在前台主要是显示 共浏览着阅读 后台是管理者将信息资讯加入数据库 添加 修改 删除 前台不 再累述 其导航是信息管理 包含 manage news asp信息修改 删除 分别如图 4 14所示 潍 坊 学 院 本 科 毕 业 设 计 17 图 4 14 信息修改 这样就方便得实现了在后台简单的加入信息 就可以让浏览者在前台浏览 实 现了尽管管理者不懂电脑 也能如意的运用进行发布信息 修改信息 4 4 64 4 6 后台登陆的实现后台登陆的实现 对后台管理的实现 只有登陆系统 要成为一个管理员 必须有已是管理员的 人在后台管理页面上进行添加操作 才能使之成为管理员 管理登陆login asp如图 4 18 管理员管理manage admin asp如图4 15所示 图 4 15 管理员登陆画面 潍 坊 学 院 本 科 毕 业 设 计 18 在login asp的源代码里同时有报错系统如图4 16 图 4 16 管理员管理界面 4 54 5 网站发布与浏览网站发布与浏览 发布 将网站的所有文件夹和文件保存到设定的主目录中即可 设置主目录 选择控制面板 管理工具 Internet服务管理器 右击默认站点 选择属性 设 置主目录 浏览 在IIS中选择默认Web站点中的首页default文档 右键选择浏览 潍 坊 学 院 本 科 毕 业 设 计 19 5 5 调试和优化调试和优化 5 15 1 网站调试网站调试 一个站点制作好后 在细节上肯定还有一些值得调节的地方 比如无效链接 Java Cookie错误等等 所以网站调试是一个不容忽视的环节 只要利用浏览器就 可以完成这项工作 虽然Internet Explorer 简称IE 在浏览器市场中占据着优势性份额 但并不是 说它强大到无可挑剔的地步 除了安全隐患问题 在站长进行网站调试时 也暴露 出IE的严重不足 其实 很多站长都利用Mozilla这款老牌的Web浏览器来调试自己 的网站 它可以快速 高效 即时地找出网页中存在的问题 1 为什么Mozilla比IE更适合调试网站 和IE不同的是 Mozilla不但可以用于网页浏览 网页编辑 更为重要的是 Mozilla内置了强大的调试工具 能方便 高效地对站点网页进行JavaScript纠错 Cookie管理 源代码查看 DOM 查看和页面信息查询等 这些都是IE不容易做到 的 2 运用环境 当IE脚本信息太简单时 在网页编写中使用JavaScript是司空见惯的事情了 当JavaScript出现问题时 在 IE浏览器中只会弹出一个简单的错误提示对话框 告诉你该网页有错误 出错提示 信息过于简单 而且无法进行管理 满足不了调试网页工作的需要 这种情况下 我们就可以利用Mozilla来解决 3 错误 就这样被 揪出 Mozilla内置了 JavaScript控制台 只要你在网页调试时打开JavaScript控制台 就可以看到被记录下的JavaScript 错误提示信息 方便大家找出错误所在 起到即 时修正网页错误的目的 如何利用Mozilla内置的 JavaScript控制台 来快速定位问题所在 其实非常简 单 使用Mozilla 浏览器进行网站调试时 依次点击 工具 Web开发 JavaScript 控制台 项目后 弹出 JavaScript控制台 对话框 在列表框中记录着网页的 JavaScript出错信息 并且每项错误信息都详细地记录着出错的文件名 JavaScript错 误所在行号 以及错误出现时的上下文 这样一来就很容易找出JavaScript出错位置 和错误原因 此外 你还可以右键点击错误项目 在弹出的菜单中选择 复制 项 目 将JavaScript出错信息复制到剪贴板中 以便保存到其他文件中 提示 虽然JavaScript控制台功能强大 但也有不足之处 这就是无法将所有的 JavaScript出错项目保存到一个文件中 只能逐条手工保存 潍 坊 学 院 本 科 毕 业 设 计 20 4 严格模式 让网页显示更 顺畅 网页调试中 除了JavaScript错误信息外 还有一种出错信息 就是 严格的 JavaScript警告 信息 虽然这种 JavaScript警告 没有JavaScript错误信息严重 但 它也会严重地影响到网页的显示速度 要想让你的网站做得完美 这种JavaScript警 告错误也必须剔除 默认情况下 Mozilla是不记录 严格的JavaScript警告 信息 必须手工激活该 功能 在Mozilla浏览器主窗口中 点击 编辑 首选项 后 弹出首选项对话框 切换到 调试 项目栏 选中 显示严格的JavaScript警告信息 选项 最后点击 确定 按钮 这样 JavaScript控制台 就会记录下这些警告信息 方便用户查找 JavaScript问题所在 优化你的网页 让它显示得更顺畅 5 运用环境 当IE无法管理Cookie时 在Cookie文件中保存着网站和用户的很多机密信息 因此在网站调试工作中 Cookie调试也是一个不可掉以轻心的环节 因为IE提供的Cookie管理或调试功能太 弱了 要想管理或调试Cookie只能采取比较笨拙的方法 如在Windows XP系统中 进入到 USERPROFILE Cookies 文件夹 手工去查看 编辑或删除Cookie文件 所包含的信息 非常不方便 IE唯一可以做的是 一次性地清空所有的Cookie文件 图 5 1 Cookie 文件删除 6 不一样的Cookie管理 Mozilla对 Cookie 文件拥有完全的控制权限 这些控制权限包括 对Cookie文件 的设置 删除和取消等 你可以方便地使用 Cookie管理器 查看当前所有已经设 置的 Cookie 当然也可以有选择地删除Cookie 一切Cookie管理操作非常方便和简 潍 坊 学 院 本 科 毕 业 设 计 21 单 在Mozilla浏览器主窗口中 点击 工具 Cookie 管理器 管理已存储的 Cookie 项目后 弹出 Cookie 管理器 对话框 要管理已存在的Cookie文件很简 单 切换到 已存储Cookies 标签页 在这里就可以查看Cookie文件信息或者删除 Cookie 如果要查看 的Cookie信息 只要在列表框中选中该网站的 Cookie项目 然后在下面的 关于选取的Cookie的信息 栏中显示出此网站的 Cookie信息内容 这样就对网站的Cookie信息内容一清二楚了 要删除该Cookie文 件同样简单 选中此Cookie项目 然后点击下面的 删除Cookie 按钮即可 删除 全部Cookie 则只需要点击 删除所有Cookie 按钮即可 提示 Mozilla和IE相比 对网站Cookie的管理更加方便 也同时降低了网站 Cookie调试的难度 有效地加强你的网站安全 7 运用环境 当记事本无法看清源代码时 如何高效查看源代码可是关系到网站调试效率的一个重要因素 通常 我们会 借助于Windows系统中最简单的程序 记事本 虽然记事本内置于Windows系统中 体积小 资源占用少 易于调用 但功能过于简单 在IE中使用记事本查看网页源 代码时 就一个感觉 乱 每次查看网页代码时 头疼不已 网页调试工作效率明 显降低 网页中所包含的源代码错误也难以发现 语法 加亮 一清二楚 为了改善源代码查看效率 Mozilla内置了带语法加亮的源代码查看器 让站长 们很轻松就能看出HTML 文件的总体结构 这样一来 很容易就找出网页源代码中 的错误所在 有效地提高了网站调试工作的进度 并且Mozilla还支持查看所选部分源代码 这可是源代码查看工作中一个最有效 的功能 当网页出现错误时 经验丰富的站长一般都可以判断出是哪些部分出现这 些问题 这时就可以充分利用 查看所选部分源代码 功能 缩小源代码排查范围 精确定位错误位置 大大降低了无用功的付出 提高了网站调试工作效率 此外 Mozilla还提供很多特色功能 如页面信息查看 JavaScript 调试器 DOM 查看器和缓存管理器等 都可以有效提高网站调试的进度 提高工作效率 这些对于网站管理都能起到一定的作用 5 25 2 优化方案优化方案 我们浏览网页实际上是将虚拟主机中的网页内容下载到本地硬盘 再用浏览器 解释查看的 下载网页的快慢在显示速度上占了很大比重 所以 网页本身所占的 空间越小 那么浏览速度就会越快 这就要求在做网页的时候遵循一切从简的原则 潍 坊 学 院 本 科 毕 业 设 计 22 如 不要使用太大的Flash动画 图片等资源 干净 简洁的页面会给人一种思路明朗 的感觉 技术优化主要分为代码优化 目录结构优化和针对搜索引擎的优化三个部分 这一部分的优化工作主要是由网站开发人员测试提出方案完成的 而且有一定的规 则 所以相对要简单一些只是时间问题 潍 坊 学 院 本 科 毕 业 设 计 23 结束语结束语 经过两个多月的努力 本网站终于艰难的成功制作完成 在本网站的设计与实 现过程中遇到很多