计算机应用技术专业浅谈公司网站与网页设计.doc

《计算机应用技术专业浅谈公司网站与网页设计.doc》由会员分享，可在线阅读，更多相关《计算机应用技术专业浅谈公司网站与网页设计.doc（30页珍藏版）》请在沃文网上搜索。

1、南开大学成人高等教育 高起专毕业报告浅谈公司网站与网页设计学 号：填写准确的11或12位学号姓 名：李斌斌学 院：现代远程教育学院学习中心：深圳青年学院教学站：奥鹏学习中心的学生不用填写专 业：计算机应用技术完成日期：二O一二年二月目 录引 言3第一章 公司网站行业现状32 .1公司网站行业情况分析32 .1公司资金投入与应用状况3第二章 公司网站设计规划32 .1 公司网站建设的方向和目的32 .1 .1公司网站类型32 .1 .2公司网站建设的方向和目的3第三章 公司网站设计的前期准备53.1 软件准备和ISS 5.0的安装与设置5第四章 公司网站的制作过程94.1 首页的制作过程94.1

2、.1静态页面的制作94.1.2动态页面的制作134.2 链接页面的制作154.2.1公司资讯页面的制作15第五章 网站数据库的设计过程175.1 数据库设计175.2网站数据安全19第六章 网站的测试与上传206.1 网站的测试206.2 网站的上传21附 录26参考文献27Personal website design29本网站设计规划引 言网站设计规划引 言网络发展到今天，对于公司来说，建设好公司的网站成为新世纪发展的战略要点。建设好独特的公司网站可以更加方便展示公司文化与收集信息，开展更加直接的网络交流，是公司在网络上对外交流与展示的重要平台。所以建立公司网站已经是现代化公司所必不可少的

3、项目。那么什么是公司网站呢? 公司网站，就是公司在互联网上进行网络建设和形像宣传的平台。公司网站就相当于一个公司的网络名片，不但对公司的形象是一个良好的宣传，同时可以辅助公司的销售，甚至可以通过网络直接帮助公司实现产品的销售，公司可以利用网站来进行宣传、产品资讯发布、招聘等等。公司网站的作用就是为展现公司形象，加强客户服务，完善网络业务，还可以与潜在客户建立商业联系。随着网络的发展，出现了提供网络资讯为盈利手段的网络公司，通常这些公司的网站上提供人们生活各个方面的资讯，如时事新闻、旅游、娱乐、经济等。在因特网的早期，网站还只能保存单纯的文本。经过几年的发展，当万维网出现之后，图像、声音、动画、

4、视频，甚至3D技术开始在因特网上流行起来，网站也慢慢地发展成我们现在看到的图文并茂的样子。通过动态网页技术，用户也可以与其他用户或者网站管理者进行交流。也有一些网站提供电子邮件服务。特别是电子商务的迅速发展,对于一个公司来说，建立新的公司形象，直接开拓国际市场，开展24小时网上营销及高效廉价的定向宣传；与客户建立最直接的交流机制，缩短推出新产品和打开新市场的周期，与富有吸引力的客户群发展客户关系网；与自己的销售人员保持联系，进一步面向本地市场。其次，对于我们这类非在校(远程教育)大学生而言,有着多年对网络的接触,所以对个人网站或是公司网站都有着一些个人的见解, 所以在制作公司网站方面会更容易入

5、手,更清楚内容方面应该如何去丰富,如何去定位.在整个网站的设计过程中，我根据自己以往的设计经验和自己找来的资料，又经过老师的指点，同学间的相互学习沟通,经过了近一个月的努力，几经易稿，最终做成了我的这个公司网站的设计。第一章 公司网站生业现状1.1.1公司网站行业情况分析我国目前有近70%的大中型企业建有企业内部网络系统。从整体上看，这一数字与我国目前企业的发展规模及市场增长勉强相称；从企业的外部网站来说，90%以上的企业有建设企业网站系统计划，对于不同规模的公司，实施的程度也是不同的：50100人的中小企业比500人以上的大中型企业建有网站的比例低，前者为53.6%，后者为75.3%。数据表

