当前位置：日记300字>实习报告> 网页设计实习报告

网页设计实习报告

时间：2022-01-30 03:27:08 实习报告我要投稿

网页设计实习报告4篇

　　随着个人素质的提升，报告不再是罕见的东西，多数报告都是在事情做完或发生后撰写的。相信许多人会觉得报告很难写吧，以下是小编帮大家整理的网页设计实习报告4篇，希望能够帮助到大家。

网页设计实习报告4篇

网页设计实习报告篇1

　　一、实习目的

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

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

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

　　(二) 在实践中查漏补缺

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

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

　　(三) 在工作中打磨自己

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

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

　　二、实习内容

　　(一) 实习主要内容

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

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

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

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

　　(二) 主动思考的重要性

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

网页设计实习报告篇2

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

　　网页是世界上最有价值的不动产之一。人们在这个不足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页面放到一起这样就算路径改变的话也不会影响页面的效果。

　　总结：在公司里实习的这段时间里，我真正体会到了团队的力量。刚得到公司通知说我面试通过，真的很开心。在没进公司的时候，有很多的憧憬。希望自己可以大干一场，当时感觉自己有太多可发现的潜力可以挖掘，就等着有那么一个人可以发现自己这么一块金子。进去之后才发现其实自己是那么的渺小，千万不要自以为是，比你好的多的多，你没有什么了不起的。做人一定要塌实。没有同事们一起的努力，就单靠自己一个人的力量肯定是做不好事情。特别是在销售部这样一个部门，更加需要大家的一起努力。

　　实习是每一个大学毕业生必须拥有的一段经历，他使我们在实践中了解社会，让我们学到了很多在课堂上根本就学不到的知识,也打开了视野，长了见识，为我们以后进一步走向社会打下坚实的基础，实习是我们把学到的理论知识应用在实践中的一次尝试。我想，作为一名即将毕业的大学生，建立自身的十年发展计划已迫在眉睫，不是吗?

网页设计实习报告篇3

　　一、任务内容

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

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

　　二、设计步骤

　　一、构思

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

　　二、取材

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

　　三、设计（一）网页设计

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

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

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

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

　　（二）幻灯片设计

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

　　（三）flash设计

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

　　四、美化

　　（一）添加背景音乐

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

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

　　三、采用的方法与手段

　　（一）使用Frontpage制作网页

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

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

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

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

　　（二）使用Powerpoint制作幻灯片

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

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

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

　　（三）使用Flash制作动画

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

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

网页设计实习报告篇4

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

　　工作介绍

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

　　开发技术

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

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

　　通过这种实战环境，和半个月的刻苦学习，我终于可以感上小组的工作进度了，已经可以很好的完成领导教给我的任务了

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

【网页设计实习报告】相关文章：