网页设计专业实习报告3篇

第1篇 2023年4月网页设计专业大学生实习报告

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

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

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

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

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

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

function yy_layerf_(yyleft,yytop,yyfn_,yyfny,yydiv,yybilder,yyloop,

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

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

if ((document.layers)||(document.all)){

with (math) {yyne_t_= eval(yyfn_)}

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

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

if (document.layers){

eval(yydiv+'.top='+(yyne_ty+yytop))

eval(yydiv+'.left='+(yyne_t_+yyleft))

}

第2篇 ____年4月网页设计专业大学生实习报告范文

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

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

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

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

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

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

function yy_layerf_(yyleft,yytop,yyfn_,yyfny,yydiv,yybilder,yyloop,

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

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

if ((document.layers)||(document.all)){

with (math) {yyne_t_= eval(yyfn_)}

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

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

if (document.layers){

eval(yydiv+'.top='+(yyne_ty+yytop))

eval(yydiv+'.left='+(yyne_t_+yyleft))

}

if (document.all){

eval('yydiv=yydiv.replace(/.layers/gi, .all )');

eval(yydiv+'.style.pi_eltop='+(yyne_ty+yytop));

eval(yydiv+'.style.pi_elleft='+(yyne_t_+yyleft));

}

argstr= yy_layerf_( +yyleft+ , +yytop+ ,' +yyfn_+ ',' +yyfny+ ','

+yydiv+ ', +yyb

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

) ;

if (yycnt<=yystepxyybilder){eval(yydiv+'.yyto=settimeout(argstr,yyto)');}

}

}

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

if (yyns4)

{if (evnt.page_) {yy_ml=evnt.page_; yy_mt=evnt.pagey;} }

else{

yy_ml=(event.client_ + document.body.scrollleft);

yy_mt=(event.clienty + document.body.scrolltop);

}

if (yy_tracescript)eval(yy_tracescript)

}

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

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

shockwave/cabs/flash/swflash.cab#version

=6,0,29,0' width='745' height='400'>;

getflashplayer' type='application/_-shockwave-flash' width='745' height='400'>;

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

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

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

1

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

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

第3篇 计算机网页设计专业实习报告

计算机网页设计专业实习报告

ui设计岗位实习报告

ui设计

岗位实习报告

部门：

实习岗位：ui设计

姓名：×××

指导伟德： 杜青道

完成时间：

一、实习目的

实习目的是，通过ui设计相关工作岗位实习使我了解以后再ui设计相关工作岗位工作的特点、性质，学习体验ui设计相关岗位工作的实际情况，学习与积累工作经验，为以后真正走上ui设计相关工作岗位做好岗前准备。

同时通过ui设计相关工作岗位的实习，熟悉实际工作过程的运作体系和管理流程，把自己所学ui设计工作岗位理论知识应用于实际，锻炼ui设计工作岗位业务能力和社会交际实践能力，并在工作中学习ui设计相关工作岗位的新知识，对自己所学的知识进行总结并提升，以指导未来在ui设计相关工作岗位的学习重点和发展方向。

二、实习时间

20_×年03月01日～20_×年06月15日

(修改成自己ui设计相关工作岗位实习时间)

三、实习地点

苏州市经济开发区江南大道

(修改成自己ui设计工作岗位实习地点)

四、实习单位

江苏省苏杭伟德集团(修改成自己ui设计相关工作岗位实习单位)

此处可以继续添加具体你ui设计工作岗位实习单位的详细介绍

五、实习主要内容

我很荣幸进入江苏省苏杭伟德集团(修改成自己ui设计相关工作岗位实习单位)开展ui设计岗位实习。为了更好地适应从没有ui设计岗位工作经验到一个具备完善业务水平的工作人员，实习单位主管领导首先给我们分发ui设计相关工作岗位从业相关知识材料进行一些基础知识的自主学习，并安排专门的老前辈对ui设计岗位所涉及的相关知识进行专项伟德。

在实习过程，单位安排的了杜老师作为实习指导，杜老师是位非常和蔼亲切的人，他伟德ui设计相关工作岗位领域工作已经有二十年。他先带领我们熟悉实习工作环境和ui设计相关工作岗位的工作职责和业务内容，之后他亲切的和我们交谈伟德实习工作具体性质以及ui设计相关工作岗位容易遇到的问题。杜老师带领我们认识实习单位的其他工作人员，并让我们虚心地向这些辛勤地在ui设计相关工作岗位上的前辈学习，在遇到不懂得问题后要积极请教前辈。 毕竟是人生第一次在ui设计工作岗位上，所以真正掌握这一份工作是需要一个过程的。一开始我对实际ui设计岗位的工作内容比较陌生，都不太清楚自己的工作范围和职责，对实习单位的情况也不

太了解，不过杜老师会告诉我该怎样处理自己在ui设计岗位上遇到的问题。慢慢的'我也就熟悉了自己的ui设计岗位工作内容，在ui设计岗位上的一些棘手问题也能自己独立解决，每天把工作做得井井有条。

在单位实习期间，我伟德的ui设计工作岗位相关的工作之外，还负责协助其他部门的日常工作，包括制定计划，利用新学习的ui设计相关工作岗位业务知识处理相关文书。

六、实习总结

对于第一次在ui设计相关工作岗位的的我来说，还没有足够的社会经验。经过了这半年来的ui设计相关工作岗位实习，我学到了很多，感悟了很多。特别是在实习单位领导和ui设计工作岗位的相关同事的关心和指导下，认真完成领导交付的工作，和同事之间能够通力合作，关系相处融洽而和睦。在工作中积极学习新知识、技能，注重自身发展和进步，我学会了很多ui设计相关工作岗位理论实践技能，增加了ui设计相关工作岗位相关工作经验。现将这两个月ui设计岗位实习工作遇到的困难及心得总结如下：

实习体会

一是低调地做人，高调地做事。我到ui设计岗位工作以后，要知道自己能否胜任这份工作，不在于掌握了多少ui设计相关工作岗