关于网页设计的实习报告4篇

在当下社会，接触并使用报告的人越来越多，通常情况下，报告的内容含量大、篇幅较长。你知道怎样写报告才能写的好吗？下面是小编精心整理的网页设计的实习报告4篇，欢迎阅读，希望大家能够喜欢。

网页设计的实习报告 篇1

一、任务内容

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

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

二、设计步骤

一、构思

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

二、取材

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

三、设计 （一）网页设计

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

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

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

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

（二）幻灯片设计

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

（三）flash设计

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

四、美化

（一）添加背景音乐

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

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

三、采用的方法与手段

（一）使用Frontpage制作网页

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

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

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

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

（二）使用Powerpoint制作幻灯片

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

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

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

（三）使用Flash制作动画

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

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

网页设计的实习报告 篇2

网络发展到今天，建立网站已经成为一个很普遍的问题了，对于一个企业来说，建设好自己的网站可以抢占新世纪发展的战略要点。建立新的企业形象，直接开拓国际市场，开展24小时网上营销及高效廉价的定向宣传；与客户建立最直接的交流机制，缩短推出新产品和打开新市场的周期，与富有吸引力的客户群发展客户关系网；与自己的销售人员保持联系，进一步面向本地市场。

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

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

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

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

第一章 项目需求分析

1.1需求分析

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

1.2实训目的

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

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

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

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

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

网页设计的实习报告 篇3

一、 实习目的

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

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

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

(二) 在实践中查漏补缺

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

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

(三) 在工作中打磨自己

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

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

二、 实习内容

(一) 实习主要内容

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

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

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

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

(二) 主动思考的重要性

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

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