最新网页设计实训报告(3篇)
随着个人素质的提升,报告使用的频率越来越高,我们在写报告的时候要注意逻辑的合理性。大家想知道怎么样才能写一篇比较优质的报告吗?下面是小编帮大家整理的最新报告范文,仅供参考,希望能够帮助到大家。
网页设计实训报告篇一
我所在的这家公司,是一家做网上招商的商业网站,公司接收各种厂家提供的信息,然后由网络的技术人员,将商家的信息做成网页广告,然后挂在我们的网站上,以此达到商业推广的目的,类似我们公司的网站在同行业还有u88、28招商网等。
我和其它几位同事做为网络部的技术人员,主要的工作就是接收美工人员的网站模板,将其通过photoshop切片,然后导入dreamweaver进行排版,(排版主要使用css+span),并进一步的加以制作,完善美化,如加入js代码,或透明flash,因为网页是用css+span进行排版的,所以在最后一步的时候,我们还需要进行浏览器测试,因为css+span排版方式有一个最大的缺点就是:浏览器不兼容的问题,典型的如:ie与fireworks,因为各种浏览器使用的协议不同,所以会导致页面在最终浏览的时候有一些小问题,如:页面混乱,图片、文字之间的距离过大或过小,页面不美观等等,做为一个新人,我在有些方面的技术还很不成熟,所以在技术总监张伟的帮助下,解决了很多问题,所在我很感谢他,当每天我们做完网页后,都会在代码页面加入注释代码,在里面写上每个人姓名的汉语拼间和工作日期,这样方便月底做统计工作,公司领导会根据每个人的工作数量进行奖励,每做一个页面会有2块的提成,虽然少点,但是积少成多,也是很可观的。
(一)初级考试
初来公司的时候,我们经过了初期考试,培训,与最终考试三个阶段,在接到公司让我面试的电话后,我来到了xx公司,因为要干的是网页设计,所以要有一个小测验,技术总监要求我们在网上自找图片和文字,做一个简单的页面,要求是:什么样的页面都可以,考查的主要是面试者相关软件的操作能力与代码掌握的熟练成度,说实话,从毕业后,有一段时间没有写代码了,刚一上机,还有点生疏,但是凭借在学样扎实的学习功底,我很快就恢复了自己的英雄本色,将html代码写的很熟练,做了一个左右分栏的页面,没什么太大难度,技术总监看了以后,说不错,让我三天后参加培训,合格扣就可以正式上班了。
(二)三天的培训工作
三天后,我来到了公司,一看,来参加培训的人有很多,大概在十多个人左右,其实所谓的培训,就是让大家先熟悉这家网站的工作,先做一些他们平时干的活,做一些广告网页,这些网页都是静态的,没什么难度。我后来发现,自己在这些人当中,还是较较者,心里优势还挺好的。
(三)最后的考核
三天的培训后,我们迎来了最后的考核,合格的人会被留下,并得到一份为期一个月的实习合同,然后会在根据你在实习期的表现决定你的去留问题,最优秀的人会转正,得到很优厚的待遇。
考核的内容,就是在公司的商务网站上任选一个页面,然后在规定的时间内做完,我还不错,技术比较熟练,是第四个做完的。当我们把网页做完后由这家公司的经理进行审核,最后的结果是,最先做完的前8个人可以有底薪加提成,每人页面的提成是2元钱,而后面做完的,只有提成,没有底薪,他们的提成是每个页面5元钱,最后的几个人就被淘汰了,制度虽有点不近人情,但是刚毕业的学生能忍也就忍了,就这样,我们每个人得到了一份一个月的临时合同,正式开始了实习工作。
我们每天的上班时间是从早上8:30分到下午的17:00,这是我见过最有激情的一些人了,年纪轻轻,干劲十足,来了以后就工作,连平时聊天的内容也和本行业分不开,我喜欢他(她)们,回为是实习期,所以每天做的数量没有太大要求,但是每个人都玩命似的干活,抓紧时间做网页,我们做的网页是比较简单的从上到下式的网页,通过css+span排版,这样在后期浏览器兼容测试中,就好做的很多了,文字与图片之间就不会有太多的麻烦,我干的很不错,不过有些追求精致,我做网页的速度慢了很多,最初每天只能做3——4个网页,这对于我来说是不能接受的,后来我改变了工作方法,我第次工作的时候,先订下计划,比如今天做多少网页,然后我将要做的所有网页,先做好排版,这时的网页虽然排过版,但是不美观,因为没有进行美化工作,然后我会在下午的时间,集中全力做美化工作,就这样我的速度提高了很多,快了将近一倍多。只要更加熟练速度不会更快,我相信自己。
每天的工作都是是很快的,有时感觉时间过的很快,想停都停不住,早上出去的时候,见的是太阳,晚上下班后看到的是即将落日的夕阳或者是星星,每天就这么快的过去了,每个工作日结束后,我都会在下班后步行一段时间,去附近的图书城充会电,或者放松一下,找一些我喜欢的书,看上几个小时。
实习期结束后,我和其它同事得到了正式合同并留在了这家公司,通过这次工作,我得到的最大体会就是,如果一个人在社会上没有一技之长,那他是没有办法很好的活下来的,只有不断的加强自身专业技能学习才行。所以,尊敬的老师,我会在业余时间好好学习,加强自己的专业能力,使自己变得更强,只有这样才能上到为国家、为社会做出贡献,下到为自己、为父母、为学校交出一份满意的答卷。
网页设计实训报告篇二
实习目的:熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。培养我们利用计算机进行商务网页设计的基本思路和应用开发能力,提高我们的计算机文化素质。
网页是世界上最有价值的不动产之一。人们在这个不足0.1平米的空间内投资达数百万美元。网页对公司的影响比简单的电子商务增收方法大得多;网页也是公司对外的脸面。web站点就像一栋房子,它的每一个窗口都可以看成一扇门,人们可以沿着搜索引擎其他web站点的链接,绕过主页而进入web的深层。
1、讨论网站主题:因为自己对普罗旺斯很感兴趣,于是就想到要是一下为心中的仙境设计一个旅游网站。
2、定位网站ci形象:旅游网站最重要的.就是是浏览者产生想去亲身体验一下的共鸣。于是在网页设计上面,根据普罗旺斯梦幻般的意境,我采用的是清新隽永的ci形象。使浏览者有宾至如归的感受。
3、确定栏目和板块:
1]首先要考虑整个网页的长和宽,以及长度和宽度之间的比例。
2]其次就应该考虑导航条的设置了。
3]正文的框架设置(横向因素和纵向因素交错)
在浏览了很多精美的旅游网站之后,再结合自己的想法,我先在草纸上画出了大体的栏目和板块。
4、网站的整体风格和创意:建立一个浪漫的旅行网站,走映像派路线,目的务必使浏览者留下映像。
1、资料的搜集:由于个人的爱好,我很早以前就收集了许多普罗旺斯的美图,这次就方便多了。接着就搜集了一些有梦幻效果的网页背景,fiash源代码、小图标和一些gif的动画等。
2、熟悉制作工具软件:
主页制作的基本条件有:
硬件:
一台电脑(64mb以上内存,当然越大越好啦);可以拨号上网;如果你有条件的话,建议:配置扫描仪,这将大大方便图像和文字的输入;软件:
html编辑软件:常用的有frontpage、hotdog等,本文重点介绍dreamweaver;
图像处理软件:常用的有photoshop、flash、fireworks等;
文件上传软件:常用的有cuteftp、wsftp等。
真的是万事开头难啊,遇到了很多问题,比如:插入的图片不符合规格,一下子把其他内容的框架挤开;插入的层太多,大一点的就把小一点的给覆盖掉了;插入的flash不能产生效果。总之问题一箩筐。实践出真知,原来自己还有那么多欠缺的知识。于是回归本源,先把课本上的东西弄通再谈其他。然后又到图书管里借了几本网页制作方面的书籍来参考。
在对基本知识有了详细的了解之后,做起东西来就得心应手多了,知道引导页能过加映像之后,我决定为我的网页设计一个引导页。
然后是主页和二级页面的设置。要注意,网上只能使用jpg和gif两种图象格式,其他诸如bmp和tif等很通用的格式都不能用在网上,因为它们太大了,但可以用图象软件进行转换,比如office 97的照片编辑器。把准备在主页上出现的图象放进相应的目录里后。
在一步一步的边学边做的过程中,看着心中的东西一点一点的出来,真的很有成就感。虽然自己的网页技术还差的远,但是回顾一下这周真的学到了很多的东西。
之前把作过的东西放到u盘里,发生过图片显示不出来的状况,还好即使找到了解救的方法,把源文件和web页面放到一起这样就算路径改变的话也不会影响页面的效果。
总结:在www上,不论你是资产上亿的大公司,还是捉襟见肘的穷学生,只要你建立了自己的网页,你们的地位就是平等的。经过这周的相关学习,我了解到网页设计与制作是一门庞大的工程。网站的反馈与评价网站要注意经常维护更新内容、保持内容的新鲜,不要做好就放到服务器永远不变了,只有不断地补充、更新内容、才能够吸引浏览者。维护更新时可以充分利用dreamweaver提供的模板和库技术,以提高工作效率。一个真正的网站,不仅应该实现传统媒体的电子化,给用户提供需要的内容、而且还应该做更多的事情、完成比页面浏览更高层次的需求,例如收集信息,数据传递,数据存储以及系统维护等。自己还有许多要学习的地方。
网页设计实训报告篇三
一.wap建站入门知识
二.wml入门
三.asp,vbscript入门基础知识
四.致谢
五.参考资料
附录:公交路线查询站点的雏形代码
报告人:阙xx
学号:20xx01xxx
wap是wirelessapplicationprotocol(无线应用协议)的简称,它是开发移动网络上类似互联网应用的一系列规范的组合。wap协议与现在通行的互联网协议类似,但专为小屏幕、窄带的用户装置(如移动电话)优化。 wap协议是公开的、全球性的标准,由有兴趣参加wap forum的成员共同讨论、制定和拥有,它使无线装置可以轻易、实时地交流信息和服务。
1. wap的体系结构
① wap的模型:
·标准名字模型--www标准的url同样用来界定wap内容和来源服务器;
·内容类型--wap内容有与www类型一致的特定类型
·标准内容格式--wap内容格式基于www技术,包括显示标识、日历、图形和脚本语言等。
·标准通讯协议--移动终端与网络服务器之间的请求传送
② 在wap的协议栈中包含有以下的协议
·wireless application environment(wae)无线应用环境
·wireless session protocol(wsp) 无线会话协议
·wireless transaction protocol(wtp) 无线处理协议
·wireless transport layer security(wtls) 无线传输层安全
·wireless datagram protocol(wdp) wdp是wap体系的传输层协议
·bearer(数据载体)
·wireless telephony application (wta协议)
2. wap建站使用语言
wap建站为了适合移动终端的要求,常用的有wml(wireless markup language)语言,常用的脚本语言有:vbscript, javascript.
3. 建站的基本过程(本过程基于windows xp)
① 在本地机上从“控制面板”进入“添加与删除程序”选择其中的“添加或删除windows组件”在其中添加iss信息服务。
② 右键点击“我的电脑”选择“管理”,进入计算机管理界面后,找到internet信息服务中网站,在默认站点中新建-虚拟目录(wap),填入所需信息。
③ 建立了wap站点后,进入其属性界面,选中“http头”选项。设置其中的mime类型。有添加中的第一行写入wml,第二行写入:wml text/ (mime类型的基本介绍请参考附录1)
④ 完成以上步骤后,本机就成为了一台wap的服务站。只要把所编写的内容asp的后缀保存在此文件夹中,用127.0.0.1/文件夹名称/内容,就可能访问了。
⑤ 由于wap用的不是html,所以要用专门的浏览器来查看wap网页。如:m3gate wap browser,openwave,ccwap等来浏览wap网页。
wml(wireless markup language)无线标记语言:
wml代表“wireless markup language”。wml就是无线标记语言(wireless markup language),内置于移动设备中的微型浏览器能够解释这种标记语言。虽然它和html语言很相像,但wml其实是xml的一个应用子集。
wml与html的区别:
1. wml是为微型浏览器所设计的html的一个子集。wml的标准定义是基于xml的。
2. html语言写出的内容,我们可以在我们的pc机上用ie或是netscape等浏览器进行阅读,而 wml语言写出的文件则是专门用来在手机等的一些无线终端显示屏上允