最新网页设计与制作的实训报告(三篇)

报告材料主要是向上级汇报工作,其表达方式以叙述、说明为主,在语言运用上要突出陈述性,把事情交代清楚,充分显示内容的真实和材料的客观。报告的格式和要求是什么样的呢？下面是小编为大家整理的报告范文，仅供参考，大家一起来看看吧。

网页设计与制作的实训报告篇一

一、实习工作介绍

我所在的这家公司，是一家做网上招商的商业网站，公司接收各种厂家提供的信息，然后由网络的技术人员，将商家的信息做成网页广告，然后挂在我们的网站上，以此达到商业推广的目的，类似我们公司的网站在同行业还有u88、28招商网等。

我和其它几位同事做为网络部的技术人员，主要的工作就是接收美工人员的网站模板，将其通过photoshop切片，然后导入dreamweaver进行排版，(排版主要使用css+div)，并进一步的加以制作，完善美化，如加入js代码，或透明flash，因为网页是用css+div进行排版的，所以在最后一步的时候，我们还需要进行浏览器测试，因为css+div排版方式有一个最大的缺点就是：浏览器不兼容的问题，典型的如：ie与fireworks，因为各种浏览器使用的协议不同，所以会导致页面在最终浏览的时候有一些小问题，如：页面混乱，图片、文字之间的距离过大或过小，页面不美观等等，做为一个新人，我在有些方面的技术还很不成熟，所以在技术总监张伟的帮助下，解决了很多问题，所在我很感谢他，当每天我们做完网页后，都会在代码页面加入注释代码，在里面写上每个人姓名的汉语拼间和工作日期，这样方便月底做统计工作，公司领导会根据每个人的工作数量进行奖励，每做一个页面会有2块的提成，虽然少点，但是积少成多，也是很可观的。

二、初来公司的时候

(一)初级考试

初来公司的时候，我们经过了初期考试，培训，与最终考试三个阶段，在接到公司让我面试的电话后，我来到了xx公司，因为要干的是网页设计，所以要有一个小测验，技术总监要求我们在网上自找图片和文字，做一个简单的页面，要求是：什么样的页面都可以，考查的主要是面试者相关软件的操作能力与代码掌握的熟练成度，说实话，从毕业后，有一段时间没有写代码了，刚一上机，还有点生疏，但是凭借在学样扎实的学习功底，我很快就恢复了自己的英雄本色，将html代码写的很熟练，做了一个左右分栏的页面，没什么太大难度，技术总监看了以后，说不错，让我三天后参加培训，合格扣就可以正式上班了。

(二)三天的培训工作

三天后，我来到了公司，一看，来参加培训的人有很多，大概在十多个人左右，其实所谓的培训，就是让大家先熟悉这家网站的工作，先做一些他们平时干的活，做一些广告网页，这些网页都是静态的，没什么难度。我后来发现，自己在这些人当中，还是较较者，心里优势还挺好的。

(三)最后的考核

三天的培训后，我们迎来了最后的考核，合格的人会被留下，并得到一份为期一个月的实习合同，然后会在根据你在实习期的表现决定你的去留问题,最优秀的人会转正，得到很优厚的待遇。

考核的内容，就是在公司的商务网站上任选一个页面，然后在规定的时间内做完，我还不错，技术比较熟练，是第四个做完的。当我们把网页做完后由这家公司的经理进行审核，最后的结果是，最先做完的前8个人可以有底薪加提成，每人页面的提成是2元钱，而后面做完的，只有提成，没有底薪，他们的提成是每个页面5元钱，最后的几个人就被淘汰了，制度虽有点不近人情，但是刚毕业的学生能忍也就忍了，就这样，我们每个人得到了一份一个月的临时合同，正式开始了实习工作。

三、正式工作

我们每天的上班时间是从早上8:30分到下午的17:00，这是我见过最有激情的一些人了，年纪轻轻，干劲十足，来了以后就工作，连平时聊天的内容也和本行业分不开，我喜欢他(她)们，回为是实习期，所以每天做的数量没有太大要求，但是每个人都玩命似的干活，抓紧时间做网页，我们做的网页是比较简单的从上到下式的网页，通过css+div排版，这样在后期浏览器兼容测试中，就好做的很多了，文字与图片之间就不会有太多的麻烦，我干的很不错，不过有些追求精致，我做网页的速度慢了很多，最初每天只能做3--4个网页，这对于我来说是不能接受的，后来我改变了工作方法，我第次工作的时候，先订下计划，比如今天做多少网页，然后我将要做的所有网页，先做好排版，这时的网页虽然排过版，但是不美观，因为没有进行美化工作，然后我会在下午的时间，集中全力做美化工作，就就这样我的速度提高了很多，快了将近一倍多。只要更加熟练速度不会更快，我相信自己。

