网页制作实习报告

时间：2022-07-21 09:29:23 实习报告我要投稿

网页制作实习报告

　　网页制作是网站策划师、网络程序员、网页设计师等岗位，应用各种网络程序开发技术和网页设计技术，为企事业单位、公司或个人在全球互联网上建设站点，并包含域名注册查询和主机托管等服务的总称。小编收集了网页制作实习报告，欢迎阅读。

网页制作实习报告

　　网页制作实习报告【一】

　　毕业后，我来到了社会这个汇集众多江河湖水的大海，感受到了独立生活的好处与艰辛，同时我自己也更深的理解了，家长和学校老师对我们的殷切希望，在社会实习的这段日子，我吃了些苦，受了些罪，可是整个人在肉体上和精神上却升华了很多，也比以前的变得更有自信了。现将我的实习情况汇报如下：

　　一、实习工作介绍

　　我所在的这家公司，是一家做网上招商的商业网站，公司接收各种厂家提供的信息，然后由网络的技术人员，将商家的信息做成网页广告，然后挂在我们的网站上，以此达到商业推广的目的，类似我们公司的网站在同行业还有u88、28招商网等。

　　我和其它几位同事做为网络部的技术人员，主要的工作就是接收美工人员的网站模板，将其通过photoshop切片，然后导入dreamweaver进行排版，（排版主要使用css+div），并进一步的加以制作，完善美化，如加入js代码，或透明flash，因为网页是用css+div进行排版的，所以在最后一步的时候，我们还需要进行浏览器测试，因为css+div排版方式有一个最大的缺点就是：浏览器不兼容的问题，典型的如：ie与fireworks，因为各种浏览器使用的协议不同，所以会导致页面在最终浏览的时候有一些小问题，如：页面混乱，图片、文字之间的距离过大或过小，页面不美观等等，做为一个新人，我在有些方面的技术还很不成熟，所以在技术总监张伟的帮助下，解决了很多问题，所在我很感谢他，当每天我们做完网页后，都会在代码页面加入注释代码，在里面写上每个人姓名的汉语拼间和工作日期，这样方便月底做统计工作，公司领导会根据每个人的工作数量进行奖励，每做一个页面会有2块的提成，虽然少点，但是积少成多，也是很可观的。

　　二、初来公司的时候

　　（一）初级考试

　　初来公司的时候，我们经过了初期考试，培训，与最终考试三个阶段，在接到公司让我面试的电话后，我来到了xx公司，因为要干的是网页设计，所以要有一个小测验，技术总监要求我们在网上自找图片和文字，做一个简单的页面，要求是：什么样的页面都可以，考查的主要是面试者相关软件的操作能力与代码掌握的熟练成度，说实话，从毕业后，有一段时间没有写代码了，刚一上机，还有点生疏，但是凭借在学样扎实的学习功底，我很快就恢复了自己的英雄本色，将html代码写的很熟练，做了一个左右分栏的页面，没什么太大难度，技术总监看了以后，说不错，让我三天后参加培训，合格扣就可以正式上班了。

　　（二）三天的培训工作

　　三天后，我来到了公司，一看，来参加培训的人有很多，大概在十多个人左右，其实所谓的培训，就是让大家先熟悉这家网站的工作，先做一些他们平时干的活，做一些广告网页，这些网页都是静态的，没什么难度。我后来发现，自己在这些人当中，还是较较者，心里优势还挺好的。

　　(三)最后的考核

　　三天的培训后，我们迎来了最后的考核，合格的人会被留下，并得到一份为期一个月的实习合同，然后会在根据你在实习期的表现决定你的去留问题,最优秀的人会转正，得到很优厚的待遇。

