网页设计实习报告4篇大纲

本文目录2017网页设计实习报告4月网页设计专业大学生实习报告网页设计实习报告大学毕业大学生网页设计顶岗实习报告范文

毕业后，我来到了社会这个汇集众多江河湖水的大海，感受到了独立生活的好处与艰辛，同时我自己也更深的理解了，家长和学校老师对我们的殷切希望，在社会实习的这段日子，我吃了些苦，受了些罪，可是整个人在肉体上和精神上却升华了很多，也比以前的变得更有自信了。现将我的实习情况汇报如下：

一、实习工作介绍

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

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

二、初来公司的时候

（一）初级考试

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

（二）三天的培训工作

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

(三)最后的考核

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

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

4月网页设计专业大学生实习报告2017网页设计实习报告（2） | 返回目录

在internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。

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

通过这两年的学习实践中和老师的指导下以大量明晰的操作步骤和典型的应用实例，教会我们。使更丰富全面的软件技术和应用技巧，使我们真正对所学的软件融会贯通，熟练在手。所以本人结合所学专业的内容制作了个人网站，作为实习的成果。其内容是多样化的。制作网页用的软件是dreamweaver,fireworks,flash软件。(文章來源：//www.diyifanwen.com)dreamweaver大大加速了网络时代电子交易应用中的项目交付。它提供了网页和表单的动态生成到企业级的解决方案，如电子商店，库存管理系统和企业内部局域网的数据库应用等功能。fireworks是目前最流行的网页图象制作软件。只要将dreamweaver的默认图象编辑器设为fireworks，那么在fireworks中制作完成网页图象后将其输出就会立即在dreamweaver中更新。fireworks还可以安装使用所有的photoshop滤镜，并且可以直接导入psd格式图象。更方便的是它不仅结合了photoshop位图功能以及coreidraw矢量图的功能，而且提供了大量的网页图象模板供用户使用，例如，网页上很流行的阴影和立体按纽等效果，只需单击一下就可以制作完成。当然，其最方便之处是，它可以将图象切割，图象映射，悬停按纽，图象翻转等效果直接生成html代码，或者嵌入到现有的网页中，或者作为单独的网页出现。flash是目前最流行的矢量动画制作软件，与其他wed动画软件相比，它具很多优点。制作的是矢量图形。只要用少量矢量数据就可以描述一个复杂的对象，而占用的储存空间只是位图的几千分之一，非常适合在网格上使用。同时，矢量图象不会随浏览器窗口大小的改变而改变画面质量。使用插件方式工作。用户只需安装一次插件，以后就可以快速启动并观看动画，而不比像java那样每次都要启动虚拟机。flash插件也不大，只有170kb左右，很容易下载并安装。还提供其他一些增强功能。例如，支持位图，声音，渐变色和alpha透明等。拥用了这些功能，用户就完全可以建立一个全部由flash制作的站点。flash影片也是一种流式文件。这就是说，浏览者在观看一个大动画时，可以不必等到影片全部下载到本地再观看，而是可以随时观看，即使后面的内容还没有完全下载，也可以开始欣赏动画。主图是一个网页的门面，它能体现出这个网页的整体风格。网站名为蓝晴驿站，蓝色的天空给人带来好的心情，给人带来轻松愉快的心情来浏览网页。

首页的地址为“http://lansxqing.51.net”,内容精彩丰富，简洁明快，语言风趣，通俗易懂。页面可爱清爽。

首页主要是导航作用，上方共有六个导航条，用fireworks编辑的悬停按纽。各分为六个内容，左侧的为‘星座物语’，‘动感地带’，‘爱情感悟’。下面的六个幕是衔接。右侧的为‘五花八门’，‘心情留言’，‘海阔天空’。中间为一段笑话。下面的横幅是一个flash动画，效果是色彩渐变。接着蓝色的一个横幅上的是flash动画衔接。接下来是一个搜索菜单，方便快捷。其它的为gif动画。

单击“星座物语”，进入内容左侧的体是fireworks编辑的gif动画。左侧下方是篇有关星座的文章，右侧的星座专题有三个关于星座的内容可单击。‘漂亮穿衣法则’内有广告条，鼠标放在上面时停止浮动，鼠标离开时继续浮动。‘星座爱情特点’内有鼠标特效。它的代码为：

function yy_layerfx(yyleft,yytop,yyfnx,yyfny,yydiv,yybilder,yyloop,

yyto,yycnt,yystep) { //v1.2

//copyright (c)1999 yaromat, jaro von flocken

if ((rs)||()){

with (math) {yynextx= eval(yyfnx)}

with (math) {yynexty= eval(yyfny)}

yycnt=(yyloop && yycnt>=yystep*yybilder)?0:yycnt+yystep;

if (rs){

eval(yydiv+"="+(yynexty+yytop))

eval(yydiv+"="+(yynextx+yyleft))

}

if (){

eval("yydiv=ace(/rs/gi, )");

eval(yydiv+"ltop="+(yynexty+yytop));

eval(yydiv+"lleft="+(yynextx+yyleft));

}

argstr= yy_layerfx( +yyleft+ , +yytop+ ," +yyfnx+ "," +yyfny+ ","

+yydiv+ ", +yyb

ilder+ , +yyloop+ , +yyto+ , +yycnt+ , +yystep+

) ;

if (yycnt<=yystep*yybilder){eval(yydiv+"=settimeout(argstr,yyto)");}

}

}

function yy_mousetrace(evnt) { //v1.2 copyright (c)1999 yaromat

if (yyns4)

{if (x) {yy_ml=x; yy_mt=y;} }

else{

yy_ml=(ntx + llleft);

yy_mt=(nty + lltop);

}

if (yy_tracescript)eval(yy_tracescript)

}

右侧下的是一个flash做的动画，蒙板层切换图片，下面的幕为衔接。

单击“动感地带”进入内容的左侧，一个米老鼠可以单击返回首页。下面是一个表格，表格里的内容是衔接网站。表格的最后一行‘友情链接’为本班同学所做的个人网站，可单击衔接。本页最后为flash动画。它是一个跟随鼠标移动的图形心。它的代码为：

shockwave/cabs/flash/

=6,0,29,0" width="745" height="400">

getflashplayer" type="application/x-shockwave-flash" width="745" height="400">

单击“爱情感悟”进入内容是一篇关于爱情总结的一篇文章。内有背景音乐。其余的为gif动画。

单击“五花八门”进入内容的文都是衔接。右下角为一个flash动画，百叶窗似的打开图片。其余的为gif动画。

单击“心情留言”是留言本，可进入留言还可免费申请。

单击“海阔天空”是聊天室，填写名与密码可直接进入。

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

网页设计实习报告2017网页设计实习报告（3） | 返回目录

一实验目的

1．学习html语言和dreamweaver，frontpage等工具

2．掌握在本地环境下运用asp技术实现一个简单的电子商务网站

二实验的方法和原理

三实验过程

1.资料的搜集。

组长分配任务，大家从网站上搜集各种关于手机的资料。

2.熟悉制作软件。

做网页主要用的工具便是dremweaver、photoshop、flash软件。在这些软件我对dremweaver、photoshop相对比较熟悉，因为在平时上课是老师带领我们运用过。所以我还可以正常的运用，但是出现的问题还是有很多。有很多不懂如何操作，只有通过在次去看书才能够了解，这也体现了我学习方面的缺点，它是我平时不够认真的具体表现。

3.构建站点框架。

打开dremweaver后第一步便是新建站点

4设计主页及二级页面。

5实现网页间的链接

链接的过程其实很简单，主要是把要链接的文选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。

6向静太网页插入动态效果

四实验心得

在经济迅速发展的今天，internet显得更为重要它是人们发布信息与传递信息的重要渠道，为了与社会发展同步，为了让我们成为真正的技术性人才。学校在本周为我们安排了维持三周的网页制作专用周是实习，让我们把平时所学知识运用到实习中做到真正的学以致用而不只是纸上谈兵。通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足。

近三个星期的实训将要结束，其中的酸甜苦辣我会在今后的日子里不断地去咀嚼，去回味，去探索。从制作网页过程中，我学到了新的美化网页的方法，运用了更多以前未运用的技巧。这使我学到了更多的知识，并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历，将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少，我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养，锻炼和提高。

大学毕业大学生网页设计顶岗实习报告范文2017网页设计实习报告（4） | 返回目录

我第一次步入了社会，从此开始了面对社会、工作的生活。刚刚走入社会的我是一个性格有些内向的人，面对陌生的人，我不善言辞，不会给自己的外表进行很好的包装，不适合做那些销售、接待的工作，只有技术类的工作，少说多干的活适合我，这个我很清楚。现在，中国每年都有很多毕业的大学生找不到工作，我也不例外，所以，这第一次实习工作肯定不会太好找，但是相反，我的运气还不错。找到了一份网页设计的工作。现将我在工作中的情况报告如下。

一、工作介绍

我工作的这家公司，从事网站开发工作的，公司在技术团队这部分是比较正规的，一般是五到六人为一个小组，小组中有明确分工，有负责联系客户接恰生意的，有专门做技术的，而在技术这块分为网站前台、后台开发，我在学校主要做的是后台开发，当然前台设计工作也还算熟练，但不是很精通。我们这个小组一般接下的活都是一些小型网站的开发工作，这样的网站技术难度不大，而且工作周期短，有相当一部分的，只需要通过cms软件就可以进行开发。但是有个别的网站开发时，我们还是需要进行一些手写代码工作的。

二、开发技术

做为一个刚毕业的大学生，我的知识储备肯定有不足的地方，毕竟学校教的东西肯定会有一部分和社会是脱节的，但好在我的领导对于我没有太多的要求，他只是要求我尽快的适应公司的工作和生活，在短时间内熟练的掌握相关技术，干好本职工作。

在大学里对一个学生来说什么是最重要的，那就是学习能力。要知道，这个世界上，知识在发展，人类在进步，每天都在进行日新月异的变化，我们的知识储备总会有不够的地方，但是一定要有学习能力，将不会知识快速掌握，只有这样才能占据主动，减少被动情况的尴尬发生，通过二个星期的时间，我成功的适应了公司的工作和生活节奏，每天早九点上班，晚17:30下班，中午休息一个半小时，每周还有两天假期。我利用业余时间，抓紧学习，将工作中所需要的技术进行了强化学习，其实这些东西在学校的时候就接触过，只是不精通。那个时候学的东西多，难免有个主次之分，这次工作了，才知道哪个应该多学点，但好在我都有学过，所以有个好的基础在这里，也就不怕了，比如说：flash，公司要求技术人员会做flash，flash这东西以前我在宿舍的时候经常玩的，可是后来在分析就业情况时，分析错了方向，以为这东西没有什么用处，结果就给荒废了。但好在还有印象，并且当初记了很多的笔记，所以说记笔记是很重要的事情。而其它像javascript、ml、数据库这些东西我都学过，只是实践能力稍差一点，但好在从前在学习方面用的功不是白费的。通过这种实战环境，和半个月的刻苦学习，我终于可以感上小组的工作进度了，已经可以很好的完成领导教给我的任务了。

像我这个组常用的是css+div排版，后台使用php技术进行开发，服务器平台采用，linu+apache+mysql+php,这种 lamp组合，我很高兴在学校学的东西能学有所用。以前我们是用表格(table)进行排版，这种方式简单但是已经有些过时了，现在大部分网站都开始了重新构架，所以都采用css+div进行网页排版，我目前正在学习，掌握的还算比较快。而在后台开发部分，我们使用php来进行开发，我的工作是手写一些小模块。或者用javascript写一些特效小代码。

三、工作流程

小组分工时，我负责后台里小模块的开发工作，如：留言板或，还有一部分javascript代码编写工作。前台部分的工作是和组里的丁珊珊做一些排版的工作，使用css+div技术。编写代码这种工作看起来有些枯燥，其实时间长了以后，还真有点厌烦，但是后来我明白，只有将自己的本职工作做好，提高自己的技术，做出优良的东西，这样自己才会有价值感，才会对自己的工作保持新鲜感。所以我每天都在工作后，记录下每天在技术上的不足之处，回家后，将强学习，这所谓：找出不会的地方，学会它，你就变的强大了。

php是现在比较流行的一种网站开发技术，由于它是开源的免费代码，并因良好的跨平台性能受到了大重的喜欢，我个人认为php很简单，适合初学者学习使用，但是在某些地方想要做好，就需要你认真的学习了。目前，我负责的只是技术性较低和规模较小的模块，不过，我觉得从简单处做起也挺好的，但是我在写代码时，还是经常犯些小错误，导致代码页面经常出错，而自己往往还找不到是哪错了，有几次急的都不行，不管怎么弄，结果就是错误，后来我才发现，原来只是一个小错误，小的不仔细察看，我都找不到。于是我明白，做开发工作，一定要细心，否则就会给自己和别人带来麻烦。

四、安全检查

安全检查是很重要的一个环节，就像你给人家盖房子，房子盖好了，可是门和窗不结实，那这种就必然不会安全的了。页站的制做也是同样的道理，在安全方面，有一个地方是和开发人员有很大的关系的。因为开发人员技术的高低决定了网站的安全性，有些人员在一些环节上的疏漏，很有可能导致网站在实际使用时，遭到黑客攻击，如果造成了经济损失就无法挽救了。

所以，我们每个人在将各自的工作完成以后，组长和其它专门的技术人员会对网站的安全性进行测试，找出存在的漏洞，然后加以修改。以使它的安全性达到最高最稳定的状态。

在公司进行实习工作的这段时间，我在个人技术上收获了很多，现在的我已经能独档一面了，做一些难度比较大的工作，我通过优异的表现，已经转为正式员工，我对自己的表现感到满意，最重要的是我给自己的学校争了光，但是在社交能力方面，沟通能力上还有不足的地方。我决定在今后的工作和学习，要加强和别人的沟通能力。使自己变的更好，为国家为社会做出更多的贡献。