2024年网页设计与制作实训报告9篇【优秀范文】

网页设计与制作实训报告实习目的：熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。培养我们利用计算机进行商务网页设计的基本思路和应用开发能力，下面是小编为大家整理的网页设计与制作实训报告9篇,供大家参考。

网页设计与制作实训报告9篇

网页设计与制作实训报告篇1

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

网页是世界上最有价值的不动产之一。人们在这个不足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提供的模板和库技术,以提高工作效率. 一个真正的网站,不仅应该实现传统媒体的电子化,给用户提供需要的内容、而且还应该做更多的事情、完成比页面浏览更高层次的需求,例如收集信息,数据传递,数据存储以及系统维护等.自己还有许多要学习的地方。

网页设计与制作实训报告篇2

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

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

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

（一）初级考试

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

（二）三天的培训工作

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

（三）最后的考核

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

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

我的实习是从大三刚开学，被一位老师推荐到一家室内设计公司实习了！真庆幸自己平时能利用课余时间学到那些设计方面的知识，和大二暑假到那家设计公司实习啊！要不是这些，我想现在就由学校安排到厂工里当普工。但自己最大的收获是将所学的adobe软件用于实践，并且通过实践检验了自己关于设计方面的假设和猜想，取得了一些令自己满意的成绩。

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

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

明年就要开始找工作了，这次实习，更让我懂得了珍惜现在的生活，校园生活真的非常完美，非常令人羡慕！职场的竞争很大，“逆水行舟，不进则退”，必须时刻提醒自己，督促自己！同时也看到了许多，知道做人比做事更加重要，没有人天生就会，没有人天生就懂，只有不断地努力才能成功，在这里不是每个人都有认为你是什么的，有的人就觉得你什么也不是。你只有付出好好学，做给她们看。证明自己不是虚的，证明自己有实力，名副其实！

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

（4）广告图象摄影和广告插画上，通过对商品在消费使用过程中的情景做出真实的再现，以便来宣传商品的特征，突出商品的形象；或以摄影图形来促发消费者的购买欲望，更直观准确地传达产品信息。真实的反映商品的结构、造型、材料和品质。广告的插画有传统的写实描绘逐渐向夸张、理想化和多边化的视觉表现方向发展，重意念而轻形似，从而有助于强化广告商品对象的特征和主题。在广告排版制作的过程中，使用卡通形象作为产品代言人不但可以以卡通形象的活泼自由，个性化的形象赢得消费者的好感，还省去了请名人做代言的庞大广告支出和风险。

网页设计与制作实训报告篇3

安全检查是很重要的一个环节，就像你给人家盖房子，房子盖好了，可是门和窗不结实，那这种就必然不会安全的

从学校毕业后，我第一次步入了社会，从此开始了面对社会、工作的生活。刚刚走入社会的我是一个性格有些内向的人，面对陌生的人，我不善言辞，不会给自己的外表进行很好的包装，不适合做那些销售、接待的工作，只有技术类的工作，少说多干的活适合我，这个我很清楚。现在，中国每年都有很多毕业的大学生找不到工作，我也不例外，所以，这第一次实习工作肯定不会太好找，但是相反，我的运气还不错。找到了一份网页设计的工作。现将我在工作中的情况报告如下。

我工作的这家公司，从事网站开发工作的，公司在技术团队这部分是比较正规的，一般是五到六人为一个小组，小组中有明确分工，有负责联系客户接恰生意的，有专门做技术的，而在技术这块分为网站前台、后台开发，我在学校主要做的是后台开发，当然前台设计工作也还算熟练，但不是很精通。我们这个小组一般接下的活都是一些小型网站的开发工作，这样的网站技术难度不大，而且工作周期短，有相当一部分的，只需要通过cms软件就可以进行开发。但是有个别的网站开发时，我们还是需要进行一些手写代码工作的。

做为一个刚毕业的大学生，我的知识储备肯定有不足的地方，毕竟学校教的东西肯定会有一部分和社会是脱节的，但好在我的领导对于我没有太多的要求，他只是要求我尽快的适应公司的工作和生活，在短时间内熟练的掌握相关技术，干好本职工作。