6、明，全国有75.4%的企业尚未自建网站。主要表现在：一是中小企业的建站比例太低，仅为12.5%，许多中小企业尤其是规模较小的企业缺乏足够的网站建设资金，也缺乏专业技术人员，这些问题严重制约了企业建站。二是企业建站与工业水平的高低有直接关联。三是优强企业建站比例及水平明显高于中小企业。 中小企业同时也是最迫切需要进行网上宣传的一个庞大群体，他们没有完全建设全国范围的营销渠道，网络是一个快捷有效且廉价的重要宣传方式。但还是有很多企业没有认识到网站的重要性，也成为中小企业网站建设不利的重要障碍。1.1.2公司资金投入与应用状况在建设网站的资金投入方面：12%的企业投入在50万元以上，4%的企业投入在

7、20万50万元，16 %的企业投入在5万10万元，68%的企业投入在5万元以下；在今后的网站建设上：28%的企业计划增加投入， 16%的企业维持目前水平，56%的企业视情况而定。 在网站内容更新方面，问题也较多。58.7%的企业以有重大变化时更新和定期更新为主；39.1%的企业基本不更新；仅有2.2%的企业每日更新网站内容。有的企业最近更新的时间还显示为2002年的时间。有的企业建站已有一二年了，动态更新的栏目中空空如也。 近三分之二的企业建站投入在5万元以下，决定了企业网站只能进行较低层次的开发。47.8%的企业表示导致上述结果的原因是企业知名度低，访问者少。国际互联网的出现无疑具有划时代的

8、意义，它为不同规模的企业提供了一个平等竞争的舞台，企业无论大小都有着同等的机会，都可以以极低的成本向世界发布信息。中小企业较以往有更多机会得到客户的认同，取得商业上的成功。所以，中小企业主动转变观念，破除畏难情绪，尽快建立自己的网站。 从今后资金的投向看，有超过七成的企业对建站持等待观望态度。主要是由于许多企业投入不少资金建站，并没有取得实实在在的成效。某汽车厂商突出“应用”的指导思想，把电子商务建立在企业自身应用的基础上，切实为企业的实际需要“量身定做”，采取“总体规划，分步实施”的策略，先后投入资金4500余万元，并取得了显著的效果：销售电子商务网站可实现在线查询整车库存、在线下达订单等商

9、务活动。目前，该企业 销售订单已近100%从网上获取。 虽然中小企业不可能像以上企业汽车那样投入巨额资金进行网站建设，但是“切实为企业的实际需要，采取总体规划，分步实施的策略”建设网站的思路还是值得借鉴的。第二章 本网站设计规划1 .1 本网站建设的方向和目的：1.1.1公司网站类型：电子商务型主要面向供应商、客户或者企业产品（服务）的消费群体，以提供某种直属于企业业务范围的服务或交易、或者为业务服务的服务或者交易为主；这样的网站可以说是正处于电子商务化的一个中间阶段，由于行业特色和企业投入的深度广度的不同，其电子商务化程度可能处于从比较初级的服务支持、产品列表到比较高级的网上支付的其中某一阶

10、段。通常这种类型可以形象的称为网上XX企业。例如，网上银行、网上酒店等。 多媒体广告型主要面向客户或者企业产品（服务）的消费群体，以宣传企业的核心品牌形象或者主要产品（服务）为主。这种类型无论从目的上还是实际表现手法上相对于普通网站而言更像一个平面广告或者电视广告，因此用多媒体广告来称呼这种类型的网站更贴切一点。 产品展示型主要面向需求商，展示自己产品的详细情况，以及公司的实力。对产品的价格、生产、详细介绍等做最全面的介绍。这种类型的企业站点主要目的是要展示自己产品的最直接有效的方式。在注重品牌和形象的同时也要重视您的产品的介绍。但是在实际应用中，很多网站往往不能简单的归为某一种类型，无论是建

