下面是范文网小编整理的网页设计实习报告共3篇 个人网页设计实训报告，欢迎参阅。
网页设计实习报告共1
网页设计实习报告一、实习目的和意义在学习Web开发时，我们也学习了一些HTML的知识，只是由于学校的课程安排，对于HTML我们只是浅浅的了解了一点。HTML的标签的使用极其方便，简单易懂，只需要花费很少的时间就能模仿我们经常所浏览的网页样式,却没有之前我们在编程中所学习的那么困难。在Web开发中，实现了所有需要实现的功能之后，我们就要把目光转向网页设计上了，一个布局精致的网页往往能使网站在同类中脱颖而出。不用考虑太多，只是使用标签调整网页的布局，如此简单，于是我对网页设计产生了浓厚的兴趣。由于在之后的学习中学校没有再安排相关的课程，我们只能在空闲时间学习网上的视频教程，或者是看一些与之相关的书籍，但总归是自己一个人在摸索学习，遗留了一些问题。为了进一步的学习网页设计，掌握Web开发的基本技术，丰富Web开发的实战经验，巩固之前学习的一些专业知识，提高自己的工作效率，我开始了此次的实习。同时，通过毕业实习，让学生了解企业、公司计算机信息管理的实际业务流程、处理方法和维护手段，强化训练学生的职业技术、技能，缩短学生与企业、公司要求的距离，为学生毕业后走上工作岗位打下良好基础。
二、毕业实习岗位岗位名称：网页设计师主要工作：本次实习我的主要工作是与其他同事合作使用 HTML5对公司的官方网站进行网页的优化。参考主流网站以及世界知名公司的网页设计，做出与众不同却又不显得突兀的风格。
三、毕业实习内容毕竟只是两周的实习时间，我们也并不能做太多的事，而短短的两周时间，我们也只是接触到少许的公司文化，并不能深入的了解，而且我们也只是即将毕业，并不是已经参加工作的那般能够很快的就进入工作状态。我所在的实习单位是河南青云信息技术有限公司。河南青云是一家集iOS研发与实训于一体的新型技术企业。 公司专注于河南本地iOS实训，深耕中原，服务学员！抱着宁缺勿滥的决心筛选出一流的师资、一流的项目经理服务学员，不遗余力的花时间和精力研发先进的课程体系。打造出一流的教学环境、先进的教学设备，舒适的住宿环境。以确保让每个即将迈入移动互联网行业的新手，都能快速入门并具备上手做项目的能力，成为优秀的IT达人。于是，我在实习的时候就做了一名网页设计时，帮忙设计一下网页，调整一下布局。这是一个网络的时代，是信息的时代，如今手机电脑随处可见，我们活在一个网络的时代，网络就是这个时代文明的最大亮点。大概没有几个人是接触不到网络的吧，现在即便是出去吃饭逛街，许多店里也是有wifi可用的，以及那些泛滥成灾的各种App。随处可见的就是扫二维码，下载App，然后送个小礼品什么的。无论是网站也好还是App，在所需要的功能都已经实现之后，那么接下来就该是界面设计了，一个用心设计的界面总能让人赏心悦目，于是在那些泛滥的App或者网站中脱颖而出。即便是专注于开发iOS的公司，也是需要自己的网站的，总不能大家来了解公司的信息时都要下载安装一个App吧，由此，一个公司的门户网站也是机器重要的，毕竟我们在搜索浏览时，首先要看的就是公司的网站了。这时，网页设计就极其重要了，毕竟第一眼是非常重要的。当我们第一眼看到公司的网站时，首先看到的就是界面的设计，美观的设计让人赏心悦目，记忆犹新。但一般的网页设计，我们却是随意的瞄一眼，便不大记得了。然而，网页设计做的极差的网站也会给我们留下深刻的印象，但那或许会变成噩梦，我想没有几个人愿意做这样的事吧。如百度那般，做一个简约的界面，醒目的logo，让人印象深刻，右上角放置导航栏，放置几个我们常用的东西，如新闻、图片、视频、贴吧、地图，简单明了，化繁为简，让人赏心悦目。然而，如hao123那般的导航网站，一条条一框框的分类，查找自己所想要的分类的网站也是很容易的。但是，公司的官方网站却不是这样，公司的网站其实也和学校的官方网站差不多，都是显示出主要的东西，在导航栏里设置好分类。当然，对于网页里的行距以及分块的安排也是极其重要的，太大的字虽然醒目突出，但却可能影响整体网页的布局。所以，整个网页的字体都不是很大，大小相差无几。倘若是千篇1律的布局，看的久了也是会产生审美疲劳的，于是这就需要添加几个图片了，加入几个风景图片放松一下也不错。只是却不能添加太多的图片，图片太多就不是公司的网站了，大概淘宝之类的网上商城才会那样吧。在设计网页时，有时我主观的认为某个想法不错，但却没有通过，毕竟是面向大众的网站，我们要考虑到大家的想法，不能一味的自以为是。虽然我们以前在做课设时也会用到网页设计，但毕竟我们接触到网页设计还时间尚短，使用起来还不是很熟练，而在以往我们都不太注重网页设计，即便是知道网页设计也是很重要的，但毕竟我们做程序的首要任务是实现所需要的所有功能，运行成功，之后才是完善代码。注重代码，却忽略了其他的一些东西，这在公司是不允许的，毕竟公司的官网是严谨的。还好，有热心的前辈指导帮助，虽然我做的并不是很好，但也算是有所收获吧。毕竟只是实习，不是正式的工作，即便是我和其他人一样每天朝九晚五的上下班，却还是很轻松。闲着无聊，向前辈们请教一下计算机的问题。计算机这个行业涉及很广，现在绝大多数行业都与计算机有关，网上商城盛行一时，由此互联网 + “xxx”盛行。如此，网页设计更加重要，毕竟只有吸引了人们的目光才能发展成客户。倘若看到界面就心生厌恶，那又怎能生存呢。
四、毕业实习总结 为期两周的实习已经结束了，在这两周里，虽然我是在实习，毕竟不是正式的员工，但也是每天朝九晚五的和其他人一样的上下班，也没多大的差别，当然我无需加班，也无需值班。 虽然我以前也在工厂做过暑假工，体验过正式的上班工作，但那时却是极其辛苦的，去过电子厂的人都知道，在那里的人都如同机器一般，每天都在重复着一个简单的操作，甚至于一天要把一个操作做一千次。 如今，在青云公司实习，做网页设计师，虽然工作量不大，但还是能体会到他们正式员工的辛苦，毕竟做计算机这一个行业的人都必须严谨的要求自己，所有人都是，我们必须要认真再认真，没有差不多，差一点都可能是一个大问题，毕竟程序运行时或许只是一个小错误就不能正常运行。 原本我以为做网页设计很轻松，而且工资也高，然而等我自己亲身了解之后才知道其中的辛酸，毕竟所谓的好的创意哪有那么简单的就能想出来的，慢慢地调试调整，一点点的修改，颜色字体边框，看似忙了好久没什么改动，但确实是做了很多的努力的。 如今，我们大四了，即将毕业，步入社会也只是三个月吧，也将如同他们那样朝九晚五，做一个程序员吧，或者说是码农吧。 既然现在的各行各业都与计算机有关，由此看来计算机的前景还是很广的，但从事计算机这个行业的人才也是极多的，这个行业所缺乏的却是高端人才，这也是需要工作经验的。 学无止境，在工作中学习进步，才能学以致用。
网页设计实习报告共2
一实验目的
1．学习html语言和dreamweaver，frontpage等工具
2．掌握在本地环境下运用asp技术实现一个简单的电子商务网站
二实验的方法和原理
三实验过程
1.资料的搜集。
组长分配任务，大家从网站上搜集各种关于手机的资料。
2.熟悉制作软件。
做网页主要用的工具便是dremweaver、photoshop、flash软件。在这些软件我对dremweaver、photoshop相对比较熟悉，因为在平时上课是老师带领我们运用过。所以我还可以正常的运用，但是出现的问题还是有很多。有很多不懂如何操作，只有通过在次去看书才能够了解，这也体现了我学习方面的缺点，它是我平时不够认真的具体表现。
3.构建站点框架。
打开dremweaver后第一步便是新建站点
4设计主页及二级页面。
5实现网页间的链接
链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。
6向静太网页插入动态效果
四实验心得
在经济迅速发展的今天，internet显得更为重要它是人们发布信息与传递信息的重要渠道，为了与社会发展同步，为了让我们成为真正的技术性人才。学校在本周为我们安排了维持三周的网页制作专用周是实习，让我们把平时所学知识运用到实习中做到真正的学以致用而不只是纸上谈兵。通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足。
近三个星期的实训将要结束，其中的酸甜苦辣我会在今后的日子里不断地去咀嚼，去回味，去探索。从制作网页过程中，我学到了新的美化网页的方法，运用了更多以前未运用的技巧。这使我学到了更多的知识，并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历，将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少，我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养，锻炼和提高。
网页设计实习报告共3
《 网页制作与网页设计 》教学实习报告
实习目的
1、通过实习，使学生加深对所学课程内容的认识、理解、掌握，达到对所学知 识、技能系统化、条理化的目的，巩固、提高学习效果。
2、通过综合应用实习，熟练掌握 DreamwerverMX8、Flash MX8、Fireworks 8 的各项操作并能够掌握制作网页的技能，根据所学技能学以致用，解决实际问 题，提高操作应用熟练程度。
知道 DreamwerverMX8 是 及网页制作和网站管理于一身的网页制作软件， 它是专门为网页设计师量身定制的可视化网页制作软件，利用它可以为方便、快捷地制作跨平台话浏览的动感网业。
了解 Fireworks 是处理图片的软件，使用它可以创建和编辑位图、矢量图 形，还可以非常轻松的做出各种网页设计中常见的效果，例如动画、转换图像、导航条、下拉菜单等。设计完成以后，如果要在网页设计中使用，可将它输出 为 TEML 文件，还能输出在 Photoshop、Illustrator 和 Flash 等软件中编辑的 格式。
通过对 flash 的学习，掌握如何处理矢量图形，制作矢量动画，掌握如何 添加音乐、时动作控制在 flash 内容和集成 flash 影片，了解 ActionScript 脚 本语言创建交换形式、
在实习的过程中巩固了对前面的知识的学习，加深对知识的了解，进一步 对网页设计的见解，也突出了个人的特点，运用所学的知识做出了让自己满意 的作品。
四、实习内容及方法
一、实习任务：
1、通过仔细阅读网页设计及网站规划课程教材、网上资料、教参等相关 内容，加深对相关概念的理解、理论的理解、掌握、运用。
2、严格按照实习指导书的相关要求，完成了各项综合操作，并将相应图像制作、动画制作和页面设计的作品进行了保存。 3、及时积极完成各项实习报告的撰写。
4、实习结果及实习项目严格按照要求及时保存、展示。
二、实习内容：
（一）、使用 DreamwerverMX8、Flash MX8、Fireworks 8 完成惠尔公司网 站。 （二）、DreamwerverMX8、Flash MX8、Fireworks 8 的使用方法和制作技 巧。
1、创建一个站点：
站点的名称就是“惠儿网站”,站点创建成功命一个首页是 再下面创建了 5 个二级网页分别是联系我们.html、产品列表.
html、、惠儿邮箱.html、雁过留声.html。其示意图如下：
2、网页中的图像处理：
利用 Photoshop、和 Fireworks 通过处理风景图
在里面运用到滤镜的工具目的是让图片更加的形象逼真，处理后的图 片效果如图所示：
3、布局与表格的编排：
在网页设计中我偏好用表单编排一般情况下我的布局是在一个大的表 单里写很多文字插入许多图片。 其版面如图所示：
1.
二级页面制作方法如法炮制。 4、网页的链接
网站中重要的就是各个子网页与主页面之间的链接，如果没连接好或 者链接错误就会影响整个网站运行的效果。列如 我要把产品列表这 个二级网页跟主网页 链接方法如下：
回到 /点击页面右下方的链接文件夹，找到我要链接的二级 网页产品列表.html。
打开/链接后我的链接字体会变成我所设置的字体颜色，这样表明我的 链接成功。
预览后在主页面点击“产品列表”就会显示到我的产品列表二级页面。
其他页面方法同上。
产品列表：将“产品列表”同 首页进行链接，然后预览成 功！ 邮箱登陆：将“邮箱登陆”同 首页进行链接，然后预览成 功！
联系我们：将“联系我们”同 首页进行链接，然后预览成 功！
公司简介：将“公司简介”同 首页进行链接，然后预览成 功！
5、层与行为的应用
层在网页中相当于一张张的胶片，通常用来确定网络元素在浏览器中 的起止位置层最重要的用途是动态效果设计。 层可以包括文本、图 像、表格，甚至其他图层
而且层对于制作网页部分重叠更是有特殊的效果。步骤如下： 1）打开一个页面，打开“修改”，“页面属性”，在页面属性中，选择
“跟踪图像”。这个跟踪图像将作为“层”布局页面的参照对象。
2) 选择“查看”----“标尺” ----“显示 ，打开标尺 ”
3) 选择“查看”----“网络” ----“显示网络”，
4）在“网格设置”对话框中，选中“显示网格”和“靠齐到网格”
5）为了防止层的重叠，需要打开“层”面板。选择“窗口”，“层”，
打开层面板。
6）在“层”面板中，选中“防止重叠”选项。 6、使用 Flash MX8 制作动态文字
1）打开 flash 软件，在里面建立 8 个图层。并且准备一副适合做标示
的图片。
2）在图层 1 上做 1 帧到 160 幀的普通帧、在图层 2 上从第十帧开始
插入关键帧 25 帧结束，在第 10 帧上写入“同”字，在 25 帧上写 “心”字，再回到第 10 帧创建补间动画。在图层 3 上创建帧从 25 帧到 40 帧结束在 25 帧上写“协”字创建关键帧到 40 帧写“力” 字，再返回到 25 帧创建补间动画。在图层 4 上从 40 帧到 55 帧结 束在 40 帧上写“共”创建关键帧到 55 帧写“创”字，在图层 7 上从第十帧开始插入关键帧 25 帧结束，在第 10 帧上写入“辉” 字，在 25 帧上写“煌”依次而下做到 160 帧。
3）帧做好后敲击 Enter 键就可以播放 flash 动画，如果想插入网页就
按步骤走，文件—导出—导出影片， 默认的是.swf/最后点击保存。
7、网页特效设计
在这里我给自己的网页设计的特效是 让一行字体在来回跑动方法如下：
1）选中你要设计特效的字体选择工具栏上的标“签选择器”,
“HTML” 插入,关闭
2）然后预览就会出现从右到左的字幕。 8、控制多个影片的播放
制作的方法：
先看自己的影片里的帧长度，比如说：第一个影片剪辑的时间轴长是 20，那么你第 2 个影片剪辑就放在主场景的第 21 贞）第 2 个影片剪 辑就放在它的后一贞就可以了。无论几个影片剪辑都是一样的。 9、制作动态分隔条
网页分隔线可以说是网页中不可缺少的元素，它主要用于分隔网页内 容也可以用于装饰网页。在网页中插入一个层，然后在层中插入一 个表格，设置表格的间距，然后在表格的单元格中插入图片，设置 时间轴。调出时间轴，在时间轴必要的地方添加改变属性行为，并 设置层对象的属性添加行为和改变属性。
五、结论
1、收获
在新疆停网的状态下，我们只用了一周实习时间。在这一周的实习里 我学到了很多也收获了很多，在老师和同学的帮助下顺利的完成了实 习内容。对前面的知识精心的进行整理，把这一学期的知识作了复习 和训练，更加牢固地掌握了学过的东西对
Photoshop、Fireworks、Dreamweaver、Flash 的应运更加熟练.
在制作网站的过程中，我们参照老师给的惠尔公司网站图片，尽可 能地想把我们自己的网站做的美观、内容丰富。网页制作需要有很多 的色调搭配能力和很好的布局能力，再加上自己的风格创新能力，才 能做出精美的网站。在这几天的实习中，我学到无论作什么事都要有 细心有耐心。尤其是在新疆停网的状态下，搜集不到素材，所以，在 网页的制作上还是有一定的局限性。网站的布局上我也突出了自己的 特点。尤其是在制作 flash 的时候老师给予了很大及时的帮助，让我 在制作的时候不至于给我带来很大麻烦。同时，也希望我们能利用我们学习的知识技能更好的为学院，为同学们服务，也希望我们能够互 相学习，互相取长补短，使我们每个同学能够更好的进步。
2、不足
在实习中我发觉网站的制作过程中，
1、自己脑袋里没有装东西（网站的综合布局、网页的构思和编排）
甚至老师把作业布置下来自己还不知道该从那个地方着手很是茫 然。
2、自己的阅历不够，自己的网站应该是一个怎样的网站，里面要放
些啥内容，该怎样去组织这些内容，心里没底。
3、尤其是老师在前面教过的内容自己没有及时的练习和巩固，以至
于在实习的时候自己的速度跟不上，做出来的 flash 和 gif 小动画 不令人满意。 4、不能熟练掌握工具，不了解好多工具的属性和用途，导致好多图
片都不能做出自己想要的效果。最重要的是在制作网页的时候， 色彩搭配特别重要，而我自己对颜色的搭配不是很了解，感觉做 出的东西老是颜色深的地方特别深，淡的地方特别淡，感觉不协 调。
5、新疆停网的原因，使我们在素材的搜集上变得很被动，所以导致
做出的东西很简单，所以我觉得，知识应用的全部全还要看准备 是否充分。
6、在以后的学习中我会更加认真地去学习，去掌握这些软件的用法， 便于在以后做东西的时候能更好地运用。
六、致谢
在网页实习结束的时候我要感谢辛勤的班主任老师，在这个学期代我 们的网页设计以外还代了很多别的课，所以很辛苦，在上课期间和实习期 间同学在学习中遇到问题都耐心的为他们讲解直到他们听懂为止。正是在 老师的号召下我们对网页设计的兴趣也非常的浓厚，在实习中我发现很多 同学的网站做的很好很有特色，这都少不了老师的指导。在老师的带领下 我们学到很多书本上学不到的东西，相信在以后找工作中我们会多了一个 筹码。
其次，要感谢学校给我们安排了期末的课程实习，让我们能在学期末 重新温习和总结整个一学期以来学习的知识，并且总结自己的不足，在以 后的学习中能够加以改正和补充。
最后，再次感谢学校和指导的老师！