四、业余的生活

每天的工作都是是很快的，有时感觉时间过的很快，想停都停不住，早上出去的时候，见的是太阳，晚上下班后看到的是即将落日的夕阳或者是星星，每天就这么快的过去了，每个工作日结束后，我都会在下班后步行一段时间，去附近的图书城充会电，或者放松一下，找一些我喜欢的书，看上几个小时。

五、工作心得体会

实习期结束后，我和其它同事得到了正式合同并留在了这家公司，通过这次工作，我得到的最大体会就是，如果一个人在社会上没有一技之长，那他是没有办法很好的活下来的，只有不断的加强自身专业技能学习才行。所以，尊敬的老师，我会在业余时间好好学习，加强自己的专业能力，使自己变得更强，只有这样才能上到为国家、为社会做出贡献，下到为自己、为父母、为学校交出一份满意的答卷。

报告人：

时间：

网页设计与制作的实训报告篇二

网页是世界上最有价值的不动产之一。人们在这个不足0.1平米的空间内投资达数百万美元。网页对公司的影响比简单的电子商务增收方法大得多;网页也是公司对外的脸面。web站点就像一栋房子，它的每一个窗口都可以看成一扇门，人们可以沿着搜索引擎其他web站点的链接，绕过主页而进入web的深层。

一.网站的整体规划

1.讨论网站主题：因为自己对普罗旺斯很感兴趣，于是就想到要是一下为心中的仙境设计一个旅游网站。

2.定位网站ci形象：旅游网站最重要的就是是浏览者产生想去亲身体验一下的共鸣。于是在网页设计上面，根据普罗旺斯梦幻般的意境，我采用的是清新隽永的ci形象。使浏览者有宾至如归的感受。

3.确定栏目和板块：

1]首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。

2]其次就应该考虑导航条的设置了。

3]正文的框架设置(横向因素和纵向因素交错)

在浏览了很多精美的旅游网站之后，再结合自己的想法，我先在草纸上画出了大体的栏目和板块。

4.网站的整体风格和创意：建立一个浪漫的旅行网站，走映像派路线，目的务必使浏览者留下映像。

二.网页制作的前期策划与准备

1.资料的搜集：由于个人的爱好，我很早以前就收集了许多普罗旺斯的美图，这次就方便多了。接着就搜集了一些有梦幻效果的网页背景，fiash源代码、小图标和一些gif的动画等。

2.熟悉制作工具软件：

主页制作的基本条件有：

硬件：

文件上传软件：常用的有cuteftp、wsftp等。

三.网页制作

真的是万事开头难啊，遇到了很多问题，比如：插入的图片不符合规格，一下子把其他内容的框架挤开;插入的层太多，大一点的就把小一点的给覆盖掉了;插入的flash不能产生效果。总之问题一箩筐。实践出真知，原来自己还有那么多欠缺的知识。于是回归本源，先把课本上的东西弄通再谈其他。然后又到图书管里借了几本网页制作方面的书籍来参考。

在对基本知识有了详细的了解之后，做起东西来就得心应手多了，知道引导页能过加映像之后，我决定为我的网页设计一个引导页。

在一步一步的边学边做的过程中，看着心中的东西一点一点的出来，真的很有成就感。虽然自己的网页技术还差的远，但是回顾一下这周真的学到了很多的东西。

之前把作过的东西放到u盘里，发生过图片显示不出来的状况，还好即使找到了解救的方法，把源文件和web页面放到一起这样就算路径改变的话也不会影响页面的效果。