11、站目的还是表现形式都可能涵盖了两种或两种以上类型；对于这种公司网站，可以按上述类型的区别划分为不同的部分，每一个部分都基本上可以认为是一个较为完整的网站类型。注意：由于互联网公司的特殊性，在这里不包含互联网的信息提供商或者服务提供商的网站。 1.1.2 本站明确的目的：公司网站的建设不仅仅是建立一个简单的具有展示性能的网站就可以了,其实还需要考虑网站的定位、目标用户、网站内容、服务事项、空间方案、安全性、艺术设计、数据库技术等等。任何网站在建设之前就必须明确方向、用途和服务群体以及营销等一系列的问题，其实建立一个企业网站,核心的观点就是如何使用这个网站推进或者推动企业营销,进而实现企业的信息化

12、管理。一定要写出详尽的建站计划，可以说这是网站建设的根源和核心所在。信息产业目前已成为第一大规模的产业，并位居全球第三位。这就意味着我国的企业信息化也迎来了前所未有的好时机。第四代智能网站的推出也为中小公司建站提供了思路，可以从公司实用角度出发，对网站进行“总体规划，分步实施”，既可以节省成本，又不影响企业的应用。这种方式目前已经为大多数中小公司所接受，并渐成热潮。这里就以我做的这个公司网站为实例给大家简述这个问题，如我设计的公司主页：http:/www.*.com 。作为一个现代化科技公司的网站,我们专注于电子行业的最新动态,关于公司电子产品的描述与介绍.例如,我们会随时更新公司最新产品到公

13、司主页,我们会为主页定制栏目,分类等,如:公司LOGO、首面、个人消费产品、商务产品、服务中心、公司论坛等；首页还将包括公司产推产品、热门产品&热销产品的图片、型号、功能描述、技术规格、搭载系统&相关应用等等；底部将展示 “关于我们” 、 “产品展示”及 “更多服务” 等等。整个网站的结构和内容都是在开始设计之前就已经经过详细的计划的。其实任何网站都一样：企业网站的宗旨就是对外宣传企业形象，发布企业最新的企业产品，其服务群体就是为对其产品感兴趣的客户或者正在使用企业产品的用户服务，这就是企业网站的建设方向；个人网站的宗旨就是宣传自己，提供一个自身和外界交流的场所；由此可见，网站的设计方向是依据

14、网站的客户、服务群体等多方面来确定的。不同的网站目的要求通过不同的方式来实现。一个展示公司形象与实力的网站与一个以花卉种植为主题的网站，以及一个大型门户网站和一个小型公司网站，其出发点和建站目的都有所不同，在整个网站的建设规划方面的要求也是肯定是大不一样的。因此在规划我的这个网站时，我选择了所有和公司相关联的主题。本网站预计的用户群体：对于网站的设计者和建设者来说，在设计规划网站时必须要明确自己网站的浏览者，也就是确定自己的用户群体。在已经确定了建设目的的前提下，应根据建站方向所会导致出现的不同用户群体的需求来规划设计整个网站。我的这个网站就确定了以客户为用户群体。本网站的结构和风格：网站的风

15、格反映了一个网站的特色，它具有很大的代表性。出色的网站吸引人的地方不仅仅在于其内容，鲜明的结构和独特的风格往往能起到画龙点睛的作用。一个网站即使内容再丰富，如果网站的结构和风格不能吸引人，那也是毫无价值的。往往整个网站的风格是一个网站吸引浏览者的魅力所在，因此应当根据网站的主题、内容和浏览者的要求来设计自己独特的网站风格。那么什么是网站的结构和风格呢？网站的结构是连接网站内容之间的支架。网站的结构是网站的核心和骨架，如果没有网站结构，网站将会变得一团糟。现在，只有高度发展、高度结构化、易用且能独立行走的网站才受浏览者的欢迎。如图所示，我的这个网站的结构主要由公司LOGO、主面、个人消费产品、商

16、务产品、服务中心、公司论坛等几大部分组成。这些部分组成了我的整个网站的结构，使得整个站点不会因为内容过多而显得杂乱无章。第三章 网站设计的前期准备2.1 软件准备和ISS 5.0的安装与设置2.1.1 软件准备在网页的设计过程中，因人而宜，每个人使用的软件也许不同，如比较有名的网站设计软件有Macromedia公司出品的网页设计“三剑客”、有微软的Frontpage 、还有国产的“东方网页王”等等。在这里，我们主要说的是Macromedia公司出品的“三剑客”。这“三剑客”包括Dreamweaver MX、Fireworks MX和Flash MX，其中，Dreamweaver MX是网页编辑

