网页设计的实习报告2篇
随着社会一步步向前发展，报告使用的频率越来越高，报告具有语言陈述性的特点。那么大家知道标准正式的报告格式吗？下面是小编精心整理的网页设计的实习报告，欢迎大家分享。
网页设计的实习报告1
一、任务内容
原计划打算以“植物”为主题，在设计过程中发现范围过于宽泛，无法完成主题的设计。因自己十分喜爱栀子花且有所种植经历，经考虑后重新确定了以“栀子花”为主题的网页设计内容。主要分为一、栀子花的文化，二、栀子花的种类和生长特性以及三、我的栀子花三个模块。
其中，模块一使用幻灯片进行演示，主要分为关于栀子花的诗句、栀子花的传说以及栀子花的蕴涵三个部分。模块二采用网页模板进行展示，主要介绍了大叶栀子和雀舌栀子两种栀子。模块三主要展示了自己拍摄的.栀子花图片。希望通过我的展示，让他人对栀子花有所了解。
二、设计步骤
一、构思
首先，对栀子花的种类进行简单的介绍；其次，对栀子花的文化内涵进行简要描述；最后，展示自己种植的栀子花成果。因此，此次作业共由三部分网页【一、主页、二、栀子花的种类和生长特性、以及三、自己种植的栀子花的图片三个模块。】和一组幻灯片【栀子花的文化】构成。其中模块二【栀子花的种类和生长特性】采用网页模版组成，主要介绍了两类栀子花——大叶栀子和雀舌栀子，更加便于了解。
二、取材
主要从网络上获取所需的图片、音乐等关于栀子花的素材，其中部分照片从个人相册中获取。
三、设计 （一）网页设计
模块一、栀子花的文化以及模块三、我的栀子花采用网页设计。
在首页添加表格，在表格内增添标题栏以及字幕，增添了图片、背景图片、背景音乐、文字、艺术字对首页进行丰富和充实。在部分文字以及图片上增加超链接，与三个模块进行连接，便于翻阅。
在模块二中采用网页模板进行展示，主要介绍了大叶栀子和雀舌栀子两种栀子。在模板内采用表格对网页进行划分，对栀子花进行概述和分类描述。插入图片，便于直观的了解各个种类的栀子花。其中，各个种类的栀子花展示位于网页模板的右方，在左方进行总说，并通过超链接与栀子花的分类说明建立联系。
在模块三中，通过绘制表格对网页进行大小不同的划分，插入栀子花的图片拼接成整个网页。
（二）幻灯片设计
此组幻灯片主要用来介绍栀子花的文化。在幻灯片上主要增添了背景图片、背景音乐以及大量的文字说明，未对幻灯片进行大量的美化和修饰，主要目的是为了让他人关注了解栀子花的丰富的内涵和文化。
（三）flash设计
此次flash设计主要用于美化模块二中对大叶栀子以及雀舌栀子的介绍过程。
四、美化
（一）添加背景音乐
在主页以及各个模块中均插入了背景音乐。
（二）设计网页过渡 （三）添加超链接
三、采用的方法与手段
（一）使用Frontpage制作网页
单击新建网页可选择新建空白网页或其他网页模版。
单击表格，选定绘制表格或布局表格或单元格即可绘制单元格。 选定单元格，单击鼠标右键选定背景即可插入背景图片。
选定网页，单击鼠标右键，选定网页属性，浏览格式即可添加网页背景。 选定单元格，即可输入文字。
选定插入，选择插入图片或艺术字即可插入图片或艺术字。 选定插入，选择交互式按钮，即可插入字幕。 选定格式，选择网页过渡，即可设计网页过渡效果。
（二）使用Powerpoint制作幻灯片
单击鼠标右键，选定背景，选定其他填充效果，浏览选定图片即可添加背景图片。
单击插入，选择图片，即可添加图片或者艺术字。
选定文字，单击鼠标右键，选择自定义动画即可添加自定义动画。 选定幻灯片，单击鼠标右键，选择自定义动画即可添加自定义动画。 选定艺术字，单击鼠标右键，选择自定义动画即可添加自定义动画。、
（三）使用Flash制作动画
单击插入新建元件，即可进行元件的编辑。
单击15帧或30帧，单击鼠标右键，选择插入空白关键帧。 单击第一帧或第15帧，选择补间，选择形状或动画即可。
网页设计的实习报告2
一、 实习目的
(一) 检验自己是不是真的适合这个职业
鉴于自己对未来的职业生涯的规划更倾向于设计，这和自己所学的专业不是
十分有联系，所以我希望在实习的过程里思考自己未来是否适合从事这方面的工作，为以后求职之路少走弯路做一定的尝试。
(二) 在实践中查漏补缺
在学校学习的网站建设知识仅仅停留在平时的作业里，并没有得到充分的运
用。希望可以藉由这次实习，好好巩固书面知识。在实际运用中通过发现问题，解决问题对知识进行查漏补缺。
(三) 在工作中打磨自己
由于学校和社会是截然不同的生活、学习、工作氛围，在工作中我们不可以
像在学校一样随心所欲，待人接物方面需要更有礼貌的沟通和恰当好处的圆滑。希望在实习里，和同事上司的相处中获得这方面的成长。
二、 实习内容
(一) 实习主要内容
广州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个月的网页设计和编辑的实习生，终于体会到网页设计并非只是图文混排的那点事。当你真正的去努力的创造了之后，经常被别人一眼就否定了。这才真正明白一个好的网页不只是效果华丽还要多从用户的角度去考虑问题。通过实习，我不仅将自己在学校学过的东西通过实践进步一巩固，也通过向公司的人请教学到很多工作上的技巧，更通过实习体会到很多没有人会教授给你的东西。 工作是人生活的重要部分，是我们毕业生必须面对的。就算是遇到困难，我也会用平常的心态实际看待问题，不说“不可能”，而是冷静下来思考如何处理并付诸于实践。
在实习的日子，我学习到了很多如果没有这次经历，就不会有的细腻体会。
(一) 深刻感受到什么是真正的细心
其实在高中甚至到大学，老师都总是强调“细心”,对于细心什么的我以前自我感觉还挺不错的。但是当老师在斤斤计较一个标点符号或者花时间可以渲染“细心”的重要性的时候我就觉得好小题大做那时的我觉得“细心”是你可以刻意去营造的状态。包括经理对我强调细致的时候我也是这样想的。我觉得只要想到考试的时候或者处理工作的事情的时候去跟自己说细心点就好了。但是在这个实习的过程里，因为无意和粗心犯下的错误，才让我明白老师反复说的话到底意义在哪里。往往一些不好的后果或者没有必要的错误，正正是在你认为不用细心和没有想过要去细心的行为后出现的。这才是我们为什么要养成这个习惯的原因。所以不管是生活中的小事情还是工作中的大事情，我们都要养成习惯，以细心认真的态度对待。
(二) 主动思考的重要性
从学校走向社会，首要面临的问题便是角色转换的问题。从一个学生转化为一个单位人，一个单位人工作要考虑的问题就是如何发挥自己最大的价值为单位创造效益。做事要主动一点，这不是指一直主动问上司有什么事做，而是在别人交付你任务的时候自己主动想一下怎么做才更好，而不是把自己当一个机器人一样。就像做公司简介页面的时候，我把自己做得效果给经理看的时候，经理说“你真的很用心，很负责”，“你做的公司简介那个页面，让我感触很深”。
【网页设计的实习报告】相关文章：
网页设计实习报告06-07
网页设计的实习报告12-06
网页设计实习报告11-08
网页设计专业实习报告01-03
网页设计与制作实习报告11-29
网页设计实习报告12篇01-23
网页设计实习报告(14篇)02-18
网页设计实习报告 12篇01-19
网页设计实习报告(精选13篇)01-11
网页设计实习报告14篇01-01