网页设计实习报告4篇工作报告.docx
- 文档编号:2317480
- 上传时间:2022-10-28
- 格式:DOCX
- 页数:6
- 大小:24.19KB
网页设计实习报告4篇工作报告.docx
《网页设计实习报告4篇工作报告.docx》由会员分享,可在线阅读,更多相关《网页设计实习报告4篇工作报告.docx(6页珍藏版)》请在冰豆网上搜索。
网页设计实习报告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软件。
(文章來源:
//)dreamweaver大大加速了网络时代电子交易应用中的项目交付。
它提供了网页和表单的动态生成到企业级的解决方案,如电子商店,库存管理系统和企业内部局域网的数据库应用等功能。
fireworks是目前最流行的网页图象制作软件。
只要将dreamweaver的默认图象编辑器设为fireworks,那么在fireworks中制作完成网页图象后将其输出就会立即在dreamweaver中更新。
fireworks还可以安装使用所有的photoshop滤镜,并且可以直接导入psd格式图象。
更方便的是它不仅结合了photoshop位图功能以及coreidraw矢量图的功能,而且提供了大量的网页图象模板供用户使用,例如,网页上很流行的阴影和立体按纽等效果,只需单击一下就可以制作完成。
当然,其最方便之处是,它可以将图象切割,图象映射,悬停按纽,图象翻转等效果直接生成html代码,或者嵌入到现有的网页中,或者作为单独的网页出现。
flash是目前最流行的矢量动画制作软件,与其他wed动画软件相比,它具很多优点。
制作的是矢量图形。
只要用少量矢量数据就可以描述一个复杂的对象,而占用的储存空间只是位图的几千分之一,非常适合在网格上使用。
同时,矢量图象不会随浏览器窗口大小的改变而改变画面质量。
使用插件方式工作。
用户只需安装一次插件,以后就可以快速启动并观看动画,而不比像java那样每次都要启动虚拟机。
flash插件也不大,只有170kb左右,很容易下载并安装。
还提供其他一些增强功能。
例如,支持位图,声音,渐变色和alpha透明等。
拥用了这些功能,用户就完全可以建立一个全部由flash制作的站点。
flash影片也是一种流式文件。
这就是说,浏览者在观看一个大动画时,可以不必等到影片全部下载到本地再观看,而是可以随时观看,即使后面的内容还没有完全下载,也可以开始欣赏动画。
主图是一个网页的门面,它能体现出这个网页的整体风格。
网站名为蓝晴驿站,蓝色的天空给人带来好的心情,给人带来轻松愉快的心情来浏览网页。
首页的地址为“”,内容精彩丰富,简洁明快,语言风趣,通俗易懂。
页面可爱清爽。
首页主要是导航作用,上方共有六个导航条,用fireworks编辑的悬停按纽。
各分为六个内容,左侧的为‘星座物语’,‘动感地带’,‘爱情感悟’。
下面的六个幕是衔接。
右侧的为‘五花八门’,‘心情留言’,‘海阔天空’。
中间为一段笑话。
下面的横幅是一个flash动画,效果是色彩渐变。
接着蓝色的一个横幅上的是flash动画衔接。
接下来是一个搜索菜单,方便快捷。
其它的为gif动画。
单击“星座物语”,进入内容左侧的体是fireworks编辑的gif动画。
左侧下方是篇有关星座的文章,右侧的星座专题有三个关于星座的内容可单击。
‘漂亮穿衣法则’内有广告条,鼠标放在上面时停止浮动,鼠标离开时继续浮动。
‘星座爱情特点’内有鼠标特效。
它的代码为:
functionyy_layerfx(yyleft,yytop,yyfnx,yyfny,yydiv,yybilder,yyloop,
yyto,yycnt,yystep){//v1.2
//copyright(c)1999yaromat,jarovonflocken
if((document.layers)||(document.all)){
with(math){yynextx=eval(yyfnx)}
with(math){yynexty=eval(yyfny)}
yycnt=(yyloop&&yycnt>=yystep*yybilder)?
0:
yycnt+yystep;
if(document.layers){
eval(yydiv+".top="+(yynexty+yytop))
eval(yydiv+".left="+(yynextx+yyleft))
}
if(document.all){
eval("yydiv=yydiv.replace(/.layers/gi,.all)");
eval(yydiv+".style.pixeltop="+(yynexty+yytop));
eval(yydiv+".style.pixelleft="+(yynextx+yyleft));
}
argstr=yy_layerfx(+yyleft+,+yytop+,"+yyfnx+","+yyfny+","
+yydiv+",+yyb
ilder+,+yyloop+,+yyto+,+yycnt+,+yystep+
);
if(yycnt}
}
functionyy_mousetrace(evnt){//v1.2copyright(c)1999yaromat
if(yyns4)
{if(evnt.pagex){yy_ml=evnt.pagex;yy_mt=evnt.pagey;}}
else{
yy_ml=(event.clientx+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/x-shockwave-flash"width="745"height="400">
单击“爱情感悟”进入内容是一篇关于爱情总结的一篇文章。
内有背景音乐。
其余的为gif
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计 实习 报告 工作报告