在大学里对一个学生来说什么是最重要的，那就是学习能力。要知道，这个世界上，知识在发展，人类在进步，每天都在进行日新月异的变化，我们的知识储备总会有不够的地方，但是一定要有学习能力，将不会知识快速掌握，只有这样才能占据主动，减少被动情况的尴尬发生，通过二个星期的时间，我成功的适应了公司的工作和生活节奏，每天早九点上班，晚17:30下班，中午休息一个半小时，每周还有两天假期。我利用业余时间，抓紧学习，将工作中所需要的技术进行了强化学习，其实这些东西在学校的时候就接触过，只是不精通。那个时候学的东西多，难免有个主次之分，这次工作了，才知道哪个应该多学点，但好在我都有学过，所以有个好的基础在这里，也就不怕了，比如说：flash，公司要求技术人员会做flash，flash这东西以前我在宿舍的时候经常玩的，可是后来在分析就业情况时，分析错了方向，以为这东西没有什么用处，结果就给荒废了。但好在还有印象，并且当初记了很多的笔记，所以说记笔记是很重要的事情。而其它像javascript、xml、数据库这些东西我都学过，只是实践能力稍差一点，但好在从前在学习方面用的功不是白费的。通过这种实战环境，和半个月的刻苦学习，我终于可以感上小组的工作进度了，已经可以很好的完成领导教给我的任务了。

像我这个组常用的是css+div排版，后台使用php技术进行开发，服务器平台采用，linux+apache+mysql+php，这种lamp组合，我很高兴在学校学的东西能学有所用。以前我们是用表格(table)进行排版，这种方式简单但是已经有些过时了，现在大部分网站都开始了重新构架，所以都采用css+div进行网页排版，我目前正在学习，掌握的还算比较快。而在后台开发部分，我们使用php来进行开发，我的工作是手写一些小模块。或者用javascript写一些特效小代码。

小组分工时，我负责后台里小模块的开发工作，如：留言板或，还有一部分javascript代码编写工作。前台部分的工作是和组里的丁珊珊做一些排版的工作，使用css+div技术。编写代码这种工作看起来有些枯燥，其实时间长了以后，还真有点厌烦，但是后来我明白，只有将自己的本职工作做好，提高自己的技术，做出优良的东西，这样自己才会有价值感，才会对自己的工作保持新鲜感。所以我每天都在工作后，记录下每天在技术上的不足之处，回家后，将强学习，这所谓：找出不会的地方，学会它，你就变的强大了。

php是现在比较流行的一种网站开发技术，由于它是开源的免费代码，并因良好的跨平台性能受到了大重的喜欢，我个人认为php很简单，适合初学者学习使用，但是在某些地方想要做好，就需要你认真的学习了。目前，我负责的只是技术性较低和规模较小的模块，不过，我觉得从简单处做起也挺好的，但是我在写代码时，还是经常犯些小错误，导致代码页面经常出错，而自己往往还找不到是哪错了，有几次急的都不行，不管怎么弄，结果就是错误，后来我才发现，原来只是一个小错误，小的不仔细察看，我都找不到。于是我明白，做开发工作，一定要细心，否则就会给自己和别人带来麻烦。

安全检查是是很重要的一个环节，就像你给人家盖房子，房子盖好了，可是门和窗不结实，那这种就必然不会安全的了。页站的制做也是同样的道理，在安全方面，有一个地方是和开发人员有很大的关系的。因为开发人员技术的高低决定了网站的安全性，有些人员在一些环节上的疏漏，很有可能导致网站在实际使用时，遭到黑的客攻击，如果造成了经济损失就无法挽救了。

所以，我们每个人在将各自的工作完成以后，组长和其它专门的技术人员会对网站的安全性进行测试，找出存在的漏洞，然后加以修改。以使它的安全性达到最高最稳定的状态。

