网页设计课程设计报告书

PAGEPAGE17河南城建学院《网页设计》课程设计报告学号：专业：信息管理与信息系统姓名：题目：旅游河南网指导老师：设计时间：6月18~6月21计算机科学与工程系2012年6月一、设计目的 31、课程目的 32、背景 3二、需求分析 41、河南旅游现状分析 42、网站所需功能 53、资料需求分析 5三、功能模块分析及设计 61、功能模块图 62、功能模块设计 71）登录注册模块 72）导航栏模块 73）搜索模块 7四、制作过程及要点 81、首页布局设计 82、分工设计 91）“更多”项的链接网页 92）“山水”导航栏的链接网页 113）“旅途光影”的链接网页 123、合并所有网页 13五、系统介绍或功能展示 14六、设计总结 16七、参考资料 17

一、设计目的1、课程目的DreamweaverCS4网页课程设计作为独立的教学环节，是信息管理与信息系统专业集中实践性环节系列之一，是学习完《DreamweaverCS4多媒体教学》课程后进行的一次全面的综合练习。其目的在于加深对DreamweaverCS4应用基础理论和基本知识的理解，掌握使用网页设计分析、设计的基本方法，提高解决实际管理问题、开发信息系统的实践能力。同时课程设计应充分体现“教师指导下的以学生为中心”的教学模式，以学生为认知主体，充分调动学生的积极性和能动性，重视学生自学能力的培养。2、背景快速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。不论是最新的新闻信息,新产品的出台,新游戏的发布,最新的各种IT动态,包括等候就业人才的个人简历,我们都是可以通过网络来获得。旅游网站作为信息技术与旅游业高度结合的产物，旅游市场营销的一个重要发展趋向就是人本化、信息化和高效化。无疑就是这一发展趋势的集中体现。1999年，世界旅游组织明确将旅游网络作为信息时代旅游市场营销的重要的战略方式和手段。明确的信息传递是旅游业的天性，这就意味着因特网和网络技术在提升旅游目的地竞争力和市场营销方面的重要作用。互联网的交互性、实时性、丰富性和便捷性等优势促使传统旅游业迅速融入网络经济的浪潮之中。现在全球电子商务交易总额中，旅游电子商务已占到1/5份额，成为全球电子商务的第一行业。二、需求分析1、河南旅游现状分析河南，是中华民族最为重要的发祥地和发源地、华夏历史文明传承创新区。从夏代到北宋，先后有20个朝代建都或迁都于此，长期是全国政治、经济、文化中心。从中国历史上第一个王朝夏朝在商丘建都起，河南又孕育了洛阳、开封、安阳、郑州等闻名海内外的古都，中国八大古都中河南占其四。全省有全国重点文物保护单位189处，地下文物和馆藏文物均居全国首位。河南是姓氏的重要发源地，中国300个大姓中根在河南的有171个，有“陈林半天下，黄郑排满街”之称的海外四大姓氏均起源于河南。2011年河南省接待海内外游客3.07亿人次，其中入境游客168.29万人次，旅游总收入2802亿元。共有4A级以上景区84处。当然，河南旅游业也存在不少问题。首先，旅游服务体系结构不合理。河南省旅游服务体系基本完善，但由于全省旅游经济发展不平衡，各地市旅游服务体系发展也参差不齐，在基础设施、弹性要素、外部保障体系等方面与资源及其河南在全国的地位不相吻合。其次，旅游专业人才匮乏。21世纪企业竞争主要体现在人才的竞争，河南省旅游业的发展很大程度上受人才短缺、管理水平低下的制约。旅游资源开发与规划管理、人力资源管理、企业管理、景观设计、市场营销等方面的高素质人才严重短缺，这些都极大地制约了河南旅游的高层次地发展。其次，河南省目前还缺少一个公益性的旅游信息网络宣传平台。近日，河南省旅游局联合河南省旅100游信息化工作领导小组办公室对省辖市旅游局网站进行了首次试行综合评估。此次评估结果显示，各省辖市旅游局网站建设整体尚处于发展阶段。多数市旅游局重视旅游信息化建设，不断完善旅游门户网站建设，以电子政务创新旅游管理，有力提升了旅游信息化水平，但普遍还存在政府信息公开、交流互动、旅游管理系统应用上的欠缺，网站技术建设和网络安全还有待进一步加强。2、网站所需功能本网站旨在免费为广大国内游客提供丰富的河南省内旅游信息，及时更新各种旅游资讯，为旅客提供吃、食、住、行等各方面信息，并为游客提供旅游图片交流区，是一个公益宣传为主，交流互动为辅的现代旅游网站平台。3、资料需求分析为了实现站内含有丰富的河南省内旅游信息，并及时更新各种旅游资讯，为旅客提供吃食、住、行等各方面信息，可在站内实现旅游搜索，且为游客提供旅游图片交流区，经过我们小组成员对关于本网站方面的调查分析，现初步需要收集整理以下资料：1）全省各市的旅游景点介绍，包括：图片、历史、位置、门票、交通等信息2）各景区的即时资讯3）一些关于河南的视频及音乐文件4）适合作为网站内插图的个性图片等其他资料5）建立一个关于用户数据库系统，包含用户名及密码6）一些优秀的互联网网站链接

