专科毕业论文：网站设计及网站测试

河南师范大学专科毕业论文河南师范大学专科毕业论文 学号： 1228222051网站设计及网站测试学院名称： 软件学院 专业名称： 计算机多媒体技术 年级班别： 2012级1班 姓 名： 指导教师： 2014年05月网站设计及网站测试摘 要Dreamweaver是个原本由Macromedia公司所开发的著名网站开发工具。它使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。随Macromedia被Adobe收购后，Adobe也开始计划开发Linux版本的Dreamweaver了。Dreamweaver自MX版本开始，使用了Opera的排版引擎 Presto 作为网页预览。1 关键词 网站测试；外观；性能；前言随着二十一世纪新兴科技的飞速发展，如今的电子信息产业正在经受着一个巨大的挑战，同时也面临着一个重大的机遇。就目前的科技发展水平而言，电子信息产业的发展已经不能够满足社会化大生产的要求，因此，各个国家集中人力、财力加大对信息技术产业的投入，以适应目前需要。可喜的是在这几十年的发展中我们有了互联网。互联网加大了我们了解世界的眼界，缩紧了人与人之间的距离，这就更容易的使我们走上信息化的道路。因为人们的住房需求，越来越多的房地产网站出现在网络上，使人们可以随时了解自己想知道的房地产方面的新闻，真正的做到足不出户，便知天下事。把房产销售与网络连接起来，是今后住房销售发展的必然方向之一。使用软件Dreamweaver软件由美国著名的网站应用开发工具生产厂商Adobe Macromedia于2005年6月推出并正式投入市场以来，已经发展得相当成熟。关于Dreamweaver的技术介绍的相关书籍与网络信息相当丰富。通过大学中软件开发环境课程的学习，对Dreamweaver有了比较深刻的认识，并比较轻松的掌握了Dreamweaver的操作。因此，软件技术可以完成任务的要求。1.制作网页的步骤2再做网页之前，我确定了做网页的五个步骤。1)确定网站主题 ：网站主题就是要建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。2)搜集材料 ：明确了网站的主题以后，你就要围绕主题开始搜集材料了。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。3)规划网站 ：一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。4)选择合适的制作工具 ：尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。5)制作网页 ：材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。2.制作网页的要素102.1网页的整体布局设计网页设计作为一种视觉语言，要讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。版式设计通过文字图形的空间组合，表达出和谐与美。一个优秀的网页设计者也应该知道哪一段文字图形该落于何处，才能使整个网页生辉。多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要处理好页面之间和页面内的秩序与内容的关系。尤其是我们在利用网页效果体现在线营销的意图时，更要注意为了达到最佳的视觉表现效果，而讲究整体布局的合理性，比如一家生产型的企业，它所提供产品的名称、类别、型号、价格、功能介绍应怎样编排才能使浏览者有一个流畅的视觉体验，从而方便他对产品的了解，促成最后的购买。2.2网页设计中色彩的运用 色彩是艺术表现的要素之一，在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美丽的页面。根据色彩对人们心理的影响，合理地加以运用，按照色彩的记忆性原则，一般暖色较冷色的记忆性更强一些。色彩还具有联想与象征的特质，如红色象征血、太阳；蓝色象征大海、天空和水面等。所以如果我们在对一家出售冷食的商店进行虚拟店面的页面设计时，应使用淡雅而沉静的颜色，使人心理上感觉凉爽一些，增强人们的购买心理，使得在线营销得到很好的实践效果。另要注意的是网页的颜色应用虽没有限制，但不能毫无节制地运用多种颜色，一般情况下，先根据总体风格的要求定出一至二种主色调，在已经有了完备的CIS（企业形象识别系统）的企业进行网页设计时，更应该按照其中的VI进行色彩运用。在色彩的运用过程中，还应注意的一个问题是：由于国家和种族、宗教和信仰的不同，以及生活的地理位置、文化修养的差异等，不同的人群对色彩的喜恶程度有着很大的差异。如：儿童喜欢对比强烈、个性鲜明的纯颜色；生活在草原上的人喜欢红色；生活在闹市中的人喜欢淡雅的颜色；生活在“沙漠”中的人喜欢绿色。在设计中要考虑众多因素。62.3网页形式与内容相统一要将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。如对称原则在页面设计中，它的均衡有时会使页面显得呆板，但如果加入一些富有动感的文字、图案，或采用夸张的手法来表现内容往往会达到比较好的效果。点、线、面作为视觉语言中的基本元素，要使用点、线、面的互相穿插、互相衬托、互相补充构成最佳的页面效果。网页设计中点、线、面的运用并不是孤立的，很多时候都需要将它们结合起来，表达完美的设计意境。73.系统各模块功能实现3.1系统登陆模块1)该功能模块可以记录客户的邮箱地址，交易时还可以向客户发送交易信息，到帐确认等等。32)登陆后系统会调出客户的记录，按照交易量的不同客户享受的折扣也不同， 系统主界面3.2 房产展示模块1)该功能模块主要实现对房屋的展示。2)该功能模块图片、文字介绍，360度flash对各种房屋的展示。3.3账号管理模块1)挂失业务在正常工作中肯定会遇到挂失的业务，确定挂失后，数据库会将该账号挂起，等待客户做进一步操作。2)冻结业务，客户对账号有冻结的权利，在客户没有输入解冻密码之前，任何人都无法动用帐上的资金。3)流水查询客户可以查询曾经交易过的记录。4)客户可以自行对其账号密码进行修改，网站管理人员也可以添加或删除账号。4.网站的设计4.1主页的要求对于销售业务系统要求运行的工作环境稳定，易于操作，界面美观大方，对于前台展示界面要求系统便于维护，安全可靠，对于广大客户所要执行的操作简单易懂，远程访问速度较快，界面友好美观，有基本的错误提醒功能，远程操作数据库正确，要求和客户有一定的互动性，在主页上直观的就可以查看浏览者所想要了解的东西。84.2子页的要求后面的工作就是子页的选择与链接，子页应该丰富多彩，内容充实，浏览性强，比如说，想要销售一处房产，应该有它的全部资料，包括外观、内饰、性能指标、价格等诸多方面，鉴于以上方面，我开始了子页的选择与链接。95.网站测试5.1网站测试IIS配置5当IIS被成功安装后，将在计算机C:Inetpubwwwroot下新建一个默认网站，通过修改默认网站配置可以建立自己的站点。如自己的网页放在D:Wy目录下，首页文件名为Index.asp，其具体步骤如下：第一步：在“默认Web站点”上单击右键，选“属性”，以进入名为“默认Web站点属性”设置界面。第二步：转到“主目录”窗口，再在“本地路径”输入（或用“浏览”按钮选择）好自己网页所在的“D:Wy”目录。第三步：转到“文档”窗口，再按“添加”按钮，根据提示在“默认文档名”后输入自己网页的首页文件名“Index.asp”。第四步：在“默认Web站点”上单击右键，选“新建虚拟目录”，依次在“别名”处输入“test”，在“目录”处输入“D:Wy”后再按提示操作。5.2数据源（ODBC）配置4第一步：选择控制面板中的管理工具打开数据源（ODBC）。第二步：在选项卡系统DNS中添加Microsoft Access Driver(*.mdb)驱动并指定数据源为网站的数据库文件。5.3测试打开浏览器，直接在地址栏中输入：http:/test/index.asp或者/test/index.asp即可。网站测试及网站维护在测试完成后，网页就可以发布到互联网上了，接下来要做的就是网站的日常维护了。网站维护就是对服务器及相关软硬件的维护，对可能出现的问题进行评估，制定响应时间，制定相关维护规定，将网站维护制度化、规范化，主要包括以下内容：即时更新新闻内容留言、信箱、论坛等定期回复及编改数据库内容定期备份、删减、分类更正数据库使用过程中发现的问题定期进行综合分析，不断优化数据库中数据结构，提高使用效率在系统运行过程中应定期对管理员用户名和密码进行更新，并对IIS和NT权限作相应设置参考文献1百度百科词条/view/7919.htm2网页设计三剑客（CS3中文版）2008年6月第1版 Page24-28。3道客巴巴/p-189718320508.html4配置ODBC数据源开发频道-天极网/359/140359_1.shtml5IIS配置/help/help_shop/help_shop-1146385586-6442.html6色彩是表现力的要素/study/study/argument/197001/artchn_72051.html7 上海网站建设新闻/NewsView-565.html8 网页设计三剑客（CS3中文版）2008年6月第1版 Page52-549 网页设计三剑客（CS3中文版）2008年6月第1版 Pa