在公司进行实习工作的这段时间，我在个人技术上收获了很多，现在的我已经能独档一面了，做一些难度比较大的工作，我通过优异的表现，已经转为正式员工，我对自己的表现感到满意，最重要的是我给自己的学校争了光，但是在社交能力方面，沟通能力上还有不足的地方。我决定在今后的工作和学习，要加强和别人的沟通能力。使自己变的更好，为国家为社会做出的贡献。

网页设计与制作实训报告篇4

通过网页设计理论联系实际操作，巩固所学的知识，提高处理实际问题的能力。充分学习网页设计实践中的操作理论，提高自己网页设计水平，并为能顺利与社会环境接轨做准备。

学习网页设计实际问题处理方法及常规网页设计内容（网页设计切片、数据库的搭建、新闻管理、留言管理、网页设计在线编辑器等），网页设计后台管理方面的知识应用，及利用所学知识管理和编辑网站，并从实际出发，简单了解关于网站安全性问题的实际解决措施（md5密码加密等网页设计知识）。

20xx年xx月xx日——20xx年xx月xx日。

xx。

按照老师的安排，我制定了相应的实习计划，并记录了相关的实训内容，以备后鉴，且完成实训作业及实习心得。注重在实习阶段对所学知识的巩固和提高，以达到根据理论知识，指导日后工作实践的目的。其主要网页设计实习具体内容情况报告如下：

1、收集网站所需信息。

2、运用photoshop处理的网页设计所需图片。处理图片要保持图片不失真，并按照网页设计需求设计所需的效果。

3、对所完成的网页页面进行合理的切片处理，并按照网页设计效果完成网站整体框架的构建。

4、搭建网站所需数据库。

5、网站的虚拟建设和初步完善。

大学生活让我对计算机理论知识有了一定的了解，但实际操作领域依旧是一片空白。纸上得来终觉浅，绝知此事要躬行。经过网页实训课的实习，让我对自己有了新的认识，并明确了网页设计方面的前进方向。

1、继续学习，不断提升理论素养。在信息时代，学习是不断地汲取新信息，获得事业进步的动力。现在通过实习总感觉自己学的不够，要用到知识时总感觉脑袋总是空白。实习后让我明白，为了能更好的适应工作，不得不利用自己空闲时间去弥补学习中的不足。实训内容是与自己所学专业有密切联系的，所以自己在这方面格外侧重，希望能够加强自己的专业知识。

2、加强信心，坚持下去。上学的时候大家都说“能珍惜现在的日子就好好珍惜！”，等工作了才真正的领悟这句话的涵义。经历这次实习后，就希望能把实习所学习的知识，也能运用到课堂上。对自己多一点信心，多给自己点赞赏，多给自己鼓鼓劲，相信自己总会走出一条宽敞大道。

实习，是开端也是结束。在书本上学过很多理论，但从未付诸实践过，也许等到真正运用时，才会体会到难度有多大。在今后的工作和生活中，自己需要更加努力的奋斗下去。

实习的同时也让我了解到了自己的不足，我会继续努力，完善自我。对于学校的精心安排和指导老师的用心辅导非常感谢。

最后谈谈我个人对自身的职业之路规划。当然这些还不够成熟，仅仅是这一个学期的实习带给我的一点想法，今后我会结合学习生活进一步修正。首先是个人学习，通过实习我认识到利用课堂外的时间也是关键，下一步打算结合自己的兴趣，利用课余时间自我培训；其次是社会实践，初步打算是利用假期等时间充分工作，以提高自身实际工作能力为目的，毕竟“想”和“做”是不一样的，这次实习中我也认识到了这点，平时觉得自己能够胜任的简单事情，当真正动手做时却总不是那么简单了；最后，打算结合个人的兴趣、价值观、能力、职业发展倾向做个详细的职业发展规划。

总体来说，这次网页设计毕业实习，让我受益匪浅，以上是我的实习心得与体会，不足之处望得到指正。

网页设计与制作实训报告篇5