17、软件，Fireworks MX是图形/图像处理软件，Flash MX是矢量动画编辑软件。当然，到今天为止，Macromedia公司出品的这个“三剑客”都已经是2004版，估计2005版也应该很快出来了。Macromedia公司一向以其优良的设计、友好的用户界面和强大的功能而著称，这三个软件也不例外，它们是Macromedia公司专门为网页设计、制作开发的系列软件套件，三者之间可以无缝集成，能够有效地解决网络带宽问题，是设计动画网页的最佳工具。Dreamweaver MX采用“所见即所得”的直观设计模式，充分尊重设计人员的原始意识和想象力。她成功地将网页设计功能中的技术实现部分和设计部分分离开来

18、，使用户只需专注于设计，而其余的工作由Dreamweaver MX自动完成。另外，还有一点值得说明的是，Dreamweaver MX可以控制和删除冗余代码，减小网页文件的大小。从而能够快速上传和下载。Fireworks MX的独特之处在于它能够优化、切分图片映射图，并提供了功能强大的翻滚图工具。它是基于WEB应用的图形/图象处理软件，提供了一种革命性的新方法来创建WEB图形，并且具有所有其他图形处理工具的诸多优点。Fireworks MX的最大优势就在于它在任何时候可以从任何阶段开始设计工作，这样既可以节约时间又可以对产品进行扩展。另外，Fireworks MX中的诸多功能都是面向WEB应用的

19、，因此对于WEB设计新手来说也很容易学习的。Flash MX是比较另类、超前的一种网页动画制作软件，它不仅能够满足网页设计的诸多要求，更为网页多媒体的使用者带来了前所未有的便利。Flash MX提供了广泛的平台支持，它不需要任何编程工作就能够制作出精彩的动态效果。由于Flash MX采用矢量图形格式来制作动画，因此在低宽带的网络环境中仍然可以具有高品质的画面以及存储空间小的优点，从而是浏览者能够快速的下载效果非凡的动画。在我设计我的个人网站的过程中，我选择了Dreamwear MX 2004和Flash MX 2004和 Photoshop三种软件。因为自己向对于其它的软件来说，这三个还算是比

20、较熟悉的。 2.1.2 ISS 5.0的安装与设置在因特网/企业网上的基于浏览的开发方案中，Microsoft 的IIS起到客户端与服务器端的连接作用。当访问者在浏览器中键入对你服务器上的网页进行访问的请求，这个请求通过网络路由到服务器端，然后服务器再将它交给IIS处理。IIS检索所请求的页，并根据请求的文件名对该网页进行相应的处理。如果该文件是以.asp为扩展名或者该文件是某种类型的请求文件，那么IIS将对该页面上的代码进行处理。IIS 5.0是专为Windows 2000设计的WEB服务器软件。Windows 2000 Server在安装系统时，就以自动安装IIS 5.0；但Windows

21、 2000 Professional不会自动安装它。下面就简单介绍一下在我设计过程中在Windows 2000 Professional 上安装IIS 5.0的过程。网站设计的前期准备步骤 1 首先，我选择“开始”“设置”“控制面板”，在“控制面板”中选择“添加或删除程序”后，弹出“添加/删除程序”对话框。步骤 2 在左边4个可选择的导航栏中选择“添加/删除Windows组建”按扭，弹出一个新的对话框。步 骤 3 在显示的组建里面，选中“Internet信息服务（IIS）”组建的复选框，单击“下一步”按钮，就进入了IIS 5.0的安装过程，如图所示。步骤 4 等到安装完成以后，在“控制面板”里

