网页设计课程设计报告题目家乡旅游网页班级软件学号姓名字云飞指导教师褚洪波完成时间年月日绪论httpwww51lunwencomsciencetranslation当前随着计算机技术与通信技术的发展网络的规模也逐渐增大网络的元素也随之而不断增加有的利用其进行通信有的利用其作为商业用途在网络上进行出售收购宣传等用途从而使得网络越来越成为现今社会上必不可少的元素而网站就是这个网络里的一个很大的元素所谓网站就是指在网际网路因特网上根据一定的规则使用等工具制作的用于展示特定内容的相关网页的集合简单地说网站是一种通讯工具就像布告栏一样人们可以通过网站来发布自己想要公开的资讯信息或者利用网站来提供相关的网路服务网络服务人们可以通过网页浏览器来访问网站获取自己需要的资讯信息或者享受网路服务httpwww51lunwencomeconomics随着我国经济的不断发展旅游市场已成为一个极具潜力的市场再加上近几年网络的httpwww51lunwencomelectronics普及使得旅游网站的发展极为迅速相较于电子商务泡沫的破灭新型的旅游网站应该如何经营如何获得较好的利润已成为一大难题本设计的题目是竹海旅游网站系统它主要依据网络系统及电子商务解决方案结合数据库系统与网站设计的具体工作要求通过强大的互连网技术进行旅游网站的宣传介绍以景点的简介与预定实现客户与旅行社或相关单位的网上勾通及业务的完成实训意义网页设计与制作综合实训是教学过程中重要的实践性教学环节它是根据专业教学计划的要求在教师的指导下对学生进行网页制作专业技能的训练培养学生综合运用理论知识分析和解决实际问题的能力实现由理论知识向操作技能的转化是对理论与实践教学效果的检验也是对学生综合分析能力与独立工作能力的培养过程因此加强实践教学环节搞好实训教学对实现本专业的培养目标提高学生的综合素质有着重要的作用实训目的通过综合实训进一步巩固深化和拓展学生的理论知识与专业技能掌握规划网站的内容结构目录结构链接结构的方法熟练掌握网页制作软件的基本操作和使用技能掌握页面的整体控制和头部内容设置的方法熟练掌握网页页面布局的各种方法熟练掌握在网页中输入设置标题和正文文字的方法熟练掌握在网页中插入图象动画和背景音乐的方法熟练建立各种形式的超级链接的方法掌握表单网页制作方法掌握网页特效制作方法掌握网站测试的方法训练和培养学生获取信息和处理信息的能力充分培养和提高学生的动手能力学会通过网站书籍素材光盘等方式收集所需的文字资料图象资料动画和网页特效等培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质培养学生理论联系实际的工作作风严肃认真的科学态度以及独立工作的能力树立自信心实验步骤网站主题我的网站的主旨在于从各个方面全面的介绍自己的家乡展示家乡包括家乡的旅游胜地特产和民族风情另外网站里还包括家乡的过去和现在建立一个展示家乡形象的平台同时网站里的每一个网页都有统一的风格每一个网页的主题色彩都多样的用以展示家乡特点的效果最重要的是做出家乡的风格给浏览者好的欣赏感受网站材料主要在网站上搜集所要的网页信息包括图片文字相关的新闻同时查询相关的书籍百度和素材光盘等方式收集所需的文字资料图象资料动画和网页特效等用以得来更加具有说服力的页面要想做好家乡的网站能够给浏览者好的欣赏感受就要尽量搜集材料搜集得材料越多以后制作网站就越容易精选自己收集的材料作为自己制作网页的素材这样就可以做好一个好的网站实训策划第一周我首先设计做网站前最主要的确定主题框架和标题栏的设计因此我认真思考之后确定制作以我的家乡大理为主题的旅游网站确定主题制作网页首先是确定主题大理有许多著名的旅游胜地特色水果水果产品丰富经过考虑确定以大理旅游为主题的网站建立一个简单的介绍大理旅游的网站专业介绍一些大理地区著名的花卉和景点等我本次设计的网站基本以大理的特色为基点让整个网站充满绿的生机和吸引力设计主页主页的设计是整个网站的灵魂构思导航栏的分类然后是整体规划每一版块都有其个性的色彩清晰明了便于阅读浏览我们构思大致分几部分首页从登录窗口进入大理的旅游胜地迷人的花海优质水果婺城商场等板块再加入个别网站等每一部分又分几小部分内容比较充分多样建立导航栏将整体的主页效果建立起来资料的搜集主页的导航栏设计好后接下来就是对主页导航栏的各个内容进行资料的收集我们采用大量的资料收集再对资料进行塞选得到最适合导航栏内容的资料素材的选择要符合网站的主题图片的大小要符合模板的轮廓我们将不符合模板的用处理编辑然后放入站点底下进行图文的链接和排版建立模板和库此次网站建设中我们决定大量运用模板和库运用模板和库对于建立网站提供便利同时也为我们减少大量的工序本次水果网的建设主要采用两个模板各具风格样式标准各个子网页的建立我们设计好模板后只要在可编辑区依次编辑所需资料就可运用模板建立子网页少了很多工序为我们节省大量的时间尽管我们建立了模板但我们在建立子网时很小心因为一张图片的大小插入就有可能破坏整个模板的结构尤其在使用表格时因此我们对所插入的图片和表格都得进行测量做到不影响网站整体的美观实现网页间的链接做好个格子网和首页后接下来就是通过模板的链接将整个网站中的网页链接起来过程其实很简单主要是把要链接的文字和图标选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了通过模板建的几张网页其实超链接都不怎么用链接只需要修改模板上的链接就可以了这也是通过模板新建网页的好处省去一张一张超级链接的时间了做好这一步后网站基本算是建好了向静太网页插入动态效果在基本建好网页中的插入层和时间轴制作其动态效果让整个网页充满生机我们在网上进行素材的收集通过设计出主题下的风格动态效果然后插入到静态网页中使网页更加生动形象实训心得通过两周的实践和老师的指导下以大量明晰的操作步骤和典型的应用实例结束了此次实训使更丰富全面的软件技术和应用技巧使我们真正对所学的软件融会贯通所以我结合所学专业的内容制作了家乡旅游网站作为实训的成果其内容是多样化的制作网页用的软件是软件它提供了网页和表单的动态生成到企业级的解决方案主图是一个网页的门面它能体现出这个网页的整体风格制作网页首先是确定主题经过再三考虑就做了个关于家乡旅游网站要对这些有些了解于是确定主题做一些类似的网站但考虑到现在网络上好多类似的网站但有些内容不适合我们大学生阅读对于我们来说有点不实际根据这种情况最后决定建立一个简单的介绍大理旅游胜地的网站专门介绍一些大理地区著名的旅游景点和特色产品等于是网站主题确立然后是整体规划每一版块都有其个性的色彩清晰明了便于阅读浏览大致分几部分首页景点介绍优质水果花的世界婺城商场等板块再加入个别网站等每一部分又分几小部分内容比较充分多样再后是设计网页图片用制作网友调查表用制作静态图片再后是建立站点和制作网页了使用制作首页内容精彩丰富首页主要是导航作用首页制作时时刻考虑着网页的基本原则统一连贯分割对比及和谐的原则内容统一都是为了主题服务一个网站强调的就是一个整体只有围绕一个统一的目标所做的设计才是成功的连贯页面之间关系连贯统成一体每版内容都自成一体颜色各异便于浏览整个网页有动有静颜色不同形成对比不呆板富有生气颜色各异但又不同之中又相同浑然一体简洁实用这是非常重要的网络特殊环境下尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的所以要去掉所有的冗余的东西使用方便同第一个是相一致的满足使用者的要求网页做得越适合使用就越显示出其功能美页面用色协调布局符合形式美的要求布局有条理充分利用美的形式是网页富有可欣赏性提高档次当然雅俗共赏是人人都追求的利用我们所学的模板设计制作更完美的页面将动态网页与静态网页结合起来再后调试过程好多次本来在里好好的把字调的好好的位置很对可在浏览器里御览就出毛病了不是靠上了就是靠下了很不老实经过再三调试整理加了好多表格终于满意了通过两周周的实训发现自己还有很多的不足就框架的应用很难把握切片也很难合理切割当插入图片的时候把原有的模板给撑破了精确定位很重要因为学艺不精所以不会网页的代码设计只能通过网络三剑客综合使用不过也实践中也学到了很多知识比如原本不知道网页设计还需要切片表格的嵌套是非常重要的模板的应用时非常便捷的还有一些行为中的效果也是蛮不错的所以这次实训还是很有意义的光阴似箭日月如梭转瞬间愉快而又充实的网页实训课程结束了在这两周的时间里在实训的过程中让我尝试了理论与实践的结合网页设计理论一点点转化为实践经验模拟网页实训变成了真正面对社会的基础尽管生涩但在慢慢趋于成熟丰富的实训知识让我的实训生活充满惊喜快乐和充实当然也少不了网页设计处理过程中的困难实训结束了感觉脑子里又注入了新的知识对网页设计也有了更深的了解在以后的工作中希望能用自己了解的东西去处理相关的问题使自己不断进步成长