出色的网站吸引人的地方不仅仅在于其内容，鲜明的结构和独特的风格往往能起到画龙点睛的作用。一个网站即使内容再丰富，如果网站的结构和风格不能吸引人，那也是毫无价值的。往往整个网站的风格是一个网站吸引浏览者的魅力所在，因此应当根据网站的主题、内容和浏览者的要求来设计自己独特的网站风格。

整个网站的结构和内容都是在开始设计之前就已经经过详细的计划的。其实任何网站都一样：企业网站的宗旨就是对外宣传企业形象，发布企业最新的企业产品，其服务群体就是为对其产品感兴趣的客户或者正在使用企业产品的用户服务，这就是企业网站的建设方向；个人网站的宗旨就是宣传自己，提供一个自身和外界交流的场所；由此可见，网站的设计方向是依据网站的客户、服务群体等多方面来确定的。

本站是一个用dreamweaver、flash、php、sql server20xx设计编写的美食网站，主要包括6个模块：首页，菜谱，厨房，食材，饮食健康，饮食资讯等。通过本网站系统能提供各种与美食相关的信息以及各种美食信息的交流。与其他企业网站一样，也应通过internet来对外宣传网站。

建立以dreamweaver，flash等技术编写的前台表现模块，为用户提供方便快捷的信息服务与交流。随着网络技术的迅猛发展，互联网的快速发展使越来越多的人选择从互联网上获取信息，因此，互联网逐渐成为一个宽广的信息发布平台和获取信息的平台。本网站系统就要有用户注册和新闻发布两大动态功能。通过以php编写，以sql 20xx作为后台数据库的网站后台管理系统，制作了一个简单的美食网站系统，实现了美食网站用户登陆、注册以及新闻发布等功能。

第一章项目需求分析

1.1需求分析

互联网丰富多彩，这些信息大多通过网页与用户进行交互。网页的实现形式多种多样，无论是短小精悍的个人主页，还是结构清晰、丰富的大型网站，网站的需求分析和规划设计都要放在第一步，因为它直接关系到网站的功能是否完善，质量是否能够达到保证。

1.2实训目的

网站的建设不仅仅是制作主页的问题，还需要考虑网站的定位、目标用户、网站内容、服务事项、空间方案、安全性、艺术设计、数据库技术等等。任何网站在建设之前就必须明确方向、用途和服务群体等一系列的问题，写出详尽的建站计划，可以说这是网站建设的根源和核心所在。作为一个美食网站，我们的服务群体及访问者都定位在爱好和热爱美食的大众，为为大家服务就是我们这个网站的目的和方向。从整个页面上可以看出，我们的这个整个网站涉及所有热爱美食的人。整个网站的结构和内容都是在开始设计之前就已经经过详细的计划的。其实任何网站都一样，企业网站的宗旨就是对外宣传企业形象，发布企业最新的企业产品，其服务群体就是为对其产品感兴趣的客户或者正在使用企业产品的用户服务，这就是企业网站的建设方向；个人网站的宗旨就是宣传自己，提供一个自身和外界交流的场所；由此可见，网站的设计方向是依据网站的客户、服务群体等多方面来确定的。

通过综合实训进一步巩固，深化和拓展学生的理论知识与专业技能。

训练和培养学生获取信息和处理信息的能力,充分培养和提高学生的动手能力,学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图象资料、flash动画和网页特效等。

培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质。

培养学生理论联系实际的工作作风,严肃认真的科学态度以及独立工作的能力,树立自信心。

网页设计与制作实训报告篇6

1.什么叫网页设计

2.如何在网页设计中让字体排版脱颖而出

3.用户都喜欢的网页设计技巧

4.学习网页设计的小技巧

5.网页设计师个人简历优秀范文

6.看看11月重要的网页设计趋势

7.网页设计十大技巧

8.网页设计专业毕业论文

9.网页设计实习报告怎么写

10.网页设计报告书

网页设计与制作实训报告篇7

ui设计

岗位实习报告

部门：

实习岗位：ui设计

姓名：×××

指导伟德：杜青道

完成时间：

