搜索
学生学号0121103490128设计成绩武漢理工大學管理學院课程大作业课程名称：网站建设与网页设计网站名称：理工学子游武汉姓名：专业班级：同组成员：授课老师：时间：2013年01月12号课程性质：必修□选修□√I网站建设与网页设计1理工学子游武汉网站的分析与设计1选题的意义及网站建设基本目标1.1题目背景及意义1.1.1背景随着社会生产力的进一步发展，越来越多的人参与到旅游活动中去。喧嚣的都市，高节奏好强度的工作学习，是越来越多的人把旅游作为一种特殊的生活方式和放松形式，用以调节身心，恢复疲惫和增长阅历。作为一名大学生，有很多自己支配的时间。旅游、到处走走是必不可少的。随着人们生活水平的不断提高，人们不仅仅对物质生活的要求越来越高，也不断的向往和实现更新鲜的精神生活。由于旅游是人们为寻求精神上的愉快感受的一种形式，因此，旅游伴随着城市历史和沉淀已经逐渐成为一大重要产品。1.1.2意义武汉有很多旅游景点和逛街娱乐的地方，大多数同学会选择利用双休或短假期去了解武汉,在百度上搜索景点的各种信息具有一定的盲目性，即不能得到全面的信息。所以想做个网页能给在武汉读书的同学们一些帮助。作为网页设计制作的初学者，在短时间内做出完整全面的一个旅游网站是很困难的，比如：在线搜索地点和乘车路线。后来决定在该网站中的公交这一栏，把乘车起点定在雄楚大道理工大学站。这样一来，本网站服务于在校大学生改成了服务于武汉理工大学的学生。最后标题就定为了理工学子游武汉。1.2网站建设的基本目标方便同学们选择更合适的旅游地点。以后将不断完善该网站，服务于更多的游客，不仅仅是武汉理工的学生。建立在线公交查询，完善更多的景点，使该网站成为更多人的武汉旅游助手。并建设在线留言，在线客服等。网站建设与网页设计22系统分析与设计2.1网站的概况及其功能目标2.1.1网站的作用方便同学们选择更合适的旅游地点。综合景点介绍、公交线路、建议游玩时间等方面考虑以及对比，来选择合适的地方。比如影响其选择的因素，交通是否方便，票价问题。让他们不再需要百度各种网站去搜索想要去的地方。2.1.2网站的使用范围本网站可供想在武汉旅游人使用。网站主要分为景点，逛街，美食娱乐三大模块，看景购物都有，可以方便游客寻找自己想要去的地方。更适合武汉理工大学的同学使用，每个景点介绍中都有公交线路，乘车方法，更方便出游。2.1.3网站的功能结构图首页首页用户登录购物观光登录注册东湖黄鹤楼省博物馆武汉大学木兰天池汉正街光谷江汉路楚河汉街饮食娱乐欢乐谷户部巷在线留言关于我们旅行社网站建设与网页设计32.2人机界面设计2.2.1用户注册页面网站建设与网页设计4该页面为用户注册页面。用户通过键盘输入与该网站进行交互，可以选择是否进行注册。2.2.2提醒对话框当用户在注册时，没有输入用户名而直接点击了提交注册，就会弹出一个对话框，提醒请输入用户名注册网页.在用户漏填或填写格式不正确时弹出提示框，提醒注册者填写正确的信息。2.2.3导航栏该页面导航，让浏览该网站的用户可以根据自己的需要进行选择，点击观光、购物、饮食娱乐都会有不同的旅行目的地。2.2.4超链接网站建设与网页设计5在浏览一个景点介绍的同时，会告诉用户该景点周围有哪些好的旅游场所。点击周边景点的图片或名称，页面会进入另一景点的介绍，方便用户更好的选择地点，制定旅行计划和了解武汉。网站建设与网页设计62.3数据库设计表userss字段名数据类型长度可否空注含意Username文本20不可关键字用户名usepPassword文本20不可密码Usersex文本10不可性别Useremail文本不可电子邮箱Usernote文本25不可个人介绍网站建设与网页设计72.4使用技术分析模块（功能名）使用技术文件名文件所在文件夹主页CSS链接外部样式、div标记、html标记主页1.htm理工学子游武汉主网主页-登陆table、form控件注册1.html理工学子游武汉主网注册页面JSP、form各种控件注册1.html用户注册页面注册页面Vbscript、ASP对象、ADO对象注册1.html用户注册页面注册页面网页.mdb注册1.html用户注册页面观光html标记、美图秀秀观光页面.htm观光景区页面省博物馆周边景区html标记、index武汉大学.htm、index东湖.htmindex省博物馆.htm省博物馆网站建设与网页设计83心得体会3.1体会转瞬之间，半个学期又接近尾声，在江老师的精心教学下，度过了这个富有生机，富有朝气的学期。结课后的任务要求做一个网站。虽然学了一个学期，但是我觉得我的能力还远远不够，做个网站真的很不容易。作为网页设计的初学者，我对网页设计非常感兴趣，一心想设计出一个美观、实用、内容丰富的个人网页。通过自己动手、动脑，通过网络资源，老师的指导，在不断发现问题和解决问题的过程中学到了很多知识，也增强了我的创作能力和动手能力，在网页设计过程中，从构思到设计、完善、维护，整个过程我都全身心投入，使我真正学到了网页设计的知识。网页的制作过程虽然很消耗体力和脑力，但涉猎这方面的知识确实让我很有成就感，尤其是在一张页面制作完毕时。通过这次网站的制作，我对网站有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网站制作的过程与一些技巧手法更有了另外一番了解，对网站制作的基础知识也有了进一步的掌握。这个学期我们的网页设计课，与以前的课相比更加注重个人的创意能力和软件的运用实战能力，更加综合的考验了我，使我更加完善自我。在本次网页设计中，我不仅学到了很多关于网页设计方面的知识，也从中学会了关于网络、编程等方面的知识。运用FrontPage设计网页，在这个过程中，还通过自学教材、图书馆借阅书籍、上网查询，学会了一些简单动画、控件的制作等等。在设计过程中也出现了很多的问题，但通过看书，上网查询，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。我在网上自己找到一些图片和文字、特效代码，做一个简单的网站初步积累。3.2系统展望刚着手时，很多技术上的问题就暴露出来了，我感觉制作网页是需要耐心的，如果你没有耐心，你学不好网页设计，这是我最大的感触。因为当你碰到一个问题时，如果不能立刻得到问题的答案，你可能需要长时间去解决，我就碰到过一个问题，用了很长时间才解决，这还要多亏了学长的悉心指导，同学们的无私帮助。学习网页设计需要坚持，坚持不断的学习，因为设计网页的软件在不断的更新，只有综合运用多种知识,才能设计出视听特效,动感十足,富于个性的页面,才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能.注重实用，我认为网页设计应该注重实用性，因为它是让人浏览的，是用户可以抚摸，可以评论，可以交互的。通过这次制作网页，我学到了不少东西，而且学到了不少思考问题的方法。计算机会在以后的学习生活中充当越来越重要的角色，相信我也会学习到更多关于计算机和网络的知识。这次制作网页收获确实不小。网站建设与网页设计这门课让我初步了解了制作网页的过程，但这还是远远不够的，大二下学期还有更多相关课程等着我们去探索学习。我也会更加深入的学习相关知识，为将来作出优秀漂亮的网站打基础。网站建设与网页设计94网站主要代码4.1文件名：index黄鹤楼.htm（武汉大学、东湖、省博物馆、欢乐谷、户部巷同此文件）功能：给用户提供黄鹤楼的相关信息，如黄鹤楼简介、公交、文化历史、电子地图等。让用户更全面的了解该景点。代码：htmlxmlns:v=urn:schemas-microsoft-com:vmlxmlns:o=urn:schemas-microsoft-com:office:officexmlns==Content-Languagecontent=zh-cnmetahttp-equiv=Content-Typecontent=text/html;charset=gb2312linkrel=File-Listhref=index黄鹤楼.files/filelist.xmltitle黄鹤楼/title!--[if!mso]![endif]--!--[ifgtemso9]xmlo:shapedefaultsv:ext=editspidmax=1027//xml![endif]--/headbodybackground=image/黄鹤楼背景.jpgstyle=background-attachment:fixedp湖北spanlang=enfontface=宋体ahref=file:///I:/网页/主页1.htm武汉/a黄鹤楼/font/span/pdivalign=centertableborder=0width=88%id=table1trtdwidth=98%colspan=2bgcolor=#D4D4D4!--[ifgtevml1]v:shapetypeid=_x0000_t136coordsize=21600,21600o:spt=136adj=10800path=m@7,l@8,m@5,21600l@6,21600ev:formulasv:feqn=sum#0010800/v:feqn=prod#021/v:feqn=sum216000@1/v:feqn=sum00@2/v:feqn=sum216000@3/v:feqn=if@0@30/v:feqn=if@021600@1/v:feqn=if@00@2/v:feqn=if@0@421600/v:feqn=mid@5@6/v:feqn=mid@8@5/网站建设与网页设计10v:feqn=mid@7@8/v:feqn=mid@6@7/v:feqn=sum@60@5//v:formulasv:pathtextpathok=to:connecttype=customo:connectlocs=@9,0;@10,10800;@11,21600;@12,10800o:connectangles=270,180,90,0/v:textpathon=tfitshape=t/v:handlesv:hposition=#0,bottomRightxrange=6629,14971//v:handleso:lockv:ext=edittext=tshapetype=t//v:shapetypev:shapeid=_x0000_s1025type=#_x0000_t136alt=黄鹤楼style='width:121.5pt;height:39.75pt'fillcolor=#f60strokecolor=#f60v:shadowcolor=#868686/v:textpathstyle='font-family:宋体;font-size:40pt;font-weight:bold;v-text-kern:t'trim=tfitpath=tstring=黄鹤楼//v:shape![endif]--![if!vml]imgborder=0width=166height=57src=index黄鹤楼1.files/image001.gifalt=黄鹤楼v:shapes=_x0000_s1025![endif];imgborder=0src=image/推荐指数五颗星.pngwidth=103height=29pbfontsize=5（YellowCraneTower）/font/bpspanlang=enfontsize=4face=宋体•/font/span