网页设计实践报告

时间:2023-12-23 11:27:33 实践报告 我要投稿
立即下载

网页设计实践报告

  随着个人的素质不断提高,报告与我们愈发关系密切,报告中涉及到专业性术语要解释清楚。相信很多朋友都对写报告感到非常苦恼吧,以下是小编为大家整理的网页设计实践报告,希望对大家有所帮助。

网页设计实践报告

  网页设计实践报告 篇1

  一、实践目的:

  通过社会实践,可以把我们在学校所学的理论知识,运用到客观实际中去,使自己所有用武之地。以便能够达到拓展自身的知识面,扩大与社会的接触面。

  1、了解平面设计在焦作的市场现状及前景。

  2、进一步掌握ps, coreldraw,等设计软件的运用。

  3、尝试把学校里学习的平面设计相关理论运用到实践过程中。

  4、初探做好平面设计师的方法,熟悉平面设计的方法和程序步骤。

  5、培养人际交往与社交能力,为成为平面设计师作准备。

  二、实践时间:

  20xx年1月1日——4月30日

  三、实践地点:

  威美(上海)金融伟德服务有限公司

  四、实践内容:

  平面设计

  五、实践总结:

  即将面临大学毕业,因为伟德视觉传达专业,想丰富一下自己的知识,所以我找到了一家互联网金融公司做UI平面设计,虽然和我所学的专业有些差异,但它对于我来说是受益匪浅,我所在的公司威美(上海)金融伟德服务有限公司,主要是网页设计为主,也与绘画有所伟德,既然选择这个公司,我就要好好去学,使自己的基础更牢固,技术更全面,在大学里学的知识却不知道如何运用,想伟德多个伟德,因此我非常珍惜这次实践的机会,在有限的时间里加深对绘画对设计的了解,找出自身的不足。实践的内容是学习网页设计(Ps,ai,arp等软件的使用)。

  在实践过程中,我深深地感受到作为设计师通常缺乏足够的对市场的了解和对管理层领导上的沟通,做出的设计作品经常会与市场经济脱节;而作为管理者通常缺乏设计基础和审美能力,往往为了追求市场效益,过多地拘束设计师的思维与创新,忽略了设计要素的重要性,造成了设计的庸俗化。

  来到公司,第一天进公司,与经理进行了简单面谈后,部门总监把我分配给伟德经理,伟德经理是我的直接领导,所有工作由伟德经理分布。第一天来到公司要赶做两个网页banner,接到文案后就在网络上搜集大量banner素材,找了几个适合这次文案的banner然后用Photoshop简单的修改图片,第一天没有做好,幸好领导说第二天晚上再交给他,于是我就乖乖的回家找图片。说实话我以前在学校的时候也这样做过,不过效果没有这么好,因为以前一遇到难的或不懂的就停下来不做了,而现在在公司,有压力,有不懂的就问,这使我受益匪浅。

  后来,公司要更改域名让我参与进行的VI设计项目,让我们锻炼一下自己。公司给了我们一个设计logo的任务。一开始我们设计出的作品并不能符合主观的要求,未能做出很好的方案。市场部总监看过我的方案后,要我进一步去了解公司的性质和作用,要做出更加符合机构精神的logo。经过两天的摸索,我逐渐懂得了一些做logo的技巧和该注意的问题,要伟德实际,要大气。同时也意识到了由于在学校实际锻炼的机会比较少,在软件操作上不够纯熟。而且对于公司的要求理解不够透彻。

  很幸运,一进公司便能参与的APP软件设计项目之中,正好锻炼一下自己。由于经验不足,刚开始找不到头绪,不知道该做些什么。在开始的时候,主要还是负责一些比较琐碎的任务。还没有真正地参与到比较完整的伟德设计之中。经过两天的磨合,自己有哪些缺点和不足,便知道了一些。在校的时候由于实际锻炼的机会比较少,所以现在什么都做不好,在软件操作上还是不够熟练。而且对于客户的要求并不能立即做出反应。

  我在工作的锻炼中学到了许多课本上无法学到的经验,因为在学校中我们的创意和设计都只局限于作业之中,但如果在公司里,我们的创意还必须得到客户和主管的认同,这是严格许多的。我们必须尽量发挥自己的创意,同时也要兼顾客户的要求和市场的效益。要多与客户沟通,多向主管询问意见,多向身边同事请教。

  通过这次实践,在设计方面我感觉自己有了一定的收获,开始了解掌握了photoshop的小技巧,知道了怎么去制作圆角矩形方块、高解析制作、保留选取范围大小、快速隐藏图层等。这次实践主要是为了我们今后在工作及业务上能力的提高起到了促进的作用,增强了我们今后的竞争力,为我们能在以后立足增添了一块基石。实践单位的老师也给了我很多机会参与他们的设计是我懂得了很多以前难以解决的问题,将来伟德设计工作所要面对的问题,如与it工程师的.配合,以及对市场部的伟德沟通。

  这次实践对我来说受益匪浅,让我学会从客观的角度来审视自己的作品,在审美方面更加成熟。而在公司,与同事相处,让我学会如何别人打交道。与领导交流,让我学会设计师应有的职业道德。这些经验都让我得到了成长,让我在以后的工作中更加成熟、更加顺利。这次实践丰富了我在这方面的知识,使我向更深的层次迈进,对我在今后的社会当中立足有一定的促进作用,但我也认识到,要想做好这方面的工作单靠这这几天的实践是不行的,还需要我在平时的学习和工作中一点一点的积累,不断丰富自己的经验才行。我面前的路还是很漫长的,需要不断的努力和奋斗才能真正地走好。

  网页设计实践报告 篇2

  一、网站整体规划,要做网页的第一步便是做网站的整体规划这主要包括四个方面的内容。

  网站整体规划是做网页的第一步也是制作网页最关键的一步它决定了你要表答的信息,因此我选择了我选择我最喜爱的服饰来为它做网页。在平时我也对服装的网页比较关心,无论是淘宝网上的衣店还是各种品牌装。这次我是为“易菲”服饰做的网页。

  定位网站的CI形象。

  “易菲”植根中国文化之精髓,汲取自然禀赋之灵性,形成一个既有浓厚文化底蕴,又有现代自然人文气息的特色品牌。“易”即是容,是包容,是宽容,是五千年中华民族的文化精髓,是厚德载物,是对人性宽度的一种拓展。“菲”通非,是生机、是个性、是春意盎然、是自强不息,是对人性深度的一种挖掘。“生活如花,自在快乐”是YIFINI易菲的设计理念,倡导一种与自然和谐相处,如花儿绽放般美好舒适、自在快乐的生活方式。这也便是我网站的CI形象。

  于时间的关系在本次我准备做四张网页:一张主页三张二级页面。分别设计了“时尚首页、时尚衣秀、推荐产品、潮流信息”等四个栏目。在这四张页面中我打算都用淡蓝色做背景颜色来映衬我网页的主打色绿色。

  网站的整体风格和创意。

  整个网站的创意就在于颜色的搭配,与各种图片的搭配,它们相互辉映,相互衬托。以便达到表现其品牌的和谐之美、自然之美。我踩用淡蓝色和绿色为我网站的主打色主要是因为我的产品特性。在设计上,YIEINI易菲推崇“自然美”,将带表女性气质的花卉和自然元素融入设计之中,充分体现设计师和顾客所追求的一种洒脱、舒适的生活氛围,力求表现悠闲、舒畅、自然的生活情趣。因此我用天空与自然的颜色来表达这张自然之美、和谐之美。

  二、网页制作的前期策划与准备,在本阶级主要有两方面的工作。

  在做网页我上网收集了许多方面的资料主要是有关网站的布局与服饰品牌方面的资料,我首先进它的.企业网站找了一些关于“易菲”服饰的图片主要是一些代言形象还有代表其企业形象的图片。其次我去浏览了许多的网页观察其网页的布局、颜色搭配、栏目、板块等方面的内容,同时也搜集了一些对我有用的资料。在搜索资料最困难的便是动态图片的搜集,动态图片其gif格式的还是好保存,但是要搜集flash动态图片就相对较难了。我用了一天的时间来搜集我的flash都不太成功,不过还搜到了可以换自己图片的代码。在开始时我根本就不知道flash是怎样搜索,不过经过三次像老实询问我终于懂得一些关于代码的搜索。在搜集资料的过程之中我发现了自己的许多不足之处,最关键就是平时对知识的掌握不够,连最基本的资料搜寻都觉得困难。也是我平时不够认真和努力的表现。通过这次的教训在以后我一定会做得更好,争取不范类似错误。

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

  三、网页制作,这便进入我该次的主题了具体制作流程如下。

  在我打开Dremweaver后第一步便是新建站点,我把我的站点建立在F仪下面。并将我搜集的全部资料都保存在其文件夹中,以便网页制作时可以方便的使用。

  设计主页及二级页面。

  在主页我设首页制作时,时刻考虑着网页的基本原则:统一,连贯,分割,对比及和谐的原则,内容统一,都是为了主题服务,美容美体,一个网站强调的就是一个整体,只有围绕一个统一的目标所做的设计才是成功的;连贯,页面之间关系连贯,统成一体;每版内容都自成一体,颜色各异,便于浏览;整个网页有动有静,色彩呼应,搭配协调,不呆板,富有生气;颜色各异,但又不同之中又相同,浑然一体。而且制作过程中,不忘以下原则:

  简洁实用: 这是非常重要的,网络特殊环境下,尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的,所以要去掉所有的冗余的东西。使用方便:同第一个是相一致的,满足使用者的要求,网页做得越适合使用,就越显示出其功能美;页面用色协调,布局符合形式美的要求: 布局有条理,充分利用美的形式,是网页富有可欣赏性,提高档次。当然雅俗共赏是人人都追求的。

  交互式强: 发挥网络的优势,是每个使用者都参与到其中来,这样的设计才能算成功的设计。这样的网页才算真正的美的设计。每个子页都设有上导航栏,便于浏览和跳转。3个二级网页制作时,使用的是表格,每一个页面都用表格为它布局好,然后在插入图片文字及其他,这样有一定的规划性,体现了连贯统一性,不同的内容根据各自的特色建立了不同的表格,突出各自的主题,增强了对比性。在做这些网页的时候我就进行了如上所述的方法。但我所以网页的背景颜色及主题颜色都是相同的以便突出我每一个网页都是为凸显我主题而服务。

  实现网页间的链接。

  我的链接按钮主要有四个“时尚首页、时尚衣秀、推荐产品、潮流信息”它分别链接到我所做的四个网页。链接的过程其实很简单,主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。

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

  在这一阶段我遇到了许多的问题,主要是我在主页插入我的flash的时候,开是我将带码粘贴到我的网页上可是在浏览网页的时候flash却不能够显示。最后我向老师的请教后终于在老师的帮助下我成功的在我的主页插入了flash。而在其它的二级网页我主页插入的是一些gif格式的动态图片。

  在做完网站才发现,怎么所有的图片素材并不是在一个文件夹中,而有许多的子文件夹,从网上下载的网页全都是一个网页对应一个文件夹。制作过程中,才发现,原来自己懂的太少了,好多不知道的地方,才赶紧查书,开始的时候只是会建立模版,可不会应用。而对于动态flash的插入我更是问题多多,开始是我对代码基本上是不懂,这就是自己学校上的问题,当真正开始运用的时候在向老师提问。

  这只是在制作过程中出现一些问题,其它问题也是类似相同。现在想想,自己所会的东西太少了,现在做的网站只是一些简单的静态的网站,看到了一些知名的网站开发出的网页,不仅栏目内容丰富,信息量大,而且页面图文并茂,五彩缤纷,使得网民赞叹不已,流连忘返。从我做的网页来看可以反映出学习的还不够,缺点疏漏。需在加以刻苦钻研及学习,不断开拓视野,增强自己的实践操作技能,为以后能做出出色的网页而努力。同时我也希望能够有更多的类似动手练习,让我们在实践之中来学习知识。因为我觉得实践不仅能够提高我们的学习兴趣它更能够提高我们的动手能力增强我们的技术性。

  网页设计实践报告 篇3

  一实验目的

  1、学习HTML语言和dreamweaver,FrontPage等工具。

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

  二实验过程

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

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

  3、打开Dremweaver后第一步便是新建站点。

  4、设计主页及二级页面。

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

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

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

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

  网页设计实践报告 篇4

  一实验目的

  1.学习html语言和dreamweaver,frontpage等工具

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

  二实验的方法和原理

  三实验过程

  1.资料的搜集。

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

  2.熟悉制作软件。

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

  3.构建站点框架。

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

  4设计主页及二级页面。

  5实现网页间的链接

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

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

  四实验心得

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

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

  网页设计实践报告

  今年暑假我留在学校,与学校冰点工作室的几位成员一起为外面一家小公司做一个关于武汉咨询方面的网站。我贯穿在整个过程,从客户前期的接洽,到网站后期的维护,在这个过程中我学到了很多在学校很难学到东西。 对于网站的制作流程也有了整体的把握

  筹划期:

  一个成功的个人网站,先期的准备工作是很重要的,好的开始等于成功的一半。在这一阶段有两个主要的问题需要考虑站点的定位:主题的选择对今后的发展方向有决定性的影响,考虑好做什么内容就要努力做出特色。20xx网页设计实践报告

  第四、界面清爽:要吸引访问者长时间的停留在你的网站,千万不能让用户第一眼就感觉压抑。大量的文字内容要使用舒服的背景色,前景文字和背景之间要对比鲜明,这样访问者浏览时眼睛才不致疲劳。适当的留白可以让界面更清爽;

  第五、坚持原创:刚开始学做主页时,适当模仿别人的优秀设计是可取的,但(建筑社会实践报告20xx)模仿绝不等同于抄袭,一定要把握好其中的尺度。设计是这样,内容的选取也是如此,多一些原创的内容,你的主页才会带有更多的个性色彩;

  2、技术运用中要注意的一些事项:

  第一、明确技术是为设计服务的,不要沉迷于技术的运用,坚决摒弃那些华而不实的特效;

  第二、先为站点定义好统一的外部css,内部页面都调用这个css,这样不但可以让你的网页在浏览器改变设置时不变形,还有助于保持整个站点的风格统一,并且方便修改;

  第三、不要打开过多的新窗口,每个链接都会打开不同的新窗口尤其让人反感;

  第四、图象的制作要兼顾大小和美观,图片和文字的混排、图片的合理压缩可以让页面美观而且文件小巧。即使是个性十足的设计站点,浪费太多的时间在页面下载上也会令人生厌;

  至于后期的维护和网站的宣传,那就要考虑到网站投入的费用了!

  网页设计实践报告 篇5

  一、实践目的

  通过网页设计理论联系实际操作,巩固所学的知识,提高处理实际问题的能力。充分学习网页设计实践中的操作理论,提高自己网页设计水平,并为能顺利与社会环境接轨做准备。

  二、实践任务

  学习网页设计实际问题处理方法及常规网页设计内容(网页设计切片、数据库的搭建、新闻管理、留言管理、网页设计在线编辑器等),网页设计后台管理方面的知识应用,及利用所学知识管理和编辑网站,并从实际出发,简单了解关于网站安全性问题的实际解决措施(md5密码加密等网页设计知识)。

  三、实践时间

  20xx年xx月xx日——20xx年xx月xx日。

  四、实践地点

  xx。

  五、实践内容

  按照老师的安排,我制定了相应的实践计划,并记录了相关的实训内容,以备后鉴,且完成实训作业及实践心得。注重在实践阶段对所学知识的巩固和提高,以达到根据理论知识,指导日后工作实践的目的。其主要网页设计实践具体内容情况报告如下:

  1、收集网站所需信息。

  2、运用PHOTOSHOP处理的网页设计所需图片。处理图片要保持图片不失真,并按照网页设计需求设计所需的`效果。

  3、对所完成的网页页面进行合理的切片处理,并按照网页设计效果完成网站整体框架的构建。

  4、搭建网站所需数据库。

  5、网站的虚拟建设和初步完善。

  六、实践体会

  大学生活让我对计算机理论知识有了一定的了解,但实际操作领域依旧是一片空白。纸上得来终觉浅,绝知此事要躬行。经过网页实训课的实践,让我对自己有了新的认识,并明确了网页设计方面的前进方向。

  1、继续学习,不断提升理论素养。在信息时代,学习是不断地汲取新信息,获得事业进步的动力。现在通过实践总感觉自己学的不够,要用到知识时总感觉脑袋总是空白。实践后让我明白,为了能更好的适应工作,不得不利用自己空闲时间去弥补学习中的不足。实训内容是与自己所学专业有密切联系的,所以自己在这方面格外侧重,希望能够加强自己的专业知识。

  2、加强信心,坚持下去。上学的时候大家都说“能珍惜现在的日子就好好珍惜!”,等工作了才真正的领悟这句话的涵义。经历这次实践后,就希望能把实践所学习的知识,也能运用到课堂上。对自己多一点信心,多给自己点赞赏,多给自己鼓鼓劲,相信自己总会走出一条宽敞大道。

  实践,是开端也是结束。在书本上学过很多理论,但从未付诸实践过,也许等到真正运用时,才会体会到难度有多大。在今后的工作和生活中,自己需要更加努力的奋斗下去。

  实践的同时也让我了解到了自己的不足,我会继续努力,完善自我。对于学校的精心安排和指导老师的用心辅导非常感谢。

  最后谈谈我个人对自身的职业之路规划。当然这些还不够成熟,仅仅是这一个学期的实践带给我的一点想法,今后我会结合学习生活进一步修正。首先是个人学习,通过实践我认识到利用课堂外的时间也是关键,下一步打算结合自己的兴趣,利用课余时间自我培训;其次是社会实践,初步打算是利用假期等时间充分工作,以提高自身实际工作能力为目的,毕竟“想”和“做”是不一样的,这次实践中我也认识到了这点,平时觉得自己能够胜任的简单事情,当真正动手做时却总不是那么简单了;最后,打算结合个人的兴趣、价值观、能力、职业发展倾向做个详细的职业发展规划。

  总体来说,这次网页设计毕业实践,让我受益匪浅,以上是我的实践心得与体会,不足之处望得到指正。

【网页设计实践报告】相关文章:

网页设计实践报告12-16

网页设计实习报告02-18

设计实践报告02-14

网页设计实习报告14篇02-21

网页设计工作实习报告06-18

网页设计实习报告汇编六篇04-17

网页设计的实习报告集锦5篇05-29

网页设计的实习报告汇编九篇05-14

设计专业的实践报告11-23

设计调研实践报告12-20