22、面选择“管理工具”，在打开的管理工具里面如果有“Internet 服务管理器”，说明IIS 5.0已经安装好。打开IE浏览器，然后在地址栏输入“127.0.0.1”（或者localhost），就可以看到所链节的界面。也可以改变默认的站点位置和主页，修改步骤如下：步骤 1 打开“Internet 服务器管理器”，弹出一个对话框如图2-5所示。步骤 2 右键单击“默认Web站点”，在弹出的菜单里面选择“属性”项，打开一个新的对话框如图2-6所示。步骤 3 在图3-6所示的“Web站点”中，可以设置站点的说明、IP地址和其他一些属性。选择“主目录”标签，显示如图2-7所示界面。步骤 4 在“主目录”

23、选项卡中，“本地路径”的默认设置是：“C:Inetpubwwwroot”,为了方便以后编辑和管理网站，将其路径设置如”D:mysite”。如图2-7所示，读者也可以根据实际情况设置为其他路径。选择“文档”标签，打开如图2-8所示界面。步骤 5 可以添加一个默认文档作为主页。选择“添加”按钮，在弹出的对话框中输入文档名。为下一节的实例输入“index.asp”作为网页首页，然后单击左边的向上和向下箭头改变默认文档的次序。本站的制作过程以上介绍了IIS 5.0的安装和设置。第四章 本站的制作过程3.1 首页的制作过程3.1.1静态页面的制作这是我的这个个人网站的首页的一部分，在这个主页的上部，是有

24、两个Flash图片做成的，如上图所示。接下来，我就简单演示一下这个主页的制作过程。首先，运行Dreamwear MX 2004，选择“文件”“新建”“创建基本页”如图：选择“标准、扩展、布局”里的“布局”，接着选择旁边的“布局表格”，然后在空白页面上按我事先的规划画出如下布局：接着，选择“布局”旁边的“绘制布局单元格”在刚刚绘制好的“布局表格”上绘制出单元格，如果只看两幅图，似乎没什么区别，但实际这是后一幅图比前一幅多了“绘制布局单元格”，这一点是非常重要的。接下来，回到“常用”-“标准”，选择“表格”，在最上面的布局里插入一行一列单元格，比例设为100，如图：本站制作过程本站制作过程将光标放

25、在插入的表格内，接着就是插入一幅Flash动画。选择“插入”“媒体”“Flash”，在弹出的文件中选取我自己事先做好的Flash动画的，调整Flash 动画的大小，既可以手动调整，也可以在下面的属性里添上我自己事先设置好的大小，我通常是手动输入的。这样，首页顶部的这个Flash 动画就添加成功了。接下来，我用同样的方法把这个动画下的另一个动画菜单添加上。添加后的效果入图：因为只有在浏览器中，整个Flash动画才可以被看到，所以，我就按下F12，这样就可以在浏览器中看到刚刚我做好的主页中的一部分了。接下来，我们就来讲讲首页底部的页面的制作过程。首先，我先把底面按和顶部一样都插入一个一行一列的，边

26、框为0的表格，然后把光标放在表格里，设置背景图片，如图：在设置背景图片的时候，我把选择了我自己事先做好的一幅图，接下来，就在这个表格里输入如图的文字，包括：本站简介，本站业务.最后，我把属于我的版权信息也输入到了这个底步。这样，整个首页的静态页面就大体做好了。3.1.2动态页面的制作在整个网站中，动态页面占了这个主页的大部分，在这里，我就把我的这个个人主页的动态页面的制作大体的讲解一下。首先，我根据我的个人主页所要实现的功能我制作好了我的数据库（在第四章），接下来，我就把我设定系统的DSN（数据源名称）的方法来讲讲。首先，我明白，DSN是用来确定数据库所在的位置以及数据库的相关属性的。使用DS

27、N的优点是，如果我要移动数据库档案的位置或是使用其他类型的数据库的时候，我只要重新设定DSN即可，不需要去修改原来使用的程序。下面，我就演示我在自己的电脑上配置DSN的过程：1.启动控制面板，双击“管理工具”下的“数据源（ODBC）”，如图所示：2.在打开的“数据源（ODBC）”对话框中选择“系统DSN”标签，然后单击“添加”按钮，如图：3.在弹出的“创建新数据源”对话框中，选择数据库的驱动程序为“Microsoft Access Driver（*.mdb）”，然后单击“完成”按钮，如图：4.在出现的“ODBC Microsoft Access 安装”对话框，在“数据源名”文本框中输入我的这个