　　考核的内容，就是在公司的商务网站上任选一个页面，然后在规定的时间内做完，我还不错，技术比较熟练，是第四个做完的。当我们把网页做完后由这家公司的`经理进行审核，最后的结果是，最先做完的前8个人可以有底薪加提成，每人页面的提成是2元钱，而后面做完的，只有提成，没有底薪，他们的提成是每个页面5元钱，最后的几个人就被淘汰了，制度虽有点不近人情，但是刚毕业的学生能忍也就忍了，就这样，我们每个人得到了一份一个月的临时合同，正式开始了实习工作。

　　三、正式工作

　　我们每天的上班时间是从早上8:30分到下午的17:00，这是我见过最有激情的一些人了，年纪轻轻，干劲十足，来了以后就工作，连平时聊天的内容也和本行业分不开，我喜欢他（她）们，回为是实习期，所以每天做的数量没有太大要求，但是每个人都玩命似的干活，抓紧时间做网页，我们做的网页是比较简单的从上到下式的网页，通过css+div排版，这样在后期浏览器兼容测试中，就好做的很多了，文字与图片之间就不会有太多的麻烦，我干的很不错，不过有些追求精致，我做网页的速度慢了很多，最初每天只能做3--4个网页，这对于我来说是不能接受的，后来我改变了工作方法，我第次工作的时候，先订下计划，比如今天做多少网页，然后我将要做的所有网页，先做好排版，这时的网页虽然排过版，但是不美观，因为没有进行美化工作，然后我会在下午的时间，集中全力做美化工作，就这样我的速度提高了很多，快了将近一倍多。只要更加熟练速度不会更快，我相信自己。

　　四、业余的生活

　　每天的工作都是是很快的，有时感觉时间过的很快，想停都停不住，早上出去的时候，见的是太阳，晚上下班后看到的是即将落日的夕阳或者是星星，每天就这么快的过去了，每个工作日结束后，我都会在下班后步行一段时间，去附近的图书城充会电，或者放松一下，找一些我喜欢的书，看上几个小时。

　　五、工作心得体会

　　实习期结束后，我和其它同事得到了正式合同并留在了这家公司，通过这次工作，我得到的最大体会就是，如果一个人在社会上没有一技之长，那他是没有办法很好的活下来的，只有不断的加强自身专业技能学习才行。所以，尊敬的老师，我会在业余时间好好学习，加强自己的专业能力，使自己变得更强，只有这样才能上到为国家、为社会做出贡献，下到为自己、为父母、为学校交出一份满意的答卷。

　　网页制作实习报告【二】

　　实习目的：熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。培养我们利用计算机进行商务网页设计的基本思路和应用开发能力，提高我们的计算机文化素质。

　　网页是世界上最有价值的不动产之一。人们在这个不足0.1平米的空间内投资达数百万美元。网页对公司的影响比简单的电子商务增收方法大得多；网页也是公司对外的脸面。WEB站点就像一栋房子，它的每一个窗口都可以看成一扇门，人们可以沿着搜索引擎其他WEB站点的链接，绕过主页而进入WEB的深层。

　　一．网站的整体规划

　　1.讨论网站主题：因为自己对普罗旺斯很感兴趣，于是就想到要是一下为心中的仙境设计一个旅游网站。

　　2.定位网站CI形象：旅游网站最重要的就是是浏览者产生想去亲身体验一下的共鸣。于是在网页设计上面，根据普罗旺斯梦幻般的意境，我采用的是清新隽永的CI形象。使浏览者有宾至如归的感受。

　　3.确定栏目和板块：

　　1]首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。

　　2]其次就应该考虑导航条的设置了。

　　3]正文的框架设置（横向因素和纵向因素交错）

　　在浏览了很多精美的旅游网站之后，再结合自己的想法，我先在草纸上画出了大体的栏目和板块。

　　4.网站的整体风格和创意：建立一个浪漫的旅行网站，走映像派路线，目的务必使浏览者留下映像。

　　二．网页制作的前期策划与准备

　　1.资料的搜集：由于个人的爱好，我很早以前就收集了许多普罗旺斯的美图，这次就方便多了。接着就搜集了一些有梦幻效果的'网页背景，FIASH源代码、小图标和一些GIF的动画等。

　　2.熟悉制作工具软件：

　　主页制作的基本条件有：

　　硬件：

　　一台电脑(64MB以上内存，当然越大越好啦)；可以拨号上网；如果你有条件的话,建议:配置扫描仪,这将大大方便图像和文字的输入;软件：

　　HTML编辑软件：常用的有Frontpage、Hotdog等，本文重点介绍 Dreamweaver；

　　图像处理软件：常用的有Photoshop、flash、Fireworks 等；

　　文件上传软件：常用的有Cuteftp、WSftp等。

　　三．网页制作

　　真的是万事开头难啊，遇到了很多问题，比如：插入的图片不符合规格，一下子把其他内容的框架挤开；插入的层太多，大一点的就把小一点的给覆盖掉了；插入的 FLASH不能产生效果。总之问题一箩筐。实践出真知，原来自己还有那么多欠缺的知识。于是回归本源，先把课本上的东西弄通再谈其他。然后又到图书管里借了几本网页制作方面的书籍来参考。

　　在对基本知识有了详细的了解之后，做起东西来就得心应手多了，知道引导页能过加映像之后，我决定为我的网页设计一个引导页。

　　然后是主页和二级页面的设置。要注意,网上只能使用JPG和GIF两种图象格式，其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但可以用图象软件进行转换，比如Office 97的照片编辑器。把准备在主页上出现的图象放进相应的目录里后.

　　在一步一步的边学边做的过程中，看着心中的东西一点一点的出来，真的很有成就感。虽然自己的网页技术还差的远，但是回顾一下这周真的学到了很多的东西。

　　四．网页的调试

　　之前把作过的东西放到U盘里，发生过图片显示不出来的状况，还好即使找到了解救的方法，把源文件和WEB页面放到一起这样就算路径改变的话也不会影响页面的效果。

　　总结：在WWW上,不论你是资产上亿的大公司,还是捉襟见肘的穷学生,只要你建立了自己的网页,你们的地位就是平等的。经过这周的相关学习，我了解到网页设计与制作是一门庞大的工程。网站的反馈与评价网站要注意经常维护更新内容、保持内容的新鲜,不要做好就放到服务器永远不变了,只有不断地补充、更新内容、才能够吸引浏览者.维护更新时可以充分利用Dreamweaver提供的模板和库技术,以提高工作效率. 一个真正的网站,不仅应该实现传统媒体的电子化,给用户提供需要的内容、而且还应该做更多的事情、完成比页面浏览更高层次的需求,例如收集信息,数据传递,数据存储以及系统维护等.自己还有许多要学习的地方。

　　网页制作实习报告【三】

　　一实验过程

　　1.资料的搜集。

　　2.熟悉制作软件。

　　3.构建站点框架。

　　打开dremweaver后第一步便是新建站点

　　4设计主页及二级页面。

　　5实现网页间的链接

　　链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。

　　6向静太网页插入动态效果

　　具体情况如下：

　　通过这半年的学习实践中和老师的指导下以大量明晰的操作步骤和典型的应用实例，教会我们。使更丰富全面的软件技术和应用技巧，使我们真正对所学的软件融会贯通。所以我结合所学专业的内容制作了个人网站，作为实习的成果。其内容是多样化的。制作网页用的软件是ｄreamweaver , banner软件。dreamweaver大大加速了网络时代电子交易应用中的项目交付。它提供了网页和表单的动态生成到企业级的解决方案，如电子商店，库存管理系统和企业内部局域网的数据库应用等功能。例如，网页上很流行的阴影和立体按纽等效果，只需单击一下就可以制作完成。当然，其最方便之处是，它可以将图象切割，图象映射，悬停按纽，图象翻转等效果直接生成html代码，或者嵌入到现有的网页中，或者作为单独的网页出现。主图是一个网页的门面，它能体现出这个网页的整体风格。

　　制作网页，首先是确定主题，经过再三考虑，就做了个关于中国的网站，平时也总是浏览类似的网站，对这些还有些了解，于是确定主题，做一些类似的网站，但考虑到，现在网络上好多类似的网站，但有些内容不适合我们大学生阅读，对于我们来说有点不实际，根据这种情况，最后决定建立一个简单的中国介绍和相关的事迹网站，专门介绍一些即使用，又便宜的小秘笈。于是网站主题确立。

　　然后是整体规划，每一版块都有其个性的色彩，清晰明了，便于阅读浏览，大致分几部分，中国简介，中国历史，用户登录注册页面留言，再加入个别网站等，每一部分又分几小部分，内容比较充分，多样。

　　再后是收集资料与素材，大量浏览相关网站，收集关于中国的一些事迹历史图片，好的文章和图片等，还有参考一些好的网站的布局，特色，颜色搭配，背景图等。

　　再后是设计网页图片，用flash制作网页的banner。

　　再后是建立站点，站点分布如下：

　　再后是制作网页了，使用dreamweaver制作。

　　首页内容精彩丰富，简洁明快，语言风趣，通俗易懂。页面可爱清爽。首页主要是导航作用。首页制作时，时刻考虑着网页的基本原则：统一，连贯，分割，对比及和谐的原则，内容统一，都是为了主题服务，一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的；连贯，页面之间关系连贯，统成一体；每版内容都自成一体，颜色各异，便于浏览；整个网页有动有静，颜色不同，形成对比，不呆板，富有生气；颜色各异，但又不同之中又相同，浑然一体。而且制作过程中，不忘以下原则：

　　简洁实用：这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。使用方便：同第一个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美；页面用色协调，布局符合形式美的要求：布局有条理，充分利用美的形式，是网页富有可欣赏性，提高档次。当然雅俗共赏是人人都追求的。

　　利用我们所学的框架集，制作更完美的页面。将动态网页与静态网页结合起来再后，调试过程，好多次本来在dream里好好的，把字调的好好的，位置很对，可在浏览器里御览就出毛病了，不是靠上了，就是靠下了，很不老实，经过再三调试，整理，加了好多表格，终于满意了，很是麻烦，想请问老师，为什么会出现这种情况啊，还有怎么解决啊，不用这么反复调整的办法，还有什么好办法啊？

　　还有，在最超链接过程中，明明在页面属性里设置的是超链接的文字是原色，点击链接后也是原色，可一链接上就变色了，想了老半天，也做了很多研究，实验，终于知道怎么回事了，原来应该对文字所在的单元格整体做链接，而不是只选中文字做链接。

　　还有，这次的网站大部分用的是表格，层用的很少，因为它太灵活了，不好控制，用的很少。

　　再后，是网页的上传与发布，用ftp将制作好的网站上传制作过程中，才发现，原来自己懂的太少了，好多不知道的地方，才赶紧查书，开始的时候只是会建立模版，可不会应用，操作，可这样要修改模版可就麻烦了，要一个网页一个的修改，于是赶紧上网学习相关内容，阅览书籍，最后才知道文件这有个资源，点击进入资源面板，点击到数第二个的模版，选项，所有模版就都显示了，点击资源面板左下角的应用命令，好了，这个模版就应用到你建立的网页中去了。

　　这只是在制作过程中出现的问题之一，其它问题也是类似相同。现在想想，自己所会的东西太少了，现在做的网站只是一些简单的网站，看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。以我们的经验，当前的软件的功能日趋复杂，不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够，缺点疏漏。需在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页而努力。

　　同学告诉我，要做好网页，一定要学从c++,java,php，asp，数据库。以后要学的实在是太多了，而且我也很喜欢这方面，在以后的日子里，会努力填充自己，丰富自己的。希望以后有不懂的地方，老师能多多指点。

　　二实验心得

　　在internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。

　　对于现在的社会，科技的飞速发展已经成为社会发展的标志。其中计算机的发展可谓快中之快，而在计算机的发展中计算机网络的发展又是首当其冲的。计算机网络从为我们所知，到现在才经历的短短的几年时间，在这几年中随着计算机网络的广泛应用，特别是internet的普及和发展，网络已经成为了不可或缺的通信手段。不论是最新的新闻信息、新产品的出台、新游戏的发布、最新的各种it动态，包括等候就业人才的个人简历，我们都是可以通过网络来获得。但是什么为这所有的一切提供平台的呢。我们又是通过什么来获取这些消息的呢——对就是网页。现如今，数以万计的网站以网页的方式提供了丰富、精彩的信息。在人类社会进入信息时代的时候，在网络成为通信的主要手段的时候，在计算机网络普及的今天，网页也在它自己的岗位上做出了突出的贡献。网页是我们在网络上的代言人。我们将什么样的信息传达给浏览者，要讲述什么样的事情，网页在这里起着重要的作用。

　　企业网站在企业的网络营销当中占有及其重要的地位，只要是涉及网络宣传的企业，都应该建立属于自己的个性企业网站。他不仅能够让企业在网络上展示自己的产品，促进实际销售的增长，更能够通过一根网线，向目标客户展示企业自身的形象。

　　对于企业网站设计的观点，偏重网站的形象设计，即在功能务实、体系完善的情况下，重点结合企业理念打造网站的形象。logo就能很好的表现企业的形象。企业标志（logo）是指用于代表企业形象的独特的、有意义的图案，是企业形象识别当中最核心的环节，可用于与企业形象相关的所有环节。由于企业标志所处的特殊地位，决定了其不能够随意更换，因此能否设计一个有内涵、有文化、便于识别的标志，并建立相关的应用系统，关乎到企业长远的发展，不容小视。

　　建设网站的一般过程包括：前期内容确立、网站架构搭建、创意策划、设计、网站建设。网站的功能版块一般分为首页（含引导页）、新闻部分、产品部分、信息交流部分、定制系统、零散页面等。根据不同的企业需求，各网站的功能版块数量、布局、结构各异。

　　（一）页面的设计方面

　　网页设计跟学习别的东西一样，也需要兴趣，所谓的兴趣也不是三分钟热度，是一种执著。

　　学习网页设计需要耐心，如果没有耐心，就学不好网页设计，应为当你碰到一个问题时，如果不能立刻得到问题的答案，你可能需要很长时间去解决，我就碰到过一个问题，用了很长时间才解决。

　　学习网页设计需要坚持，坚持不断的学习，因为设计网页的软件在不断的更新，因此我们要不断的学习并且学习网页设计不要掉入技术的陷阱，如果你的网页设计技术一流，并且对软件的掌握程度已经达到一定水平，但是你设计的网页确不堪目睹，这是因为网页设计是介于平面设计和编程技术两者之间的“边缘科学。”不仅涉及到美学，心理学，平面构成，色彩搭配等平面设计的方面的知识，还涉及到html,javascript,css,asp,php等编程语言技术方面的知识。只有综合运用多种知识，才能设计出视听特效，动感十足，富于个性的web页面，才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能。

　　并且我认为网页设计应该注重实用性，因为它是让人浏览的，是用户可以抚摸，可以评论，可以交互的。因此我提倡简单的'美。

　　（二）网页视觉效果

　　视觉形象识别即我们通常所说的vi（visualidentity），与bi一起用于深化表现企业理念，同时也受到bi的影响。所谓视觉形象识别，就是指能够被目标客户通过视觉来认知与企业相关的一切事物，从最基础的企业标志、吉祥物、标准色到企业日常业务中的信纸、服装、名片等等，在将其系统化以后就形成了企业的视觉形象识别系统。

　　视觉形象识别系统在整套cis中处于最表层的位置，其中所有的设计都将与目标客户发生直接的接触。

　　（三）网页的整体布局和导航

　　网页的布局通常指的是网页的整体架构，说的通俗一点就是排版。如何突出最重要的内容，即让用户第一眼就看到这个网页所想要传达的信息。这一点至关重要。在大多数做的比较成功的网页中，一个共同的特点就是网页的整体架构十分的清晰明了，便于用户浏览网页布局大致可分为国字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、flash型、变化型网页布局是主要考虑以下几点：

　　1、首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。

　　2、其次就应该考虑导航条的设置了。

　　3、正文的框架设置（横向因素和纵向因素交错）（四）网页中文字、图像

　　图象我利用网上搜索和自己所学过的banner进行处理，这样做起来节约了很多时间……（五）网页制作过程中的其他注意事项

　　不要过于注重色彩的灿烂，只要简单就行。我们最终追求的主要是实用价值。

　　通过这次实习，在制作时想想使自己的网页更加丰富多彩，在网页中插入图象，动画，动态特效。可是总遇到这样那样的问题，但在同学的帮助和自己摸索的情况下完成了这个实习的成果。看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。以我们的经验，当前的软件的功能日趋复杂，不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够，缺点疏漏。虚在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页而努力。

　　近一个星期的实训将要结束，其中的酸甜苦辣我会在今后的日子里不断地去咀嚼，去回味，去探索。从制作网页过程中，我学到了新的美化网页的方法，运用了更多以前未运用的技巧。这使我学到了更多的知识，并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历，将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少，我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养，锻炼和提高。

【网页制作实习报告】相关文章：

网页制作心得11-23

网页制作合同01-03