三、功能模块分析及设计1、功能模块图经过对本网站的基本需求分析，网站首页可设计出登录注册模块、导航栏模块、搜索模块、旅游资讯模块、旅游链接模块、图片模块共计6大模块，用户可以根据自己的需要在这些模块上进行不同的操作，实现自己的需求。其功能模块操作流程图如图3-1：网站首页网站首页登录浏览注册地址链接旅游资讯旅游链接图片区登录上传图片返回首页搜索图3-12、功能模块设计1）登录注册模块用户通过该模块注册登陆，从而能实现本站会员所特有的功能。2）导航栏模块用户通过点击导航栏中的不同地市链接位置，可以进入相应的地市专题子网页中，进而浏览更多更全面的关于当地的旅游信息。3）搜索模块在搜索框中输入查询的关键字查询，可以再在站内搜索出相关内容。4）旅游资讯模块本模块为即时热点旅游资讯，通过点击“旅游资讯”标题，进入到旅旅游资讯子网页中，可以浏览更多资讯；点击各资讯标题，则进入到相应的资讯中。5）旅游链接模块用户通过点击导航栏中的不同链接位置，可以进入相应的专题子网页中；点击更多，进入到相应的子网页中，进而浏览更多更全面的旅游信息。6）图片模块用户可以在首页“旅途光影”中简单浏览一些图片，单击图片，进入到相应的专题网页中浏览更多图片；单击“旅途光影”，进入到图片专题网页中，可以浏览更多图片，还可以注册登录后上传图片。

四、制作过程及要点1、首页布局设计在做好网站需求分析和模块分析设计后，我们小组成员一起对首页布局进行了分析讨论，并画出了简要的大概布局图，如图4-1：注册登录框网站标题栏各地市导航栏更多搜索栏Flash栏旅游资讯走马灯热门排行城市导航更多人文景区山水景区历史景区图片区（旅途光影）友情链接栏版权栏图4-12、分工设计完成网站首页基本布局后，我们对小组工作进行了个人分工，我主要负责各地市导航栏中的“更多”项的链接网页及该网页的其他链接网页的制作、城市导航栏中的“更多”项的链接网页及该网页的其他链接网页的制作、山水导航栏所链接的网页制作、旅途光影栏所链接的网页制作。考虑到分工后我们要在各自的电脑上分别建立站点，为避免以后所有网页合后出现文件链接不正确等问题，我们就统一规定站点建立在F盘名为“旅游河南”的文件夹中，图片则放在其子文件夹“images”中。1）“更多”项的链接网页首先，我上网查询了一下全省共有18个地级市，并了解了各市的基本信息及旅游景点，然后又收集了一些各地的热门景点的文字及图片信息，然后分析汇总，并下载了一些个性图片用于网页布局，然后制作出了“河南旅游网—更多城市”主页面，如下图4-2：图4-2搜索框左边的河南历史文字部分为走马灯效果，代码为：<marqueealigh=leftbgcolor=#00FFFFdirection=leftbehavior=scrollheight=30hspace=1scrollamount=2Scrolldelay=1width=480VSpace=1loop=-1>其次，该页面完成后，我又对其中的一些地市建立了超链接，如我的家乡驻马店，其链接页面如下图4-3：图4-3最后，我又对各地市的页面中建立了链接页面，如驻马店页面中的“地理”，其页面如下图4-4：图4-42）“山水”导航栏的链接网页我先对网站首页“山水”导航栏的几个景区建立了超链接网页，如云台山，其页面如下图4-5：图4-5然后又对“山水”导航栏的“更多”项建立了超链接网页，其页面如下图4-6：图4-63）“旅途光影”的链接网页在制作“旅途光影”的链接网页时，我采用了上方固定，左侧嵌套的框架结构，根据左侧页面内的链接，左侧主界面可显示出相应的页面，如下图4-7：图4-7

