网页设计的实习报告

时间：2025-09-15 21:39:21 阅读全文下载本文

网页设计的实习报告汇编7篇

在日常生活和工作中，报告与我们愈发关系密切，报告具有成文事后性的特点。写起报告来就毫无头绪？以下是小编精心整理的网页设计的实习报告7篇，供大家参考借鉴，希望可以帮助到有需要的朋友。

网页设计的实习报告篇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处理几张概念配

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

三、实习体 ……此处隐藏6675个字……际实践能力，并在工作中学习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设计相关工作岗

网页设计的实习报告篇7

一、任务内容

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

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

二、设计步骤

一、构思

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

二、取材

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

三、设计（一）网页设计

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

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

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

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

（二）幻灯片设计

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

（三）flash设计

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

四、美化