计算机将具备更多的智能成分，它将具有多种感知能力、一定的思考与判断能力及一定的自然语言能力。除了提供自然的输入手段(如语音输入、手写输入)外，让人能产生身临其境感觉的各种交互设备已经出现，虚拟现实技术是这一领域发展的集中体现。今天人们谈到计算机必然地和网络联系起来，一方面孤立的未加入网络的计算机越来越难以见到，另一方面计算机的概念也被网络所扩展。二十世纪九十年代兴起的在过去如火如荼地发展，其影响之广、普及之快是前所未有的。从没有一种技术能像一样，剧烈地改变着我们的学习、生活和习惯方式。全世界几乎所有国家都有计算机网络直接或间接地与相连，使之成为一个全球范围的计算机互联网络。人们可以通过与世界各地的其它用户自由地进行通信，可从中获得各种信息。人们已充分领略到网络的魅力，大大缩小了时空界限，通过网络人们可以共享计算机硬件资源、软件资源和信息资源。"网络就是计算机"的概念被事实一再证明，被世人逐步接受。

通过这两年的学习实践中和老师的指导下以大量明晰的操作步骤和典型的应用实例，教会我们。使更丰富全面的软件技术和应用技巧，使我们真正对所学的软件融会贯通，熟练在手。所以本人结合所学专业的内容制作了个人网站，作为实习的成果。其内容是多样化的。制作网页用的软件是dff软件。d大大加速了网络时代电子交易应用中的项目交付。它提供了网页和表单的动态生成到企业级的解决方案，如电子商店，库存管理系统和企业内部局域网的数据库应用等功能。f是目前最流行的网页图象制作软件。只要将d的默认图象编辑器设为f，那么在f中制作完成网页图象后将其输出就会立即在d中更新。f还可以安装使用所有的p滤镜，并且可以直接导入psd格式图象。更方便的是它不仅结合了p位图功能以及cidraw矢量图的功能，而且提供了大量的网页图象模板供用户使用。

通过这次实习，在制作时想想使自己的网页更加丰富多彩，在网页中插入图象，动画，动态特效。可是总遇到这样那样的问题，例如动画到入里，开始不明白后来才知道是在d里先插个层，这样就可以浏览出效果了。还有是有时上传到网页上的图片不显示，原因是它们没有在一个文件夹内。但在同学的帮助和自己摸索的情况下完成了这个实习的成果。看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。以我们的经验，当前的软件的功能日趋复杂，不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够，缺点疏漏。虚在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页而努力。

网页设计与制作的实训报告篇三

目录

第1页

一、实训的目的

本次实训的初始目的是让我们学会外贸网站的制作，但是，由于我们没有这方面的基础知识，而且，对于一些基本的办公软件都不太熟悉。所以，老师没办法教我们外贸网站的制作。通过这次实训让我们更加熟练的掌握各种办公软件的操作，学会用word软件对论文进行排版，制作简历表和课程表。学会使用excel、ppt。

二、实训的主要内容

实训的第一天，了解到我们学过flash软件，所以让我们用flash制作一个动画，由于我们接触这个软件的时间并不久，所以做出来的东西很不好。

接下来就是word软件的基本操作练习，其中包括了表格的制作，学会用word软件制作简历表和课程表等一些基本的表格。接下来就是用邮件这个功能进行邀请函、信封、标签的制作，这样word的学习就到这了。接下来就是excel的操作，通过对excel的学习，学会对excel内的数据进行编辑，排序，筛选等操作。

（一）、word的常用操作

要求完成文档的输入和排版，用word进行邮件合并等。

1、字体设置

首先主要是练习字体的设置，这个是最基本的操作，并且经常都在做，所以这个没有难度。

2、首字下沉

图2

第1页

弹出如下对话框，即可进行设置。

图3

3、边框和底纹

图4

4、插入文本框

点击“插入”按钮，选择“文本框”选择文本框样式即可。

5、绘制表格

第2页

打开新建word文档，点击左上角的“插入” 插入10行8列表格，多了可以删除，少了可以在新建表格下方下拉增加。

调整表格的格间距，（用左键点击表格边框拉伸）并将多余部分合并单元格（选中要合并的单元格，点击鼠标右键---合并单元格）

6、水印

选择“页面布局”项下的“水印”点击“自定义水印”进行设置即可。

图5

7、段落分栏

选中需要进行分栏的段落，选择“页面布局”项下的分栏，点击“更多分栏。

第3页

图6

图7

8、超链接

选中要超链接的文字，右键单击选择“超链接”弹出对话框，输入要显示的文字和超连接的网址即可。

图8

9、页面设置

选择“页面布局”项下的“页面设置”弹出如下对话框：

第4页

