2022年网站建设实训报告 .pdf

《2022年网站建设实训报告 .pdf》由会员分享，可在线阅读，更多相关《2022年网站建设实训报告 .pdf（9页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、甘肃机电职业技术学院网页设计与制作实训报告专业：计算机信息管理班级：G093501 班学号：G09350118 姓名：韩阳平指导老师：郭建民实训时间：2011-05-0905-21 实训地点：图书馆1 号机房名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页，共 9 页 - - - - - - - - - BMW 悦驾中国网网站建设实训报告2 前言人类永无止境的探索精神，是科技发展的原动力，驱动着我们的步伐飞速迈入21 世纪的 E 世代。我们是新世代的探险家，为人类探索陌生的价值

2、，就像第一个发现黄金价值的人。我们了解所做的事，我们知道该如何去做，正确判断自己，正确判断周遭，我们绝不冒险。我们肩负使命，为世人开拓沟通的新方法，人类的感知将无限延伸，沟通将与光同速。企业形象和商业宣传网站主要是为了全面展现企业的整体理念，介绍公司的业务和宣传商业价值。设计风格配合企业的统一形象，力争国际化、 商业化；表现上配合多媒体技术和手段，充分体现宽带环境下的绝对优越，强调感官冲击力网站信息编排和栏目设计上，力争简洁、明晰，做到信息模块化；根据访问者的不同动态生成对应级别信息；网站内容上紧扣主题与各功能网站保持完整线上宣传系统的绝对职能分工。汽车网站是一个汽车企业的商标，每一个汽车企业

3、里的每一个系列汽车都有自己的特色，每一个系列都有自己的个性。在这个高度信息化的社会里，建立自己汽车企业网站是最直接的宣传手段。 网站的超时空特性， 不仅能让地区内的人们了解该汽车企业的文化，更可让世界了解你的汽车发展过程。本站点采用静态网页技术，运用网页三剑客软件及PHOTOSHOP软件进行网站开发、制作，整体页面采用的是模版加表格的形式，适当加如CSS特效编程使网页变的越加生动和新颖。利用现在时下非常流行的引导页加首页的样式，此样式最大的特点在于，引导页给予阅读者一个网站总体的感受，第一印象是最重要的，所以我们要抓住这第一印象，给予读者一个数字化的网站新概念。名师资料总结 - - -精品资料

4、欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 9 页 - - - - - - - - - BMW 悦驾中国网网站建设实训报告3 一、 实训目的通过实训让我们对网页有更深一步的了解，培养我们的动手能力， 提高我们运用 HTML语言编写静态网页能力的水平，掌握HTML 和 CSS 语言的应用，为我们学习动态网页打下坚实的基础， 通过实训可以达到全面理解、 运用网页制作的知识， 并使之得以融会贯通，在掌握理论的基础上再加以实践，进一步提高、加强我们学习的综合能力，把本学期学到的东西都运用起来达到一定的技术性

5、、创意性，让其更美观。（1）掌握创建 Dreamweaver本地站点的方法，利用表格等规划网页布局；（2）掌握在网页中添加文本、图像、Flash 动画等页面元素；（3）掌握在网页中输入、设置标题和正文文字的方法；（4）掌握网页设计基本概念和HTML 的基本结构，了解网页技术HTML 的编辑和运行环境以及掌握CSS的各种属性应用；（5）掌握文字版面的编辑，掌握在Dreamweaver 中建立链接及网页的超链接技术的应用，了解图像的处理；（6）综合运用所学软件进行网页材料的准备。二、实训项目1、网站名称： BMW 悦驾中国网2、网站设计要求1）利用 Dreamweaver 制作一个静态网站，要求网

6、站有特色，整个网站的内容和形式要统一，应能够反映一个简单的主题。可以选择制作个人网站设计、企业网站设计、文化网站的设计、娱乐网站设计或者其他自己认为适合的网站。2） 必须用到模版、表格或层排版技术、Flash 技术和图像处理技术，使网站具有合理的外观和功能。3） 主页基本要求：页头 Logo ，准确无误地标识站点和企业标志；网页标题动画，可以制作成GIF 动画或者 Flash 动画；导航条；E-mail 地址，用来接受用户垂询；名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页，

7、共 9 页 - - - - - - - - - BMW 悦驾中国网网站建设实训报告4 联系信息，如普通邮件地址或电子信箱，版权信息。4） 某个页面有滚动字幕。5） 整个网站各页面之间保持风格一致，页面之间要有合理的超级链接。6） 进行站点测试后申请免费空间并发布到网络。3、网站的设计过程1）主页的设计与制作首先要建立站点，然后再收集相关网站建设的资料信息，将自己建设的网站首页勾画框架，用 Adobe Dreamweaver CS4软件建设网站的首页，制作头部，设置导航菜单， 向页面中插入图片， 产生图文并茂的效果。 但要注意插入的图片不要过多，以免影响网速 。网站共分为七大板块，流程图Inde