实习目的是，通过ui设计相关工作岗位实习使我了解以后再ui设计相关工作岗位工作的特点、性质，学习体验ui设计相关岗位工作的实际情况，学习与积累工作经验，为以后真正走上ui设计相关工作岗位做好岗前准备。

同时通过ui设计相关工作岗位的实习，熟悉实际工作过程的运作体系和管理流程，把自己所学ui设计工作岗位理论知识应用于实际，锻炼ui设计工作岗位业务能力和社会交际实践能力，并在工作中学习ui设计相关工作岗位的新知识，对自己所学的知识进行总结并提升，以指导未来在ui设计相关工作岗位的学习重点和发展方向。

20x×年03月01日～20x×年06月15日

(修改成自己ui设计相关工作岗位实习时间)

苏州市经济开发区江南大道

(修改成自己ui设计工作岗位实习地点)

江苏省苏杭伟德集团(修改成自己ui设计相关工作岗位实习单位)

此处可以继续添加具体你ui设计工作岗位实习单位的详细介绍

我很荣幸进入江苏省苏杭伟德集团(修改成自己ui设计相关工作岗位实习单位)开展ui设计岗位实习。为了更好地适应从没有ui设计岗位工作经验到一个具备完善业务水平的工作人员，实习单位主管领导首先给我们分发ui设计相关工作岗位从业相关知识材料进行一些基础知识的自主学习，并安排专门的老前辈对ui设计岗位所涉及的相关知识进行专项伟德。

在实习过程，单位安排的了杜老师作为实习指导，杜老师是位非常和蔼亲切的人，他伟德ui设计相关工作岗位领域工作已经有二十年。他先带领我们熟悉实习工作环境和ui设计相关工作岗位的工作职责和业务内容，之后他亲切的和我们交谈伟德实习工作具体性质以及ui设计相关工作岗位容易遇到的问题。杜老师带领我们认识实习单位的其他工作人员，并让我们虚心地向这些辛勤地在ui设计相关工作岗位上的前辈学习，在遇到不懂得问题后要积极请教前辈。毕竟是人生第一次在ui设计工作岗位上，所以真正掌握这一份工作是需要一个过程的。一开始我对实际ui设计岗位的工作内容比较陌生，都不太清楚自己的工作范围和职责，对实习单位的情况也不

太了解，不过杜老师会告诉我该怎样处理自己在ui设计岗位上遇到的问题。慢慢的我也就熟悉了自己的ui设计岗位工作内容，在ui设计岗位上的一些棘手问题也能自己独立解决，每天把工作做得井井有条。

在单位实习期间，我伟德的ui设计工作岗位相关的工作之外，还负责协助其他部门的日常工作，包括制定计划，利用新学习的ui设计相关工作岗位业务知识处理相关文书。

对于第一次在ui设计相关工作岗位的的我来说，还没有足够的社会经验。经过了这半年来的ui设计相关工作岗位实习，我学到了很多，感悟了很多。特别是在实习单位领导和ui设计工作岗位的相关同事的关心和指导下，认真完成领导交付的工作，和同事之间能够通力合作，关系相处融洽而和睦。在工作中积极学习新知识、技能，注重自身发展和进步，我学会了很多ui设计相关工作岗位理论实践技能，增加了ui设计相关工作岗位相关工作经验。现将这两个月ui设计岗位实习工作遇到的困难及心得总结如下：

实习体会

一是低调地做人，高调地做事。我到ui设计岗位工作以后，要知道自己能否胜任这份工作，不在于掌握了多少ui设计相关工作岗

网页设计与制作实训报告篇8

一、实习目的

(一) 检验自己是不是真的适合这个职业

鉴于自己对未来的职业生涯的规划更倾向于设计，这和自己所学的专业不是

十分有联系，所以我希望在实习的过程里思考自己未来是否适合从事这方面的工作，为以后求职之路少走弯路做一定的尝试。

(二) 在实践中查漏补缺

在学校学习的网站建设知识仅仅停留在平时的作业里，并没有得到充分的运

用。希望可以藉由这次实习，好好巩固书面知识。在实际运用中通过发现问题，解决问题对知识进行查漏补缺。