图9

10、新建标题

右键点击“t1”选择“修改”

图10 弹出如下对话框，进行设置即可。

第5页

图11 二级标题选择 图10 中t2进行同样的操作就行了。

11、目录自动生成

在“引用”项下选择“目录”选择“自动目录”即可。

图12

第6页

以下为效果图：

图13

12、插入分节符

首先将页面切换为“普通视图”

图14

第7页

光标放在需要进行分页的地方，在“页面布局”下的“分隔符”中选择“下一页”。

图15

13、设置页眉、页脚

在“插入”项下选择“页眉”点击“编辑页眉进行设置。

第8页

14、邮件合并

首先是邀请函的制作，在“邮件”项下选择“开始邮件合并”点击“信函”

图17 然后，在“选择收件人”中选择“使用现有列表”将数据导入到word。

图18

第9页

图19 在“插入合并域”中添加所要用到的域。

图20 随后可对结果进行预览，在编辑单个文档。

图21

第10页

图22 接下来是信封的制作，在“邮件”下选“创建”点击“中文信封”根据提示进行下一步操作。

图23 图24

用同样的方法将数据和word进行链接，插入域，编辑单个文档，这样信封的制作就完成了。

最后是标签的制作，点击“邮件”下方的“标签”

第11页

图25 点击 图25 中“选项”。标签供应商选择“avery a4/a5”，产品编号选择“c2160”。

图26 在插入域的时候，下一个标签的开头要插入«下一记录»

第12页

图27

图2

（二）、excel表操作

excel表格操作中比较经常用的就是一些数据的计算还有插入图表，用表格制作基本情况表等。在 这里我就主要的介绍一下我自己在做的过程中所遇到的难点。

1、用product函数求值

第13页

图29 在弹出的对话框内的“或选择类别”栏选择“数学与三角函数”函数选择“product”，最后点击“确定”。

图30 右键单击计算出来的单元格，选择“设置单元格格式”在分类下选择“数值”小数数位填“2”即可。

第14页

图31 在这里需要特别注意的一点是，如果要设置数据的有效性，必须在其他所有的操作完成后进行设置，不然设置了有效性后，就不能对数据进行修改了。接下来就来介绍一下设置数据的有效性。

2、数据有效性

图32 设置为如下图所示：

第15页

图33 出错警示必须设置，图34 以下是性别的有效性设置：

第16页

图35 设置效果如下图：

图36

（三）、ppt操作

1、要求用ppt做一个简单的动画，在你文件的菜单栏找到动画，并点击。

图37

点击菜单栏左侧的“自定义动画”。

第17页

图38 在本页ppt上放上一张图片。

图39 点击你放上去的图片，会成选中状态，右侧的动画设置的“添加效果”按钮由灰色变成亮色。

图40 添加效果里有“进入”“强调”“退出”“动作路径”四个大类，每个类下面还有不少小分类。

第18页

动作路径：对图片的动作路径设置；

这四个功能可同时设置，也可都不设置，设置什么会有什么样的动态效果，不设置就什么效果都没有。

上一项之后开始：就是上一个动作结束后执行该动作；

图42

第19页

三．实训中遇到的难点与问题

时间过得真快，转眼间为期两周的实训已经结束。经过这两周的实训练习让我们学到了许多知识，回头想想实训这几天我们确实是有很大收获的。这次实训是有收获的，自己也有许多心得体会。这两周我们在学习的同时，也进一步懂得了操作的重要性，实训过程中自己有很多的不懂，很多的问题，都是通过老师或同学的帮助完成的，这次实训让我明白了实训的主要目的是让我们同过不断的实习来积累经验。我们兴高采烈的进入到我们实训的计算机机房，打开各自的实训电脑，老师发来我们当天的实训内容。在操作中才知道自己会的只有书本上的知识，到实际操作时什么都不会。就这样，我们实训了两周，但是收获不小，在实训中改正自己操作中的不足之处，让我知道实际操作并不是那么简单，实际操作是需要牢固的基础知识，两者是不可分开的。

老师布置了一些的作业给我们操练，在老师精心的指导下我已把excel、word、ppt熟练掌握了。在此，非常感谢两位老师的精心指导，如果没有两位老师的指导，我也不可能学会这些。还要特别感谢学校安排的这次实训，它为我们以后走入工作打下了坚实的基础。

第20页