企业网站设计与制作实习报告

实习报告实习类别：教学实习学习课程：企业网站设计与制作班级：计算机应用技术111姓名：佟欢指导教师：孟霞日期：2013

前言从2013年6月17日，我们班级进行了为期两周的企业网站设计与制作传统的教学中最大的缺点就是理论多于实践，实践和应用脱节，而这次实习我们全部在机房中进行就大大克服了这些缺点，使实践与理论相结合。从而对网站制作的理解更加的深入，也为我们进一步应用Dreamweaver，div+css制作网站打好了基础。

一、实习的目的和要求：实习目的：(1)、让学生了解网站的制作流程和基本技法；(2)、学会站点的规划与创建，能自己创建个人网站和简单的企业网站；(3)、掌握静态网页的制作技术，熟练掌握div+css布局页面的方法；(4)、\o""培训学生的动手能力、综合应用能力和团队合作能力。实习要求：(1)、要求学生在教师的指导下掌握应用软件Dreamweaver的基本操作、能够较好的完成实习任务。(2)、学生在实习过程中应独立思考、充分理解、逐步深入。二、实习的内容及时间安排实习内容时间上网收集素材，设计网站主页效果图6学时制作主页6学时设计网站其他页效果图 6学时制作网站其他页12学时建立链接6学时调试网站14学时作品赏析4学时写实习报告2学时三、实习验备品及材料奔腾4以上微机30台四、实习内容与步骤：企业网站：一、整理规划。网站建设的开始就应该有一个整体的战略目标，即确定站点的目标。首先要有一个总的目标，这个网站到底是要做什么。有的要显示自己的设计水平，这就要求页面美观；有的是为了求职而设计的求职网站，这就要求提供足够的信息让别人了解你的工作能力；有的是要为用户服务。二、新建站点规划好站点之后，就可以用专门的网页开发软件创建站点了，比如我用的是Dreamweaver8。在创建站点之前，我们应该首先在我们的磁盘上创建一个文件夹，用于存放站点内的所有资源，当然如果你的站点资源比较丰富这是可以建立子文件夹存放站点内相应的资源。例如：站点文件夹为psxgjzx，子文件夹images用于存放站点内用到的图片，然后打开Dreamweaver8，建立一个新的文档，命名为index.html，存放于你建立的哪个文件夹中，这个就是你的网站首页了。图2三、收集资源1.文字资料：文字是网站的主题。2.图片资料：网站另一个重要的就是图片，收集你需要用到的图片，存放于images中，注意将每张图片的名字改好。3.动画资料：在网页上插入动画可以增添页面的动感效果。比如banner是用flash做的动画：图3-3-1滚动图片的代码如下：<script>varspeed=40demo2.innerHTML=demo1.innerHTMLfunctionMarquee(){if(demo2.offsetWidth-demo.scrollLeft<=0)demo.scrollLeft-=demo1.offsetWidthelse{demo.scrollLeft++}}varMyMar=setInterval(Marquee,speed)demo.onmouseover=function(){clearInterval(MyMar)}demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}</script>图3四、布局页面设计站点结构和收集了足够的资源之后，就可以开始布局页面了。在Dreamweaver中，可以通过表格布局和div+css进行布局，我用的是表格布局。五、链接最后给所有网页中需要加链接的地方加上链接，尤其是导航栏，更改好链接所需的效果。实习总结为期两周的企业网站设计与制作实习课结束了，经过两周的实习，让我对企业网站设计与制作有了更深入的了解，也知道了自己在企业网站设计与制作这方面欠缺的是什么了。这两周的实习，我们主要是制作了企业和个人的网站，用到的软件有Dreamweaver8，photoshop，flash，这样让我们更加熟练地掌握了这几个软件的用法与结合，虽然以前也有做过，但每次做网站都会遇到各种各样的问题，在这两周的实习当中也不例外，问题比如最开始的选取素材，确定主题与风格，以及制作效果图，还有在制作网站过程中截取图片和用flash制作动画时应注意的问题，最后就是注意完善时遇到的问题，但是经过两周的努力，有些问题自己也能解决了。通过实习，使我知道了在制作网站中，我们不仅要考虑到整体视觉艺术效果，更重要的是要根据客户的要求来制作网站，同时也给客户们提供一些必要的意见和建议，这样的话就会更有助于网站的制作与效果的展示。同时，我们在制作网站中更应该注意一些细节问题，同时又学到了许多知识，在不断的遇到问题时，都在努力的想办法解决，这也锻炼了我们在遇到问题时自己解决的能力，提高了自己的专业技能。在建立网站方面，我有了很大的提高，更加熟练，对网站的了解与制作有了更深刻的了解。通过