(三) 在工作中打磨自己

由于学校和社会是截然不同的生活、学习、工作氛围，在工作中我们不可以

像在学校一样随心所欲，待人接物方面需要更有礼貌的沟通和恰当好处的圆滑。希望在实习里，和同事上司的相处中获得这方面的成长。

二、实习内容

(一) 实习主要内容

广州xxxx有限公司是一个研发和销售智能寄存柜的公司。它的产品在展示和

销售这两个环节很需宣传册、企业网站等作为一个推广媒介。我实习的主要内容就是配合网络部去完成网站建设的工作，涉及前台的外观设计和后台的代码编写，以及宣传册的设计。

1、负责设计公司整个企业网站的页面部分,根据网页设计师或客户所提供的主题要求和思路框架来设计出整个网站。

1）使用photoshop、ai等图片处理软件设计、处理和制作网站上需要的图片

2）使用div+css样式及基础的html语言做页面布局的排版

3）使用photoshop对网页进行配色及排版设计

4）编写css代码使网站页面无论是在ie浏览器里还是在ff浏览器上正常显示

2、负责网站的几个主体模块的文案撰写和后台编辑

1）在已有的文案上配合网站架构进行提炼和归纳整理

2）使用photoshop对文案进行概念配图

3）在后台将文案部分合理配色排版

4）按照网站架构在后台录入所有产品资料

(二)工作过程

在公司的2个多月里，我的工作都是由负责整个网站文案架构的曹经理分配

监督的。确认实习机会前的面试的时候也是由他负责的。面试的时候他并没有过多的考察我在网站制作上的技术问题。更多的从我对网站设计方面的配色排版的现有审美以及做事的认真细致程度去考察的。从一开始我就以踏实认真的态度对待每一项他交付给我的任务。下面我挑选一些让我收获很多，学习很多，影响我很多，让我回想起来都是历历在目的事情重点说一下。

1、经理让我按照网页设计师提供的jpg稿变成div和css 。

1）这个任务简单来说就是架构网页框架和完善里面的文本主体。里面涉及很多文本，我觉得既然有具体的设计稿就一定保存有文案，所以咨询了经理是否有必要花这部分时间去打文本。经理的回复是很有必要。他的意见是，让我重新输入文本可以帮助检查错误，同时可以让我更熟悉公司的产品和网站的"主要内容，对我后面的工作有帮助。顿时知道，一个实习生想到的东四是多么的肤浅，对经理工作上的态度更是肃然起敬。

2）因为经理没想要让实习生负责过于复杂的事情，在这部分工作中设计的div 和css的内容并没有很复杂，需要的就是要注重细节。但实际上自己做事远没有自已一开始想象的那么能够静下心地考虑大局。只要想到一个觉得挺好的排版我就一下子全部套用了，以至于最后通过多次检查，发现这个排版有瑕疵的时候又要重头再来。这些经历都让我体会到比起表面的工作速度，有前面深思熟虑的慢节奏才能造就最终的高效率。所以一开始在用css排版的时候其实应该多做几个版本仔细做对比，看清楚哪个更合适才确定的。

2、经理让我设计几个栏目对应的banner图片

1）由于自己并没有专门学过banner规范和设计方面的专业知识，有的只是审美方面的一些小体会。接手这个工作需要花大量的时间去学习和参考。一开始略略觉得压力大，但是觉得经理让我去做，就是相信我的能力。所以我也没有慌，按照自己的节奏和需要边学边做。

从整体了解主题：自己找了多个类似的企业网站作参考，通过总结企业网站

中，几个主要的栏目在网站上具体意义，体会这对应的几个栏目banner的设计意义。

思考配色与构图：对整个内容有了一了解后，便要思考作品的色彩和具体的

构图，先用笔画出草图，有时候也会直接在脑海里构思。除了从公司的角度，围绕要传达的东西去设计，我也充分意识到要转换身份从用户的角度出发，怎样才可以更吸引人。总体来说就是除了审美上的设计，也考虑很多目的性。

