网页设计实习报告Word下载.docx
《网页设计实习报告Word下载.docx》由会员分享,可在线阅读,更多相关《网页设计实习报告Word下载.docx(17页珍藏版)》请在冰豆网上搜索。
指导教师:
教研室主任:
一.站的需求分析
对于个人站而言,一个好的页会给人留下深刻的印象,那样才会提高站的知名度才会增加点击率。
如果通过站管理系统工作,就可以拓开以前传统的宣传思路,用户可以通过上就能达到找到所需要材料的目的,并且可以给管理员留言以反馈意见。
二.系统实现所需要的软件
页编辑排版DreamweaverCS3、页图像制作软件PhotoCS2、页动画制件软件Flash、ACCESS数据库、动态页编程语言ASP
三、站设计的思路
站拓扑图构画
从开始想创建站到最后的个人站的上传发布是需要包含一个完整的工作流程。
站包括哪些栏目,采用什么样的制作结构,这些都是我们在制作站前首先要确定的,
下面是我个人站的结构图:
四、系统功能模块的实现过程
个人站实现了留言、文章、相册、日志、注册、链接、调查、后台管理等诸多功能于一体的站。
本人经过需求分析、和可行性的管理方式进行了前台设计与后台管理。
通过数据库的创建与连接实现了人机交互功能。
1个人首页功能模块功能的实现过程
个人首页主要放置主人的最新动态,导航条菜单包括首页、个人简历、个人相册、文字拾掇、我的聊吧、给我留言、友情链接。
给我留言,必须通过先登陆或先注册才能进行留言。
底部插入个人站的版权信息,同时也加入了联系我们、后台管理、首页收藏、设为首页、版权声明。
(1).个人首页导航功能实现介绍
个人首页导航有七个链接分别是:
我的首页、个人简历、个人相册、文字拾掇、我的聊吧、给我留言、友情链接。
它们都采用“行为”中“交换图像”。
如图3-1所示。
图3-1首页导航
(2).个人首页公告栏功能实现过程
公告栏的功能主要是对于浏览者现设计的。
当浏览者进入首页时就可以看到分告栏中的信息。
主要用于提示和建议如何进行合法访问和主人的一些个人小要求。
如图3-2所示。
图3-2本站最新公告栏
本站最新公告栏中的信息当鼠标经过时就停止,当鼠标移开时又开始流动。
其功能的实现主要是通过以下代码:
scrollamount="
2"
onmouseover="
()"
onmouseout="
>
(3).留言板功能实现过程
设计一个留言板作为和浏览者交流的纽带,这样可随时掌握浏览者的相关信息和最新动态。
浏览者通过留言后提交到后台数据库中,然后管理用户可以通过后台进行对其留言的回复。
留言薄的设计如图3-4所示这样就可以产生一个动态的留言薄交互平台。
图3-4留言薄发表页面
(4).注册功能模块实现过程
注册页面主要是对于没有用户名和帐号的浏览者要进行留言时所设计的页面。
当浏览者注册后的信息将自动提交到后台数据库中,以便下次要进行留言。
注册页面的设计如图3-5所示。
图3-5注册页面
2个人简介功能模块的实现过程
本模块是个人简介部分,每个个人站都会有作者介绍。
在个人简介中主要实现了两个功能模
块分别是:
个人简历列信息显示和个人作品的展现。
在这页面主要的是静态的页面。
只在个人简历页面采用了热点链接来进行到个人作品的跳转。
在这个模块访客会了解到作者的一些基本信息,界面内容如图3-6所示。
图3-6个人简历页面
完成上述页面后,单击我的“作品展示”这时链接到我的个人作品页面。
这个页面基本上是静态的。
主要放置了我的Photoshop作品和Flash作品等。
在这个有限和空间里放置我的作品是不够的。
所以采用了用层和行为来进和作品的交换显示。
界面的内容如图3-7所示。
图3-7作品展示页面
3个人相册功能模块的实现过程
本模块是展示个人的相册,主要是借鉴影集的制作来完成个人相册的功能的实现。
个人相册进行好归类后分成多个方面的相册所以首先进入是个人相册的目录。
个人相册主中,浏览者可以看到我“求学生涯”、“友情合影”、“大学生活”、“欢乐之行”、“拥抱记忆”、“温馨之家”,的相关照片。
在进行相册查看时浏览者通过单击滚动中的小图片然后在层中显示在图片,如下图3-8所示。
篇二:
页设计实习报告
思科信息学院
专业实习报告
专业:
班级:
姓名:
关于页设计与编辑的实习报告
一、实习目的
(一)检验自己是不是真的适合这个职业
鉴于自己对未来的职业生涯的规划更倾向于设计,这和自己所学的专业不是
十分有联系,所以我希望在实习的过程里思考自己未来是否适合从事这方面的工作,为以后求职之路少走弯路做一定的尝试。
(二)在实践中查漏补缺
在学校学习的站建设知识仅仅停留在平时的作业里,并没有得到充分的运
用。
希望可以藉由这次实习,好好巩固书面知识。
在实际运用中通过发现问题,解决问题对知识进行查漏补缺。
(三)在工作中打磨自己
由于学校和社会是截然不同的生活、学习、工作氛围,在工作中我们不可以
像在学校一样随心所欲,待人接物方面需要更有礼貌的沟通和恰当好处的圆滑。
希望在实习里,和同事上司的相处中获得这方面的成长。
二、实习内容
(一)实习主要内容
广州xxxx有限公司是一个研发和销售智能寄存柜的公司。
它的产品在展示和
销售这两个环节很需宣传册、企业站等作为一个推广媒介。
我实习的主要内容就是配合络部去完成站建设的工作,涉及前台的外观设计和后台的代码编写,以及宣传册的设计。
1、负责设计公司整个企业站的页面部分,根据页设计师或客户所提供的主题要求和思路框架来设计出整个站。
1)使用Photoshop、AI等图片处理软件设计、处理和制作站上需要的图片
2)使用DIV+CSS样式及基础的HTML语言做页面布局的排版
3)使用Photoshop对页进行配色及排版设计
4)编写CSS代码使站页面无论是在IE浏览器里还是在FF浏览器上正常显示
2、负责站的几个主体模块的文案撰写和后台编辑
1)在已有的文案上配合站架构进行提炼和归纳整理
2)使用Photoshop对文案进行概念配图
3)在后台将文案部分合理配色排版
4)按照站架构在后台录入所有产品资料
(二)工作过程
在公司的2个多月里,我的工作都是由负责整个站文案架构的曹经理分配
监督的。
确认实习机会前的面试的时候也是由他负责的。
面试的时候他并没有过多的考察我在站制作上的技术问题。
更多的从我对站设计方面的配色排版的现有审美以及做事的认真细致程度去考察的。
从一开始我就以踏实认真的态度对待每一项他交付给我的任务。
下面我挑选一些让我收获很多,学习很多,影响我很多,让我回想起来都是历历在目的事情重点说一下。
1、经理让我按照页设计师提供的jpg稿变成div和css。
1)这个任务简单来说就是架构页框架和完善里面的文本主体。
里面涉及很多文本,我觉得既然有具体的设计稿就一定保存有文案,所以咨询了经理是否有必要花这部分时间去打文本。
经理的回复是很有必要。
他的意见是,让我重新输入文本可以帮助检查错误,同时可以让我更熟悉公司的产品和站的主要内容,对我后面的工作有帮助。
顿时知道,一个实习生想到的东四是多么的肤浅,对经理工作上的态度更是肃然起敬。
2)因为经理没想要让实习生负责过于复杂的事情,在这部分工作中设计的div和css的内容并没有很复杂,需要的就是要注重细节。
但实际上自己做事远没有自已一开始想象的那么能够静下心地考虑大局。
只要想到一个觉得挺好的排版我就一下子全部套用了,以至于最后通过多次检查,发现这个排版有瑕疵的时候又要重头再来。
这些经历都让我体会到比起表面的工作速度,有前面深思熟虑的慢节奏才能造就最终的高效率。
所以一开始在用css排版的时候其实应该多做几个版本仔细做对比,看清楚哪个更合适才确定的。
2、经理让我设计几个栏目对应的banner图片
1)由于自己并没有专门学过banner规范和设计方面的专业知识,有的只是审美方面的一些小体会。
接手这个工作需要花大量的时间去学习和参考。
一开始略略觉得压力大,但是觉得经理让我去做,就是相信我的能力。
所以我也没有慌,按照自己的节奏和需要边学边做。
从整体了解主题:
自己找了多个类似的企业站作参考,通过总结企业站
中,几个主要的栏目在站上具体意义,体会这对应的几个栏目banner的设计意义。
思考配色与构图:
对整个内容有了一了解后,便要思考作品的色彩和具体的
构图,先用笔画出草图,有时候也会直接在脑海里构思。
除了从公司的角度,围绕要传达的东西去设计,我也充分意识到要转换身份从用户的角度出发,怎样才可以更吸引人。
总体来说就是除了审美上的设计,也考虑很多目的性。
查找素材:
素材这个问题我总结了一种思路,电脑里下载一些专业的“科技
信息”图库。
另外配合专业在线图库站(通常是国外站点)+Google,XX图片等搜索引擎进行即使的素材查找。
再加上自己平时积累的素材,选择是非常大的。
最后就是不断地观察对比最终效果,看哪几张banner图片更适合整体站。
2)最终banner图片并没有全都采用我设计的,有一些还是因为不够大气被撤下来了。
一开始我还挺灰心,觉得自己的付出没有得到认可。
但是我知道当初经理就是感觉可以给我试一下,才给我这个机会去让我发挥一下的,所以我好好学习了别人的图片,看自己的和别人的差别在哪里,不浪费这次尝试性地努力。
3、经理让我参考旧站单独做一个公司简介的页面
1)我知道经理的意思是重新排版成符合站的配色。
这样对我来说其实很简单。
但是我从旧站了解到公司简介那篇文案比较累赘,如果想要浏览站的用户肯停留在这个页面多几秒,或者因为这个公司简介的页面而更信任这个公司的产品,更有冲动订个公司的寄存柜就要在文案的内容上下功夫,就要在表现上更生动,让人看着不会觉得文字流水账,很烦躁。
于是在经理没有给我严格期限的时候,我选择了按照自己的思路去修改文案,
把多余的文字删掉,根据公司的优势修改出精简的几点,变得更有条理更有重点。
这只是对文案的初步处理,接着根据几个要点用Photoshop处理几张概念配
图出来,将公司寄存柜的技术水平之领先,应用领域之众多,销售范围之巨大等等用更生动形象的方式表现。
从设想到思考中间的问题到最后的完成,花的时间虽然多,但是最终的效果得到了经理的肯定,对站的宣传作用起到了很好的帮助,这都是值得的。
三、实习体会
做了2个月的页设计和编辑的实习生,终于体会到页设计并非只是图文混排的那点事。
当你真正的去努力的创造了之后,经常被别人一眼就否定了。
这才真正明白一个好的页不只是效果华丽还要多从用户的角度去考虑问题。
通过实习,我不仅将自己在学校学过的东西通过实践进步一巩固,也通过向公司的人请教学到很多工作上的技巧,更通过实习体会到很多没有人会教授给你的东西。
工作是人生活的重要部分,是我们毕业生必须面对的。
就算是遇到困难,我也会用平常的心态实际看待问题,不说“不可能”,而是冷静下来思考如何处理并付诸于实践。
在实习的日子,我学习到了很多如果没有这次经历,就不会有的细腻体会。
(一)深刻感受到什么是真正的细心
其实在高中甚至到大学,老师都总是强调“细心”,对于细心什么的我以前自我感觉还挺不错的。
但是当老师在斤斤计较一个标点符号或者花时间可以渲染“细心”的重要性的时候我就觉得好小题大做那时的我觉得“细心”是你可以刻意去营造的状态。
包括经理对我强调细致