关闭

关闭

关闭

封号提示

内容

首页 网页设计实训报告.doc

网页设计实训报告.doc

网页设计实训报告.doc

上传者: 范二de年代_IQ算什么 2017-09-17 评分 0 0 0 0 0 0 暂无简介 简介 举报

简介:本文档为《网页设计实训报告doc》,可适用于IT/计算机领域,主题内容包含网页设计实训报告湖南科技经贸职业学院计算机科学技术学院实训报告实训课程:网页设计班级:计网二班学号:姓名:彭论指导老师:王湘文提交日期:前言至于我为符等。

网页设计实训报告湖南科技经贸职业学院计算机科学技术学院实训报告实训课程:网页设计班级:计网二班学号:姓名:彭论指导老师:王湘文提交日期:前言至于我为什么选择酒店设计题材因为本人就是想以后自己能办一个很品牌一点的酒店。在选择好题目和网站的风格之后我就进行了分工希望能在最短的时间内做到最好的效果。接下来的步骤就是准备素材搜集与主题相关的文字、图像、动画、音乐等资料。再是设计网站的内容结构、目录结构和链接结构设计首页及其页面的版式结构。然后创建本地网站建立网站的目录结构。制作首页、创建超级链接。最后就是测试与浏览网页。对于酒店网站的设计我结合了国内外很多知名品牌酒店的网站页面的设计前沿。取其精华去其糟粕在网站内容上删减了很多的在外观上的美整体讲究整体美和简洁美对于本网站的设计凝聚了本人长达三个星期的时间完成网站静态设计后从总体上对网站动态上进行动态设计希望本网站能在我们这个年纪的领域有一个很好的炫美。目录,实训目的,实训任务,实训项目(网页设计思路及详细说明),实训中遇到的问题与解决问题的方法,实训心得与体会一(实训目的进一步熟悉和掌握网站建设的基本流程和技术规范巩固运用Dreamweaver网页制作软件制作网页、特别是制作动态网页的知识巩固运用PhotoShop图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识巩固综合运用Dreamweaver、PhotoShop、flash三个软件完成网站建设任务的方法能独立设计一个内容完整、图文并茂、技术运用得当的网站具备独立撰写实训报告等科技文件的基本能力在网页设计的实践中培养分析问题、解决问题的能力培养协作、交流的能力培养创新能力和团队意识为今后从事网站开发、维护和管理奠定基础。二、实训任务,站点规划搜集资料。确定网站主题内容规划站点结构从网上搜索相关资料(图片、文字等)。,进行主页设计。构思主页布局进行主页标题图片的设计(要求原创)进行主页其余图片的设计和页面内容的录入最后进行主页的整体优化设计。,网页设计。除主页以外的网页设计首先设计网页模版一部分网页由模版生成一部分为单独设计(依据实际需要确定哪些网页由模版生成确定哪些网页单独设计)。包括版面设计和图形设计、内容录入等。,动画设计。主页动画设计和其余页面动画设计充分运用所掌握技术效果好。,综合优化。链接正确、得当动态效果好(时间轴动画、行为、代码的嵌入等),网站测试并递交。在浏览器中对完成的网站逐页打开测试包括链接正确与否页面打开时间图片和动画是否丢失等。三、实训项目(网页设计思路及详细说明)项目:《中国室内设计网》网站设计项目设计说明:,站点结构与命名。,站点文件夹为班级学号姓名(如:计网二班XXX),站点文件夹中所包含文件夹:Images(存放图片文件),Templates(存放模板文件),Library(存放库文件),Other(存放其它文件),原文件(存放自己设计的图形、动画文件但最终要用的图形、动画文件还是要放到Images文件夹下)其余视文件夹需要而添加全部用英文命名,站点文件夹中所包含文件:index(首页),*css(样式表文件)其余视文件夹需要而添加全部用英文命名例如:,网站题材选择。,制作个人网站,制作班级网站,制作学校网站,制作教学资源网站,制作旅游网站,制作公司网站,网站技术要求。,页面布局合理色彩和谐链接正确图文并茂并茂。网站页面大小满足*分辨率的客户。,主要图片和动画为原创(保存有源文件)主页标题图片(动画)必须为原创。,必须且合理使用动态技术(包括行为、时间轴动画、嵌入代码等)必须且合理运用模版、库文件。,站点中要有一个首页二级网页总数不少于页。三级页面数目不限结构为:主页栏目栏目栏目栏目内容内容内容,网站设计详细说明,设计一个模板:(如图所示)图,将所建模板保存利用模板新建一个HTML页面并在模板中的可编辑区域中插入表格再往表格中插入图片:(如图所示)图图预览效果如图a所示:图a,在下一行表格中插入视频文件:(如图所示)图预览效果如图b所示:图b,在下一行表格中插入背景图片并在里面输入文本:(如图书所示)图预览效果如图c所示:预览效果如图e所示:图e,在下一行表格中插入表格并输入图片:(如图所示)图预览效果图果f所示:,运用以上方法完成其它表格的制作最终页面效果预览如图g所示:图g四、实训中遇到的问题和解决方法,路径问题现象:预览时文件不能显示预览效果。解决方法:在文件夹或文件存放过程中应注意存放和命名的规范要明白绝对路径和相对路径的区别。,表格的布局问题现象:预览时表格被衬大或缩小、显示页面混乱。解决方法:在运用表格布局的过程中应注意合理的插入表格、设置表格的属性关键是要懂得合理运用表格中的百分比与像素。,Style样式运用的问题现象:背景运用CSS样式时在预览中不能显示。解决方法:在一个网站站点中通常都使用相对的链接路径在CSS样式表中如果在其中一个CSS样式表中设置了“背景图像”一定要注意检查背景图像所链接的相对路径的正确与否。,超链接运用的问题现象:对文本或图片设置链接后在预览效果中依然不能有效进行链接。解决方法:超链接样式表只有应用于超链接标签<a>内才会对超链接的文本起作用。如果样式表应用在其它的位置如<td>、<span>等将不会对超链接文本起到任何作用。,模板运用的问题现象:网页不能在IE浏览器中预览以及在模板文件下新建的页面不能进行更改。解决方法:在运用模板时应注意不能直接在模板文件中进行编辑打开模板文件在模板中进行需要的修改然后再更新到其它文件。,边框编辑的问题现象:给边框在属性中设置最小值还是不能满足需要解决方法:在样式面板中添加自己定义的样式在自己定义的过程中可将边框的值定义得更小以达到自己的目的。,Div层的运用问题现象:在预览效果中有一部分文本不能显示出来解决方法:在该层的属性面板的中在“益出”下拉列表中选择“hidden”问题即可解决。五、心得体会通过本次的实训在老师的热心指导和精心培养下我不仅在知识上有了很大的提升而且在心得上也是收获颇多。本次实训的目的旨在检验我们在平常学习中所学知识、将上课所学的理论知识在实践中巩固掌握以及进一步熟悉和掌握网页设计与网页制作的基本流程。回顾这次课程设计至今我仍感慨颇多的确从选题到开始制作从理论到实践在天实训的日子里可以说得是苦多于甜但是可以学到很多很多的的东西同时不仅可以巩固了以前所学过的知识而且学到了很多在书本上所没有学到过的知识。通过这次课程设计使我懂得了理论与实际相结合是很重要的只有理论知识是远远不够的只有把所学的理论知识与实践相结合起来从理论中得出结论才能真正为掌握技术从而提高自己的实际动手能力和独立思考的能力。在设计的过程中遇到问题可以说得是困难重重这毕竟是第一次独自设计网站、制作网站难免会遇到过各种各样的问题同时在设计的过程中发现了自己的不足之处对以前所学过的知识理解得不够深刻掌握得不够牢固比如说拖动层的设置时间轴与层的显示与隐藏的综合应用在CSS的具体应用还不是和很熟练没有能完全达到自己预期的效果还好通过老师的细心指导才能达到最终效果„„通过这次网页设计与制作实训一定把以前所学过的知识重新温故。此次实训中我发现了在网页设计与制作的过程中存在许多的细节问题也从中学到了很多课本上没有的知识。关键是从自己单独设计与制作网页的过程中培养了自己主动学习、敢干动手与自己发现问题、解决问题的能力这为以后进一步的学习网页制作与网站开发打下了一个良好的基础也给以后的工作作了一个良好的铺垫。本次实训自己设计的室内设计网网站实现了布局清晰、有条理视觉效果较好涉及的知识点较全面等目标但是在连接数据库等方面还是存在一些问题这是开发动态网站的重要基础我认为自己以后应该在静态网页到动态网页的转变方面多钻研、多努力使自己在静态、动态网站开发上的水平有一个质的提升。希望通过对本网站的建设可以提升自己以后在网站建设方面的一部分能力我相信现在在努力是为以后的成功的事业打下一个坚实的基础为自己美好的人生铺好一条阳光而灿烂的道路。通过这次实训是自己的真实能力有了一次质的飞跃。实训人:彭论年月号

用户评论(0)

0/200

精彩专题

上传我的资料

每篇奖励 +2积分

资料评价:

/10
0下载券 下载 加入VIP, 送下载券

意见
反馈

立即扫码关注

爱问共享资料微信公众号

返回
顶部