8、x 首页新闻中心宝马图库系列大全汽车资讯其他车型关于我名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页，共 9 页 - - - - - - - - - BMW 悦驾中国网网站建设实训报告5 2）二级网页设计与制作本网站的二级网页共有六个：新闻中心、宝马图库、系列大全、汽车资讯、其他车型和关于我，在网页中还有友情链接网页，网站内部链接网页等；二级网页中包含网站的基本信息以及新闻信息等，每一个二级网页都运用了模版，在模版里插入可编辑区域，这样用模版做二级网页，速度很快，而且网页的质

9、量也相对有很大的提高，运用模版的好处多在于在修改网页时，只要在模版里面修改，用到模版的网页都会相应的自动修改，大大的提高了对网站的信息等的更新。当然有很多网页会与网站的主页在风格上有所不同，比如在我的网站中的 “关于我”，就运用了与本站主页所不同的网页风格，网站的主页是以淡蓝色为主色调而设计的，而在网站中的“关于我”是以浅绿色为主色调而设计的，浅绿色体现了活力，在关于我里面有运用了另一个模版，在“关于我”中还包括了三个二级网页，其中也用到了与主页不同风格的网页模版。此网页中的三个二级网页为： 我的简介、 我的博客和联系我哦； 还有一个返回网站首页的链接。在整个网站的设计中用到了大量的表格，每一

10、个网页都用表格规划排版，在表格里面嵌套表格，同时还运用了大量的背景图片，是网页的色彩深浅搭配合理，在表格及文字中还运用了 CSS样式，控制文字的样式：大小、颜色以及对齐方式；表格的边框等等。为了使静态的网页看起来有动态的视觉效果，在网页中插入了FLASH 动画，设计了名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 5 页，共 9 页 - - - - - - - - - BMW 悦驾中国网网站建设实训报告6 图片无缝滚动，是网页看起来有了活力。部分图片无缝滚动设计源代码如下： 向左无缝

11、滚动 body,html,div,a margin:0; padding:0 #demo background: #FFF; overflow:hidden; border: 1px dashed #CCC; width: 500px; #demo img border: 3px solid #F2F2F2; #indemo float: left; width: 800%; #demo1 float: left; #demo2 float: left; margin-left:7px; window.onload = function() var speed=10; /数字越大速度越慢var

12、 tab=document.getElementById(demo); var tab1=document.getElementById(demo1); var tab2=document.getElementById(demo2); tab2.innerHTML=tab1.innerHTML; function Marquee() if(tab2.offsetWidth-tab.scrollLeft=0) tab.scrollLeft-=tab1.offsetWidth else tab.scrollLeft+; var MyMar=setInterval(Marquee,speed); t

13、ab.onmouseover=function() clearInterval(MyMar); tab.onmouseout=function() MyMar=setInterval(Marquee,speed); 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 6 页，共 9 页 - - - - - - - - - BMW 悦驾中国网网站建设实训报告7 向左无缝滚动 图片的无缝滚动效果给网页增添了“动”的效果，引起浏览者的兴趣，提高网站的知名度才会增加点击率。三、实训中遇到的问题和

14、解决方法在设计开始的时候，想的太多，不知道怎么开头，定哪个主题，背景，色调，文字，布局都没有头绪，后来，开始做，而且觉得越做越有头绪了，所以我觉得，还是不要想的太多，太复杂了，不要追求完美，不要做的网页太多，搞到最后，别人都不知道，你这个网站的主题是什么了。在网页制作中我遇到了很多问题，首先是排版问题，一开始我是直接在一个大表格里排版，结果导致格子间不对齐，弄到后面显得很乱。还有就是屏幕分辨率的设计，由于不同的电脑分辨率不同导致结果排版很容易混乱掉。在做 CSS 样式表的时候，做字的颜色的时候，老是不知道用哪种颜色才搭配的起这个背景。对于文件的应用必须确保路径是正确的不然的话图片就不会显现出来

15、。在做模板时我忘了在目标上选择是mainframe 还是其他的，结果显示的时候还是很有问题。而且锚点是只能在本页中应用的，不能跨页应用。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 7 页，共 9 页 - - - - - - - - - BMW 悦驾中国网网站建设实训报告8 与此同时，在在网页制作中，遇到一些后台技术问题，这也是无法避免的，在软件的使用中刚开始对日软件的不熟悉，找不到要用的信息技术，但在多次的联系中慢慢的深度学习了 Dreamweaver 的相关技术，体会到该软件所