查找素材：素材这个问题我总结了一种思路，电脑里下载一些专业的“科技

信息”图库。另外配合专业在线图库网站(通常是国外站点)+google，百度图片等搜索引擎进行即使的素材查找。再加上自己平时积累的素材，选择是非常大的。最后就是不断地观察对比最终效果，看哪几张banner图片更适合整体网站。

2）最终banner图片并没有全都采用我设计的，有一些还是因为不够大气被撤下来了。一开始我还挺灰心，觉得自己的付出没有得到认可。但是我知道当初经理就是感觉可以给我试一下，才给我这个机会去让我发挥一下的，所以我好好学习了别人的图片，看自己的和别人的差别在哪里，不浪费这次尝试性地努力。

3、经理让我参考旧网站单独做一个公司简介的页面

1）我知道经理的意思是重新排版成符合网站的配色。这样对我来说其实很简单。但是我从旧网站了解到公司简介那篇文案比较累赘，如果想要浏览网站的用户肯停留在这个页面多几秒，或者因为这个公司简介的页面而更信任这个公司的产品，更有冲动订个公司的寄存柜就要在文案的内容上下功夫，就要在表现上更生动，让人看着不会觉得文字流水账，很烦躁。

于是在经理没有给我严格期限的时候，我选择了按照自己的思路去修改文案，

把多余的文字删掉，根据公司的优势修改出精简的几点，变得更有条理更有重点。

这只是对文案的初步处理，接着根据几个要点用photoshop处理几张概念配

图出来，将公司寄存柜的技术水平之领先，应用领域之众多，销售范围之巨大等等用更生动形象的方式表现。从设想到思考中间的问题到最后的完成，花的时间虽然多，但是最终的效果得到了经理的肯定，对网站的宣传作用起到了很好的帮助，这都是值得的。

三、实习体会

做了2个月的网页设计和编辑的实习生，终于体会到网页设计并非只是图文混排的那点事。当你真正的去努力的创造了之后，经常被别人一眼就否定了。这才真正明白一个好的网页不只是效果华丽还要多从用户的角度去考虑问题。通过实习，我不仅将自己在学校学过的东西通过实践进步一巩固，也通过向公司的人请教学到很多工作上的技巧，更通过实习体会到很多没有人会教授给你的东西。工作是人生活的重要部分，是我们毕业生必须面对的。就算是遇到困难，我也会用平常的心态实际看待问题，不说“不可能”，而是冷静下来思考如何处理并付诸于实践。

在实习的日子，我学习到了很多如果没有这次经历，就不会有的细腻体会。

(一) 深刻感受到什么是真正的细心

其实在高中甚至到大学，老师都总是强调“细心”,对于细心什么的我以前自我感觉还挺不错的。但是当老师在斤斤计较一个标点符号或者花时间可以渲染“细心”的重要性的时候我就觉得好小题大做那时的我觉得“细心”是你可以刻意去营造的状态。包括经理对我强调细致的时候我也是这样想的。我觉得只要想到考试的时候或者处理工作的事情的时候去跟自己说细心点就好了。但是在这个实习的过程里，因为无意和粗心犯下的错误，才让我明白老师反复说的话到底意义在哪里。往往一些不好的后果或者没有必要的错误，正正是在你认为不用细心和没有想过要去细心的行为后出现的。这才是我们为什么要养成这个习惯的原因。所以不管是生活中的小事情还是工作中的大事情，我们都要养成习惯，以细心认真的态度对待。

(二) 主动思考的重要性

从学校走向社会，首要面临的问题便是角色转换的问题。从一个学生转化为一个单位人，一个单位人工作要考虑的问题就是如何发挥自己最大的价值为单位创造效益。做事要主动一点，这不是指一直主动问上司有什么事做，而是在别人交付你任务的时候自己主动想一下怎么做才更好，而不是把自己当一个机器人一样。就像做公司简介页面的时候，我把自己做得效果给经理看的时候，经理说“你真的很用心，很负责”，“你做的公司简介那个页面，让我感触很深”。

网页设计与制作实训报告篇9