28、网站的数据库的名称：youthfly,单击“数据库”栏中的“选择”按钮选择我的这个网站根目录中我已经建好的数据库 youthfly.mdb，然后单击“确定”按钮，如图：5.这时，我发现系统数据源名称中已经多了一个“yougthfly.mdb”，这就是我的网站要使用的数据库。单击“完成”按钮，这样，我就完成了数据源的创建过程。如图：本站制作过程6.接下来，我要在Dreamweaver MX 2004中把数据库的连接完成。运行Dreamweaver MX 2004，打开“应用程序”面板，然后选择“数据库”标签，如图：单击“+”按钮，在弹出的快捷菜单中选择“数据源名称”。随即打开“数据源名称”对话框

29、，在“连接名称”文本框中输入“yougthfly”如图：单击“测试”，我就可以测试数据库是否正确连接了。单击“确定”，这样，我就完成了数据库的连接设置过程。完成了数据库连接的设置，接下来就是把首页的部分内容和数据库相连接了。（略）3.2 链接页面的制作3.2.1手机新闻的制作这个就是我的个人主页里“手机新闻”的界面，当点击右面的题目时，在网页的左边就会显示响应的内容，下面我就演示我制作这个网页的过程：首先，在制作主页面的时候，我已经在把主页的顶部和底部制作完成后，保存为模板了，所以，在这里，我们就选择“文件”“新建”“模板”，然后选择我们保存过的模板。在打开的模板中，我们把中间的空白区域划分成

30、左右两个部分。我们把这两个空白区域去分别保存成为两个页面，这样方便我们在后面的链接。在右边保存的页面中，插入表格若干，本站制作过程打开数据库，连接好数据库，并将数据库中的内容分别拽入到表格中的适当位置，这样，数据库中的内容就显示在右面。接下来，我们就为右面的内容做链接。首先，选择右面的一题目，然后在属性里的超级链接里面添入刚才保存的两个页面的左边的页面。这样，将每个页面分别和左面的页面链接，当你点击右边的题目的时候，那么和内容相对应的题目就会在左边的页面中显示出来。以上是我的一个链接页面的设计过程，因为链接页面较多，但大部分的制作过程都比较相似，所以我就不再讲解了。第五章 本站数据库的设计过程

31、4.1 数据库设计 网站的数据库建设在整个网站的设计过程中占具最重要的位置，它设计的好与坏直接关系到整个网站的成败。其中，管理系统需要考虑到三者的使用问题：一.系统管理员 二.信息发布者 三.浏览者：1 系统管理员： 系统管理员具有对整个网站发布，数据库的管理，信息管理，人员管理的最高权限。2 信息发布者： 网站信息的发布者，他们的任务是更新网站上的信息，所以他们的权限只局限于对文章的增、删、改上。3 浏览者： 信息的最终浏览者，他们是不具有任何权限的普通用户。系统管理员（ADMIN）拥有最大的权限，可添加/删除任何信息，包括任何文章，任何用户。在设计数据库过程中，必须考虑到各种信息存放，更新

32、，查询。所以数据库必须能最大限度的满足各种信息的输入输出。以下为后台数据库的各表的结构和字段的分析。Admin_id 系统管理员图：首页题目表图：中间版块题目表图：中间版块内容表图：本站的制作过程本站数据库的设计过程本站数据库的设计过程本站数据库的设计过程网站公告栏表图：网站中用到的调查表图：网站所用到的后台文件文件名作用与功能备注admin.asp登陆后台index.asp首页admin_article.asp管理文章后台Postmsg.asp发布信息后台admin_vote.asp投票管理后台Delartcat.asp删除功能后台post.asp发布功能后台youthfly.mdb数据库文