16、见即所得的快速想过，不过对已一些更深层的技术我们还尚未能开发使用，等待在后期学习中获得更多的网页设计和网站开发技术。四、心得体会在我看来，设计网页，应该先策划，策划很重要，加上创意，配色很重要，技术与鉴赏能力是最主要的。建立站点的时候，各个文件夹取名的时候，最好用相应的英语，见名知意，如图片文件夹用image ，网页文件夹用 html。本次网站主要是运用本学期学过的知识来布局应用、制作动画效果，通过本次的网站设计，运用了本学期所学到的知识这样不仅复习了本学期学过的一些知识，同时也加深所学知识的内容，在制作网站的过程中，碰到了不少的不明白的地方通过老师同学的帮助也解决了不少问题，通过循序渐进的学

17、习慢慢地完成了本次的网站建设，这次做的网页虽不是很好看，有不足之处，比如网页布局不是很完善，可是我花了很多时间来完成它，所以呢，它对我以后做网页有很大的帮助。在此次做网页的过程中也让我学到了很多东西，所以呢从我内心来说我是很满意我的这次经历，同时也要谢谢老师安排这样的实习周。因为在制作过程中我不仅学到了书上没有的东西，也培养了我独立思考问题的能力，同时还增强了同学之间的团结互助的友谊。因此，不论从哪个角度来说， 这次设计就是在不断的 “发现问题解决问题再发现问题再解决问题”这个学习过程中完成的。通过此次实训 ,我觉得平面设计的创意思维、版面设计、色彩配置、图形创意等方面都有很重要，对于网页制作

18、来说，我觉得是一个以多学科设计为基础，受到包括视觉艺术、技术、内容的多种影响。网页设计的技术不算什么困难，真正困难的是网页的设计创意，名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 8 页，共 9 页 - - - - - - - - - BMW 悦驾中国网网站建设实训报告9 文字也很重要，有些人浏览你的网页不是喜欢上你的艳丽漂亮的图片，也许是喜欢上你的文字，那种感动人心的，唯美的文字。文字与图片要搭得上调，也就是整体的搭配问题。我想，如果此次实训老师是要我们分组来做的话，也许，我们可

19、以做得更好，因为，一个想的毕竟不全面，而且，一个人的申美有限，我们可以分工合作，一个人做一个方面的东西，也可以根据他所善长的方面来分工，善长动画制作的人做动画，善长图片处理的人做图片，善长文字与布局的就来布局。今后我将继续努力，把网页设计的更好。五、实训总结这次 BMW 悦驾中国网站能顺利的完成，这都离不开老师的帮助和我自身的不懈努力，虽然这次实训老师安排自己完成自己的任务。所以我合理的分配了一下时间，才得以在设计，制作，收集材料，整理方面都非常顺利。在实训中，因为人手不足，我体验到了团队合作的重要性。团队很重要，因此，团队这个东西无处不在，没有团队，有些事情十很难完成的。这次实训，我不仅学到

20、了知识，还领会到了团队的重要性。这次实训是我们本学期的第一次实训，因此刚开始时我们还真有点无所适从。通过这次实训，我们掌握了制作网页的一般步骤，也学到了一点技巧性的东西。经过这次实训，我领悟到任何东西都要“学以至用”，学习了还不行还要看自己掌握了没，掌握了还不行还要看自己熟练了没，熟练了还不行还要做出一定成果。这次实训也十给我在以上踏上工作岗位作铺垫。很快的，一个假期又过来了，面对本学期的校园生活实训，想着刚刚过去的两周，紧张沉默之后更多的是感慨，印在脑海里的每一个足迹都是那么的深，真的说不出是什么感觉，伴着时间，就像是在和自己的影子赛跑，不可能从真实的两面去看清它，只是经意不经意的感受着有种

21、东西在过去，也许更适合的只有那句话：时不待我，怎可驻足？两周，短短的两周，我学到了很多不知道的东西，实在是感受颇深。总之，这次实训为我提供了与众不同的学习方法和学习体会，从书本中面对现实，为我将来走上社会打下了扎实的基础。从实践操作中，我总结出一些属于自己的实践经验，社会是不会要一个一无是处的人的。作为在校网络技术专业的大专生，现在我能做的就是吸取知识，提高自身的综合素质，提高自己的表达能力、写作能力和合作能力，自己有了能力，到时候才会是“车到山前必有路”。我相信在不久的未来，会有属于我自己的一片天空！名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 9 页，共 9 页 - - - - - - - - -