3、合并所有网页1）小组成员都完成各自分工后，开始合并各自站点内的文件到一台电脑的站点中，所有图片应放到“images”文件夹中，其他文件直接放在“旅游河南”文件夹的根目录里，如下图4-8：图4-82）然后对子网页中有返回首页的，建立超链接至首页。所有链接建立后，从首页开始浏览，依次点开击各超链接，检查各页面是否正确出效果。确保各项页面信息显示均正常后，则本静态网站设计圆满结束！

五、系统介绍或功能展示1、用户通过登录注册模块注册登陆，从而能实现本站会员所特有的功能。2、用户通过点击导航栏中的不同的链接位置，可以进入相应的地市专题子网页中，进而浏览更多更全面的关于当地的旅游信息。如点首页导航栏中的“更多”进入到更多城市的介绍页面，然后再点击“平顶山”进入到平顶山的专题网页，其效果依次如下图5-1：图5-13、在搜索框中输入查询的关键字查询，可以再在站内搜索出相关内容。4、旅游资讯模块为即时热点旅游资讯，通过点击“旅游资讯”标题，进入到旅旅游资讯子网页中，可以浏览更多资讯；点击各资讯标题，则进入到相应的资讯中。5、首页中插入了一段视频，并且在页面其他部分对一些图片采用走马灯的形式出现，或是添加了一些动态图片，增加了页面的美观。6、用户可以在首页“旅途光影”中简单浏览一些图片，单击图片，进入到相应的专题网页中浏览更多图片；单击“旅途光影”，进入到图片专题网页中，可以浏览更多图片，还可以注册登录后上传图片。如下图5-2：图5-2六、设计总结不知不觉,三天的的《网页设计》的课程设计已经过去,回顾这几天的日子,真的令我体会很深,也学会很多东西,懂得很多以前不懂的东西,也明白了一些事情。自从第一天接触《网页设计》课程，我以下定决心要把网页这门课学好，做出一个优秀的网站。所以我时刻没有错过任何学习的机会，无论在课堂上,还是在课外上。回顾这次的课程设计，我觉得我过得很充实，很有意义,因为我可以诚实的说在这几天里我每时每刻都在设计网站,还记得晚上做网站做到一、二点，可能有人会说我傻，但正因为这个傻的行动，令我学会很多东西，学会别人不懂的东西，做出一个令自己满意的网站，可能跟别人比还需要继续完善，但我不会因为课程设计结束，就把网页设计抛到九霄云外，我会继续学习网页设计技术，把它变为自己的一项特长。作为网页设计的初学者，我对网页设计非常感兴趣，想设计出一个美观、实用、内容丰富的个人网页。我通过自己动手、动脑，通过网络资源和老师的指导，在不断发现问题和解决问题的过程中学到了很多知识，增强了我的创作能力和动手能力，在网页设计过程中，从构思到设计、完善、维护，整个过程我都全身心投入，使我真正学到了网页设计的知识。在本次网页设计中，我不仅学到了很多关于网页设计方面的知识，也从中学会了关于使用网页制作软件方面的知识。在这个过程中，我通过上网搜集资料自学了Dreamweaver网页软件的应用，学会了简单地使用Dreamweaver。在设计过程中也出现了很多的问题，但上网查找、小组讨论等方式，不断地学习、提高，设计出的网页也在不断的进步。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。在这个制作过程中，我学会了面对困难和挑战，但我十分享受这一过程，这是一个能令人感觉到收获的过程，这次的网页制作使我产生很强的成就感。制作网页开始的时候还是兴致勃勃，充满激情的。但是学习内容越来越多，就逐渐感觉有点思维混乱，开始烦躁，失去了当初的那种兴奋的感觉，原来在自己看来是一种乐趣的事情，现在却成了一种负担。但我坚持一步步做下来，到看到成品时，内心得到了强烈的满足感，从中使我感悟到：学习网页制作需要耐心，如果你没有耐心，你就学不会，因为当你碰到问题时，如果不能立刻得到问题的答案，你就可能做不下去了。学习网页制作需要坚持，坚持不断地学习，才能作出理想的作品，才能更加充实自己。通过这次课程设计，我也认识到，学习网页制作不能一蹴而就，它是一个循序渐进的积累过程。想