一、任务内容

原计划打算以“植物”为主题，在设计过程中发现范围过于宽泛，无法完成主题的设计。因自己十分喜爱栀子花且有所种植经历，经考虑后重新确定了以“栀子花”为主题的网页设计内容。主要分为一、栀子花的文化，二、栀子花的种类和生长特性以及三、我的栀子花三个模块。

其中，模块一使用幻灯片进行演示，主要分为关于栀子花的诗句、栀子花的传说以及栀子花的蕴涵三个部分。模块二采用网页模板进行展示，主要介绍了大叶栀子和雀舌栀子两种栀子。模块三主要展示了自己拍摄的栀子花图片。希望通过我的展示，让他人对栀子花有所了解。

二、设计步骤

一、构思

首先，对栀子花的种类进行简单的介绍；其次，对栀子花的文化内涵进行简要描述；最后，展示自己种植的栀子花成果。因此，此次作业共由三部分网页【一、主页、二、栀子花的种类和生长特性、以及三、自己种植的栀子花的图片三个模块。】和一组幻灯片【栀子花的文化】构成。其中模块二【栀子花的种类和生长特性】采用网页模版组成，主要介绍了两类栀子花——大叶栀子和雀舌栀子，更加便于了解。

二、取材

主要从网络上获取所需的图片、音乐等关于栀子花的素材，其中部分照片从个人相册中获取。

三、设计（一）网页设计

模块一、栀子花的文化以及模块三、我的栀子花采用网页设计。

在首页添加表格，在表格内增添标题栏以及字幕，增添了图片、背景图片、背景音乐、文字、艺术字对首页进行丰富和充实。在部分文字以及图片上增加超链接，与三个模块进行连接，便于翻阅。

在模块二中采用网页模板进行展示，主要介绍了大叶栀子和雀舌栀子两种栀子。在模板内采用表格对网页进行划分，对栀子花进行概述和分类描述。插入图片，便于直观的了解各个种类的栀子花。其中，各个种类的栀子花展示位于网页模板的右方，在左方进行总说，并通过超链接与栀子花的分类说明建立联系。

在模块三中，通过绘制表格对网页进行大小不同的划分，插入栀子花的图片拼接成整个网页。

（二）幻灯片设计

此组幻灯片主要用来介绍栀子花的文化。在幻灯片上主要增添了背景图片、背景音乐以及大量的文字说明，未对幻灯片进行大量的美化和修饰，主要目的是为了让他人关注了解栀子花的丰富的内涵和文化。

（三）flash设计

此次flash设计主要用于美化模块二中对大叶栀子以及雀舌栀子的介绍过程。

四、美化

（一）添加背景音乐

在主页以及各个模块中均插入了背景音乐。

（二）设计网页过渡（三）添加超链接

三、采用的方法与手段

（一）使用frontpage制作网页

单击新建网页可选择新建空白网页或其他网页模版。

单击表格，选定绘制表格或布局表格或单元格即可绘制单元格。选定单元格，单击鼠标右键选定背景即可插入背景图片。

选定网页，单击鼠标右键，选定网页属性，浏览格式即可添加网页背景。选定单元格，即可输入文字。

选定插入，选择插入图片或艺术字即可插入图片或艺术字。选定插入，选择交互式按钮，即可插入字幕。选定格式，选择网页过渡，即可设计网页过渡效果。

（二）使用powerpoint制作幻灯片

单击鼠标右键，选定背景，选定其他填充效果，浏览选定图片即可添加背景图片。

单击插入，选择图片，即可添加图片或者艺术字。

选定文字，单击鼠标右键，选择自定义动画即可添加自定义动画。选定幻灯片，单击鼠标右键，选择自定义动画即可添加自定义动画。选定艺术字，单击鼠标右键，选择自定义动画即可添加自定义动画。、

（三）使用flash制作动画

单击插入新建元件，即可进行元件的编辑。

单击15帧或30帧，单击鼠标右键，选择插入空白关键帧。单击第一帧或第15帧，选择补间，选择形状或动画即可。