33、件后台admin_diary.asp公告管理后台4.2 网站数据安全怎样防止mdb数据库被下载一直是用access的用户的一大头疾。现在总结如下有效方法，我自己根据教程总结了以下几点，以用来保护我的个人站点：1. 修改数据库名。这是常用方法，将数据库名该成怪异名字或长名字，以防别人猜测。一旦被人猜到，别人还是能下载数据库文件，但几率不大。如将数据库database.mdb改成dslfjds$&ijjkgf.mdb等2. 修改数据库后缀。一般改成database.asp 、database.asa、 database.inc、 database.cgi、 database.dll等等，注意要在I

34、IS中设置这些后缀的文件不能被解析。3. 将数据库database.mdb改成#database.mdb 。 这是最简单有效的办法。分析：假设别人得到你的数据库地址串将是： 因为#在这里起到间断符的作用，地址串遇到#号，自动认为访问地址串结束。注意：不要设置目录可访问。用这种方法，不管别人用何种工具都无法下载，如flashget，网络蚂蚁等。注：只要数据库文件名任何地方含有#，别人都无法正常下载。同理，空格号也可以起到#号作用，但必须是文件名中间出现空格。4. 将数据库连接文件放到其他虚拟目录下。5. 将 Access数据库加密。在我的这个个人网站的数据库中，我采用了Access数据库加密的方

35、法来保护自己的数据库安全，这样，即使我的数据库被人下载，他仍然破解不了我的用户的密码。网站的测试与上传第六章 网站的测试与上传5.1 网站的测试 一个好的网站建设好了之后是不能立即发布的，在这之前需要进行一段时间的测试，没有经过测试的网站往往会在浏览器兼容性和显示器兼容性上出现问题。同样由于在程序开发和页面制作的过程中难免会出现误差，所以在正式发布前通过测试找出网站的Bug（网页中的漏洞）是非常重要的一个环节，通常称此过程为捉虫。为什么测试显得这么重要呢？没有经过测试的页面会出现那些问题呢？下面将从几个不同的方面来说明这些问题。网站的测试与上传1.分辨率不同产生差异经常上网的人可能会有这样的经

36、历，那就是同样一个网页在不同的分辨率下会有不同的显示。这就是由于分辨率不同所造成的。2.浏览器不同产生的差异显示器不同产生不同的浏览结果，浏览器版本不同也可能会使得网站的浏览效果产生差异。同一个页面在IE和Netscape浏览器下的显示效果也可能是不同的，这些页面上的问题都是访问者可能遇到的。网站建设者不能在页面上发布类似于“本站默认浏览器在IE 5.0以上，默认显示器分辨率为800*600”的标记，反而应该想办法去适应浏览网站的访问者，而不是让访问者通过调整浏览器分辨率和显示器来适应网站。所以，网站的测试就显的很重要了。3.测试的项目。在一个网站的开发过程中，网站的测试是保证整个网站整体质量

37、的重要一环，本章将就网站的测试技术及相应的自动测试工具做一个简要的介绍。主要就如下几个方面进行探讨：性能测试，安全性测试，稳定性测试 ，浏览器兼容性测试 ，可用性/易用性测试，链接测试 ，代码合法性测试 。在我的个人网站的测试过程中，在数据库的链接，地址的链接，还有图片的相对位置都出现了许多小的错误，还好，经过我自己的修改，现在已基本消除了这种现象。在我的整个网站的测试中，数据库的测试是最重要的，它的设计的好与坏，直接关系的整个我的个人网站的成败，所以，我在测试过程中，对数据库的测试是花费时间最长的。5.2 网站的上传网站做好后，要上传到自己的空间里别人再可以看到，不然就像做好了一件新衣服却只

38、放在衣柜里一样。下面，我们就讲讲用CuteFTP这个工具上传我自己的个人网站的方法。首先在自己的电脑装上CuteFTP这个软件，安装好后，在程序里找到并运行。我在网络上下载的这个软件只是个试用版。例如这个就只能用30天。但这并不影响我的使用，所以， 我点击下一步，继续，第一次用，出来连接向导，你可以不用它，取消就行。当然，我也可以按提示一步步做。网站的测试与上传主界面：左右两部分分别表示本地硬盘和网络空间上的文件用站点管理器建立与网络空间的连接。各种上传工具大同小异。新建，输入站点信息。然后点下面的连接。本站的测试与上传附 录上面显示连接情况，右边显示网络空间上的文件。从左边找到自己电脑上已经

39、做好的网页文件，按住后拖到右边。出来一个小窗口，问是否上传，当然选“是”。拖动文件夹可以上传文件夹及其中的内容。传送完成后，右边就会显示文件了。点右键会有一些常用功能，如删除。到些文件传送完毕，可以关了cuteftp了。以上就是我用cuteftp这个工具上传我的个人网页的过程，当然，上传网页不只有这一个工具，还有很多，但我是比较喜欢用cuteftp这个工具的。附 录经过一个月的努力，我的这个个人小型网站终于做好了！在整个网站的设计开发过程中，我虚心的向同学请教，听取他们的意见和建议，然后把他们的这些好的合理的建议和意见都在我的个人网站中体现出来。例如，在网站的服务对象这个问题上，我就参考了同寝

40、室的同学的意见，从而使我确定了我的这个网站的基调。当然，在整个网站的设计过程中，困难才是我最头疼的事。以前虽然也动手做过小型网站，但动手的次数并不多，这样就造成了我现在真的动起手来却感到陌生的原因之一。不过还好，在我遇到困难的时候，我就向同学请教，去图书馆查资料，也拿过来别人的作品做为自己的参考，当然，最重要的是有老师的指导，在许多数据库的问题上，如果不是毛老师的指导，我想我是不会那么轻易做好我的这个个人网站的后台管理的，所以，我是真的非常感谢毛老师的。总之，经过了这么长时间的努力，我的这个个人网站就算完成了。我的这个个人网站可以说是我在大学校园里的最后一次作品了，所以在设计的过程中，我倾注了

41、大量的心血，在十一期间，我通常是为了设计好某一页面，我都是凌晨四五点钟才休息，同时，我也放弃了十一出去游玩的想法，一心一意的扑在网站的设计上来。还好，黄天不负勤劳人，我终于设计好了我的这个个人主页。参考文献1 汪洋 郝永强 编著网站设计全程教程科学出版社2002年1月2 杨成文 王竹林 戴军峰 编著轻松打造个性化网站国防工业出版社2002年10月3 李海兵 李杰臣 编著超梦幻动态网页开发中国青年出版社2004年2月4 马龙工作室 编著Dreamweaver MX 2004 & ASP动态网页编程完全自学手册人民邮电出版社2005年1月5 刘春 编著网页制作三剑客标准培训教程上海科学普及出版社2

42、003年1月 6 KEVIN WriteHow to design your websites The sun publishing house of U.S.A 2004.57 王建军 编著设计你的个人主页教程黑龙江出版社2001年6月8 高强 刘浩才 编著网页素材的设计简明教程新疆出版社2003年5月9 刘青 成为龙 编著网站数据库的设计上海科学普及出版社2004年9月致 谢在本次毕业设计过程中，指导老师毛老师给予了极大的帮助。毛老师认真负责的工作态度和丰富的理论和实际操作能力都使我收益匪浅。无论在理论上还是在实践中，他都给与我很大的帮助，在他的帮助下使得整个网站能及时的设计完成，并从中学

43、到了很多以前没有学到的知识，所以，非常感谢他耐心的指导。还有，在我设计整个网站的过程中，许多同学也给了我很大的帮助，特别是在论文的排版方面，我请教了多位同学，同学们都乐意指导，在这里我一起表示感谢。最后要感谢在这两年的学习和生活中给予我关怀和照顾的每一位可敬的系领导和老师，感谢你们的无私奉献！感谢你们的悉心教导！感谢你们的点点滴滴！感谢母校对我们的培养！是你们，教会了我为人民服务的本领，是你们，让我懂得了做人的道理，无论以后我走到那里，我都会记得你们给予我的关怀和帮助。无论何时，我都会以我曾经是你们的学生而感到骄傲，我在这即将毕业离校的时候，我衷心的祝愿各位老师工作顺利，一生幸福。同时，我也祝愿我的同学到可以找的一份好的工作，都有一个好的前程。 .30