《网页设计的实验报告心得汇编四篇》
网页设计的实验报告心得(通用4篇)
网页设计的实验报告心得 篇1
网页设计的本质是为用户的体验服务,网页设计的具体设计实践活动主要包括交互和视觉两个部分,交互的重要程度决定了匹配对应的视觉效果。下面是小编整理的网页课程设计报告书,希望对你有帮助。
网页设计作为高校设计学专业的专业课程,在教学课程知识体系的不断探索和完善中,形成了以艺术和技术分别主导的侧重不同而又紧密关联的两种课程知识体系。随着网页设计理论与方法研究的不断深入和发展,人们对网页的产品设计的属性认知越来越明确,对网页设计的工作分工更细致也更专业,这种认知进步也应该体现于当前的高校网页设计课程的知识构建体系中。
1.从代码知识到网页制作工具知识的转变
早期,高校网页类课程的知识体系构建得益于院校的科研优势,互联网的发展直接促成了计算机专业的开设和网页设计课程的设立。20世纪90年代末,网页设计课程陆陆续续被列入部分高校设计类专业课程目录。面向高校学生的网页设计课程内容是一种全新的事物,即使面向艺术类专业,也由计算机专业相关教师承担教学任务。各高校、科研院所对网页制作方法不断探索,并将成果发布于各种学术研究出版物,教学方面则直接引用案例教学,教学内容以HTML知识为主。由于面向对象的设计思想在软件开发中普及,各种不需要用户直接面对代码的网页制作工具相继诞生,于是,这方面的知识成为课堂的新内容,大大减轻了学生的记忆负担。2.网页制作向网页美工的转变网站制作的快速发展、网页制作技术的传播,使网站在技术层面进入了同质化阶段,市场需求开始转向页面视觉效果方面的提升。在网页设计课程中,由于对网页设计分工认知不足,早期的网页设计课程时常将设计和制作的名称与授课内容混用,没有严格区分,也没有明确的网页前端设计与视觉设计分工。高校网页设计课程的授课内容以网页制作技术为主,以美化页面效果为辅。此时,高校对于网页设计课程的视觉设计方面的专业教学研究处于摸索阶段。之后,随着时代的发展,网页设计课程教学核心开始转变为制作具有更佳视觉效果的网页。3.网页视觉设计与网页前端设计的内容分离侧重于设计的网页设计课程知识体系重构从探索、发展到成熟,经历了较长的准备阶段。随着界面设计方法和流程理论体系的日益完善,分工协作机制日趋成熟,前端设计分离后,网页设计课程的重心确定为符合网页制作技术规范和条件的页面创意表达、视觉效果设计与优化。网页视觉设计的探索从传统的平面设计方法寻找切入点,通过对网页设计中的审美需求和各种视觉构成要素(如文字、图片、颜色等)进行分析,结合人们在浏览信息时的视觉习惯,探索网页视觉信息如何被更有效、更合理地表达。网页设计教学重心内容在转移到视觉设计之后,该阶段还未意识到网页交互设计的核心地位。
网页设计的本质是用户的体验设计。网站作为互联网非可触形态的产品,对其认知的构建包含产品属性认知与服务属性认知两个层面的内容。1.网页设计是一种产品设计设计是一门交叉学科,网页本身也是一种产品。网页设计最初被视作平面领域的设计,而链接交互是网页设计有别于平面设计的基本特征。网页设计存在交互性,使其具有交互设计可用性与易用性体验的内在要求,适用于工业产品的基本设计流程。2.网页设计是一种服务设计服务设计层面,各种网页交互体验、视听信息、线上内容服务与线下互动等,是网站向用户提供服务的设计组成部分。作为一种广义的产品形态,网页设计与传统的实物形态的工业产品设计有一定区别,更倾向于体验的系统化设计。随着互联网向物联网的可用技术研究与拓展,基于智能化网络的服务设计将成为跨越线上线下的主流设计形态。3.网页页面信息设计是关系网页设计品质的深度设计网页设计作为一种信息量庞大的互联网单元,从工效学角度来看,网站信息本身也担负着面对用户、有效传递信息的功能和任务,在具体的设计活动中,表现为对信息的设计。信息设计具有多学科交叉性、空间多维性、时间流动性等基本特征,信息设计的目的是为了提高信息的可理解度和可阅读性。优质的网页信息设计可以降低用户获取信息的时间和精力成本,提升页面信息获取体验。
网页设计的本质是对体验的设计,即以用户为核心思考设计方案,研究用户在访问网站时的需求是网页课程设计任务的基本出发点。课程内容模块应该以回答网页设计是什么、怎么设计、为什么这样设计三个问题为主线,构建网页设计课程的知识体系。1.课程的基本目标掌握网站项目与网页制作的基本设计流程,培养设计项目管理和组织能力;掌握用户需求研究分析的基本方法,对用户体验和需求研究有较为敏锐的洞察力;掌握网站交互原型相关的设计方法与工具;掌握网页视觉设计方法和设计规范;了解目前网页前端设计的相关技术和工具。2.知识体系与模块组成(1)设计方法教学内容模块设计方法教学内容模块主要为了解决面对具体问题时设计师怎样展开分析研究工作并确定设计执行方案。网页设计方法主要分为项目流程设计与管理、网站策划方法与规范、用户体验研究、交互原型设计方法等,让学生通过贯穿整个课堂教学的项目流程设计和每个流程的具体设计方法的实践,掌握基本的设计理论。(2)软件工具教学内容模块软件工具教学内容在形式方面包括课堂内的指导和课堂外的自学两个部分。鉴于设计软件的频繁更新和新的设计软件不断涌现,教师必须培养学生自学工具的主动意识以适应社会需求。在工具种类方面,包括图形处理工具、交互原型工具和代码工具三类。第一类是图形处理工具,其中常见的Photoshop、Illustrator等图形设计软件,已经在前置课程中基本完成学习。第二类是交互原型制作工具,常见的工具有墨刀、Axure等。第三类是代码编辑工具,选择较多,作为对网页前端知识的入门介绍部分,在本课程中以介绍为主。(3)设计经验教学内容模块设计经验教学以启发式案例实践为主,按照网站项目设计的流程需要,设定不同层次、不同要求的设计实践任务作为课程结课的考核内容。学生通过案例的练习能从优秀作品中学到设计经验,从具体的案例模仿中获得设计的成就感。网页设计课程案例教学同时也是对网页设计方法的实践验证,有助于学生对网页设计方法的理解和体会。结语任何一种技术变革,都可能让网页设计出现新的艺术形态,前端依然是课程必须了解的知识。目前,就设计艺术角度而言,网页设计课程的内容以交互和视觉设计为基础,在信息设计层面也有较大的提升空间,设计途径也已经拓展到用户的视觉、行为、声音和逻辑等方面。网页设计课程的知识体系构建必须以产品的视角,让学生更深刻、更完整地理解用户模式下的网页设计艺术。
网页设计的实验报告心得 篇2
一 实验过程
1.资料的搜集。
2.熟悉制作软件。
3.构建站点框架。
打开dremweaver后第一步便是新建站点
4设计主页及二级页面。
5实现网页间的链接
链接的过程其实很简单,主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。
6向静太网页插入动态效果
具体情况如下:
通过这半年的学习实践中 和老师的指导下以大量明晰的操作步骤和典型的应用实例,教会我们。使更丰富全面的软件技术和应用技巧,使我们真正对所学的软件融会贯通。所以我结合所学专业的内容制作了个人网站,作为实习的成果。其内容是多样化的。制作网页用的软件是dreamweaver , banner软件。dreamweaver大大加速了网络时代电子交易应用中的项目交付。它提供了网页和表单的动态生成到企业级的解决方案,如电子商店,库存管理系统和企业内部局域网的数据库应用等功能。例如,网页上很流行的阴影和立体按纽等效果,只需单击一下就可以制作完成。当然,其最方便之处是,它可以将图象切割,图象映射,悬停按纽,图象翻转等效果直接生成html代码,或者嵌入到现有的网页中,或者作为单独的网页出现。主图是一个网页的门面,它能体现出这个网页的整体风格。
制作网页,首先是确定主题,经过再三考虑,就做了个关于中国的网站,平时也总是浏览类似的网站,对这些还有些了解,于是确定主题,做一些类似的网站,但考虑到,现在网络上好多类似的网站,但有些内容不适合我们大学生阅读,对于我们来说有点不实际,根据这种情况,最后决定建立一个简单的中国介绍和相关的事迹网站,专门介绍一些即使用,又便宜的小秘笈。于是网站主题确立。
然后是整体规划,每一版块都有其个性的色彩,清晰明了,便于阅读浏览,大致分几部分,中国简介,中国历史,用户登录注册页面留言,再加入个别网站等,每一部分又分几小部分,内容比较充分,多样。
再后是收集资料与素材,大量浏览相关网站,收集关于中国的一些事迹历史图片,好的文章和图片等,还有参考一些好的网站的布局,特色,颜色搭配,背景图等。
再后是设计网页图片,用flash制作网页的banner。
再后是建立站点,站点分布如下:
再后是制作网页了,使用dreamweaver制作。
首页内容精彩丰富,简洁明快,语言风趣,通俗易懂。页面可爱清爽。首页主要是导航作用。首页制作时,时刻考虑着网页的基本原则:统一,连贯,分割,对比及和谐的原则,内容统一,都是为了主题服务,一个网站强调的就是一个整体,只有围绕一个统一的目标所做的设计才是成功的;连贯,页面之间关系连贯,统成一体;每版内容都自成一体,颜色各异,便于浏览;整个网页有动有静,颜色不同,形成对比,不呆板,富有生气;颜色各异,但又不同之中又相同,浑然一体。而且制作过程中,不忘以下原则:
简洁实用: 这是非常重要的,网络特殊环境下,尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的,所以要去掉所有的冗余的东西。使用方便:同第一个是相一致的,满足使用者的要求,网页做得越适合使用,就越显示出其功能美;页面用色协调,布局符合形式美的要求: 布局有条理,充分利用美的形式,是网页富有可欣赏性,提高档次。当然雅俗共赏是人人都追求的。
利用我们所学的框架集,制作更完美的页面。将动态网页与静态网页结合起来
再后,调试过程,好多次本来在dream里好好的,把字调的好好的,位置很对,可在浏览器里御览就出毛病了,不是靠上了,就是靠下了,很不老实,经过再三调试,整理,加了好多表格,终于满意了,很是麻烦,想请问老师,为什么会出现这种情况啊,还有怎么解决啊,不用这么反复调整的办法,还有什么好办法啊?
还有,在最超链接过程中,明明在页面属性里设置的是超链接的文字是原色,点击链接后也是原色,可一链接上就变色了,想了老半天,也做了很多研究,实验,终于知道怎么回事了,原来应该对文字所在的单元格整体做链接,而不是只选中文字做链接。
还有,这次的网站大部分用的是表格,层用的很少,因为它太灵活了,不好控制,用的很少。
再后,是网页的上传与发布,用ftp将制作好的网站上传
制作过程中,才发现,原来自己懂的太少了,好多不知道的地方,才赶紧查书,开始的时候只是会建立模版,可不会应用,操作,可这样要修改模版可就麻烦了,要一个网页一个的修改,于是赶紧上网学习相关内容,阅览书籍,最后才知道文件这有个资源,点击
进入资源面板,点击到数第二个的模版,选项,所有模版就都显示了,点击资源面板左下角的应用命令,好了,这个模版就应用到你建立的网页中去了。
这只是在制作过程中出现的问题之一,其它问题也是类似相同。现在想想,自己所会的东西太少了,现在做的网站只是一些简单的网站,看到了一些知名的网站开发出的网页,不仅栏目内容丰富,信息量大,而且页面图文并茂,五彩缤纷,使得网民赞叹不已,流连忘返。以我们的经验,当前的软件的功能日趋复杂,不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够,缺点疏漏。需在加以刻苦钻研及学习,不断开拓视野,增强自己的实践操作技能,为以后能做出出色的网页而努力。
同学告诉我,要做好网页,一定要学从c++,java,php,asp,数据库。以后要学的实在是太多了,而且我也很喜欢这方面,在以后的日子里,会努力填充自己,丰富自己的。希望以后有不懂的地方,老师能多多指点。
二 实验心得
在internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在internet应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。
对于现在的社会,科技的飞速发展已经成为社会发展的标志。其中计算机的发展可谓快中之快,而在计算机的发展中计算机网络的发展又是首当其冲的。计算机网络从为我们所知,到现在才经历的短短的几年时间,在这几年中随着计算机网络的广泛应用,特别是internet的普及和发展,网络已经成为了不可或缺的通信手段。不论是最新的新闻信息、新产品的出台、新游戏的发布、最新的各种it动态,包括等候就业人才的个人简历,我们都是可以通过网络来获得。但是什么为这所有的一切提供平台的呢。我们又是通过什么来获取这些消息的呢对就是网页。现如今,数以万计的网站以网页的方式提供了丰富、精彩的信息。在人类社会进入信息时代的时候,在网络成为通信的主要手段的时候,在计算机网络普及的今天,网页也在它自己的岗位上做出了突出的贡献。网页是我们在网络上的代言人。我们将什么样的信息传达给浏览者,要讲述什么样的事情,网页在这里起着重要的作用。
企业网站在企业的网络营销当中占有及其重要的地位,只要是涉及网络宣传的企业,都应该建立属于自己的个性企业网站。他不仅能够让企业在网络上展示自己的产品,促进实际销售的增长,更能够通过一根网线,向目标客户展示企业自身的形象。
对于企业网站设计的观点,偏重网站的形象设计,即在功能务实、体系完善的情况下,重点结合企业理念打造网站的形象。logo就能很好的表现企业的形象。企业标志(logo)是指用于代表企业形象的独特的、有意义的图案,是企业形象识别当中最核心的环节,可用于与企业形象相关的所有环节。由于企业标志所处的特殊地位,决定了其不能够随意更换,因此能否设计一个有内涵、有文化、便于识别的标志,并建立相关的应用系统,关乎到企业长远的发展,不容小视。
建设网站的一般过程包括:前期内容确立、网站架构搭建、创意策划、设计、网站建设。网站的功能版块一般分为首页(含引导页)、新闻部分、产品部分、信息交流部分、定制系统、零散页面等。根据不同的企业需求,各网站的功能版块数量、布局、结构各异。
(一) 页面的设计方面
网页设计跟学习别的'东西一样,也需要兴趣,所谓的兴趣也不是三分钟热度,是一种执著。
页设计需要耐心,如果没有耐心,就学不好网页设计,应为当你碰到一个问题时,如果不能立刻得到问题的答案,你可能需要很长时间去解决,我就碰到过一个问题,用了很长时间才解决。
页设计需要坚持,坚持不断的学习,因为设计网页的软件在不断的更新,因此我们要不断的学习
并且页设计不要掉入技术的陷阱,如果你的网页设计技术一流,并且对软件的掌握程度已经达到一定水平,但是你设计的网页确不堪目睹,这是因为网页设计是介于平面设计和编程技术两者之间的边缘科学.不仅涉及到美学,心理学,平面构成,色彩搭配等平面设计的方面的知识,还涉及到html,javascript,css,asp,php等编程语言技术方面的知识.只有综合运用多种知识,才能设计出视听特效,动感十足,富于个性的web页面,才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能.
并且我认为网页设计应该注重实用性,因为它是让人浏览的,是用户可以抚摸,可以评论,可以交互的。因此我提倡简单的美。
(二)网页视觉效果
视觉形象识别即我们通常所说的vi(visualidentity),与bi一起用于深化表现企业理念,同时也受到bi的影响。所谓视觉形象识别,就是指能够被目标客户通过视觉来认知与企业相关的一切事物,从最基础的企业标志、吉祥物、标准色到企业日常业务中的信纸、服装、名片等等,在将其系统化以后就形成了企业的视觉形象识别系统。
视觉形象识别系统在整套cis中处于最表层的位置,其中所有的设计都将与目标客户发生直接的接触。
(三)网页的整体布局和导航
网页的布局通常指的是网页的整体架构,说的通俗一点就是排版。如何突出最重要的内容,即让用户第一眼就看到这个网页所想要传达的信息。这一点至关重要。在大多数做的比较成功的网页中,一个共同的特点就是网页的整体架构十分的清晰明了,便于用户浏览
网页布局大致可分为国字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、flash型、变化型
网页布局是主要考虑以下几点:
1、首先要考虑整个网页的长和宽,以及长度和宽度之间的比例。
2、其次就应该考虑导航条的设置了。
3、正文的框架设置(横向因素和纵向因素交错)
(四)网页中文字、图像
图象我利用网上搜索和自己所学过的banner进行处理,这样做起来节约了很多时间。。
(五)网页制作过程中的其他注意事项
不要过于注重色彩的灿烂,只要简单就行。我们最终追求的主要是实用价值。
通过这次实习,在制作时想想使自己的网页更加丰富多彩,在网页中插入图象,动画,动态特效。可是总遇到这样那样的问题,但在同学的帮助和自己摸索的情况下完成了这个实习的成果。看到了一些知名的网站开发出的网页,不仅栏目内容丰富,信息量大,而且页面图文并茂,五彩缤纷,使得网民赞叹不已,流连忘返。以我们的经验,当前的软件的功能日趋复杂,不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够,缺点疏漏。虚在加以刻苦钻研及学习,不断开拓视野,增强自己的实践操作技能,为以后能做出出色的网页而努力。
近一个星期的实训将要结束,其中的酸甜苦辣我会在今后的日子里不断地去咀嚼,去回味,去探索。从制作网页过程中,我学到了新的美化网页的方法,运用了更多以前未运用的技巧。这使我学到了更多的知识,并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历,将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少,我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养,锻炼和提高。
网页设计的实验报告心得 篇3
在经济迅速发展的今天,Internet显得更为重要它是人们发布信息与传递信息的重要渠道,为了与社会发展同步,为了让我们成为真正的技术性人才。学校在本周为我们安排了维持一周的网页制作专用周是实习,让我们把平时所学知识运用到实践中做到真正的学以致用而不只是纸上谈兵。通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足,下面就谈谈我在本次专用周的主要感受。
一、网站整体规划,要做网页的第一步便是做网站的整体规划。这主要包括四个方面的内容
1。讨论网站的主题。
网站整体规划是做网页的第一步也是制作网页最关键的一步它决定了你要表答的信息,因此我选择了我选择我最喜爱的服饰来为它做网页。在平时我也对服装的网页比较关心,无论是淘宝网上的衣店还是各种品牌装。这次我是为“易菲”服饰做的网页。
2。定位网站的CI形象。
“易菲”植根中国文化之精髓,汲取自然禀赋之灵性,形成一个既有浓厚文化底蕴,又有现代自然人文气息的特色品牌。“易”即是容,是包容,是宽容,是五千年中华民族的文化精髓,是厚德载物,是对人性宽度的一种拓展。“菲”通非,是生机、是个性、是春意盎然、是自强不息,是对人性深度的一种挖掘。“生活如花,自在快乐”是YIFINI易菲的设计理念,倡导一种与自然和谐相处,如花儿绽放般美好舒适、自在快乐的生活方式。这也便是我网站的CI形象。
3。确定栏目和板块。
于时间的关系在本次我准备做四张网页:一张主页三张二级页面。分别设计了“时尚首页、时尚衣秀、推荐产品、潮流信息”等四个栏目。在这四张页面中我打算都用淡蓝色做背景颜色来映衬我网页的主打色绿色。
4。网站的整体风格和创意。
整个网站的创意就在于颜色的搭配,与各种图片的搭配,它们相互辉映,相互衬托。以便达到表现其品牌的和谐之美、自然之美。我踩用淡蓝色和绿色为我网站的主打色主要是因为我的产品特性。在设计上,YIEINI易菲推崇“自然美”,将带表女性气质的花卉和自然元素融入设计之中,充分体现设计师和顾客所追求的一种洒脱、舒适的生活氛围,力求表现悠闲、舒畅、自然的生活情趣。因此我用天空与自然的颜色来表达这张自然之美、和谐之美。
二、网页制作的前期策划与准备,在本阶级主要有两方面的工作
1。资料的搜集。
在做网页我上网收集了许多方面的资料主要是有关网站的布局与服饰品牌方面的资料,我首先进它的企业网站找了一些关于“易菲”服饰的图片主要是一些代言形象还有代表其企业形象的图片。其次我去浏览了许多的网页观察其网页的布局、颜色搭配、栏目、板块等方面的内容,同时也搜集了一些对我有用的资料。在搜索资料最困难的便是动态图片的搜集,动态图片其gif格式的还是好保存,但是要搜集flash动态图片就相对较难了。我用了一天的时间来搜集我的flash都不太成功,不过还搜到了可以换自己图片的代码。在开始时我根本就不知道flash是怎样搜索,不过经过三次像老实询问我终于懂得一些关于代码的搜索。在搜集资料的过程之中我发现了自己的许多不足之处,最关键就是平时对知识的掌握不够,连最基本的资料搜寻都觉得困难。也是我平时不够认真和努力的表现。通过这次的教训在以后我一定会做得更好,争取不范类似错误。
2。熟悉制作软件。
做网页主要用的工具便是Dremweaver、Photoshop、Flash软件。在这些软件我对Dremweaver、Photoshop相对比较熟悉,因为在平时上课是老师带领我们运用过。所以我还可以正常的运用,但是出现的问题还是有很多。有很多不懂如何操作,只有通过在次去看书才能够了解,这也体现了我学习方面的缺点,它是我平时不够认真的具体表现。
三、网页制作,这便进入我该次的主题了具体制作流程如下
1。构建站点框架。
在我打开Dremweaver后第一步便是新建站点,我把我的站点建立在F仪下面。并将我搜集的全部资料都保存在其文件夹中,以便网页制作时可以方便的使用。
2。设计主页及二级页面。
在主页我设首页制作时,时刻考虑着网页的基本原则:统一,连贯,分割,对比及和谐的原则,内容统一,都是为了主题服务,美容美体,一个网站强调的就是一个整体,只有围绕一个统一的目标所做的设计才是成功的;连贯,页面之间关系连贯,统成一体;每版内容都自成一体,颜色各异,便于浏览;整个网页有动有静,色彩呼应,搭配协调,不呆板,富有生气;颜色各异,但又不同之中又相同,浑然一体。
而且制作过程中,不忘以下原则:
简洁实用:这是非常重要的,网络特殊环境下,尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的,所以要去掉所有的冗余的东西。使用方便:同第一个是相一致的,满足使用者的要求,网页做得越适合使用,就越显示出其功能美;页面用色协调,布局符合形式美的要求:布局有条理,充分利用美的形式,是网页富有可欣赏性,提高档次。当然雅俗共赏是人人都追求的。
交互式强:发挥网络的优势,是每个使用者都参与到其中来,这样的设计才能算成功的设计。这样的网页才算真正的美的设计。每个子页都设有上导航栏,便于浏览和跳转。3个二级网页制作时,使用的是表格,每一个页面都用表格为它布局好,然后在插入图片文字及其他,这样有一定的规划性,体现了连贯统一性,不同的内容根据各自的特色建立了不同的表格,突出各自的主题,增强了对比性。在做这些网页的时候我就进行了如上所述的方法。但我所以网页的背景颜色及主题颜色都是相同的以便突出我每一个网页都是为凸显我主题而服务。
3。实现网页间的链接。
我的链接按钮主要有四个“时尚首页、时尚衣秀、推荐产品、潮流信息”它分别链接到我所做的四个网页。链接的过程其实很简单,主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。
4。向静太网页插入动态效果。
在这一阶段我遇到了许多的问题,主要是我在主页插入我的flash的时候,开是我将带码粘贴到我的网页上可是在浏览网页的时候flash却不能够显示。最后我向老师的请教后终于在老师的帮助下我成功的在我的主页插入了flash。而在其它的二级网页我主页插入的是一些gif格式的动态图片。
四、网页的调试
在做完网站才发现,怎么所有的图片素材并不是在一个文件夹中,而有许多的子文件夹,从网上下载的网页全都是一个网页对应一个文件夹。制作过程中,才发现,原来自己懂的太少了,好多不知道的地方,才赶紧查书,开始的时候只是会建立模版,可不会应用。而对于动态flash的插入我更是问题多多,开始是我对代码基本上是不懂,这就是自己学校上的问题,当真正开始运用的时候在向老师提问。
这只是在制作过程中出现一些问题,其它问题也是类似相同。现在想想,自己所会的东西太少了,现在做的网站只是一些简单的静态的网站,看到了一些知名的网站开发出的网页,不仅栏目内容丰富,信息量大,而且页面图文并茂,五彩缤纷,使得网民赞叹不已,流连忘返。从我做的网页来看可以反映出学习的还不够,缺点疏漏。需在加以刻苦钻研及学习,不断开拓视野,增强自己的实践操作技能,为以后能做出出色的网页而努力。同时我也希望能够有更多的类似动手练习,让我们在实践之中来学习知识。因为我觉得实践不仅能够提高我们的学习兴趣它更能够提高我们的动手能力增强我们的技术性。
网页设计的实验报告心得 篇4
作为一个以前从来没有接触过互联网产品设计的菜鸟级产品设计人员,在没有人指导,只能自己摸索的情况下设计出并和技术与美工培训和将网站做出来,其中的艰辛只能自己体会。不过,虽然过程艰辛,但自己的收获颇大。一直以来希望能够转型做互联网的产品,但总是没有机会。这次公司网站的策划及设计给了自己很好的学习和实践机会。在这断断续续的七个月中,自己对于网站的策划和设计有了一定的认识,也通过实践的对照,对过去自己看过的产品设计和产品经理书籍中的理论有了更加深刻的理解。
在此,将在网站设计过程中的一些心得总结如下。虽然对于已经身为产品经理的人可能没有用处。但,我想,可能对于那些想要入行,或者希望在自己的公司内部转入产品行业的人来说,可能多少有一点点用。
* 要注意网站的定位
任何一个公司或单位,要设计一个网站,都必然有其核心定位,即这个网站设计出来要干什么。这一点对网站的设计具有决定性的影响。如果不能将网站的定位把握好,作为一个设计人员,其工作往往会是无功而返。因此,在网站策划阶段,产品设计人员必须多和上层沟通,甚至多和领导争辩,通过沟通和争辩来明晰公司对网站的定位。同时,也可以让领导对网站的定位更加明晰。只有完成了这一项,其余的策划和设计工作才应该继续进行。
* 要了解用户
产品经理或产品设计人员很容易将自己作为用户来判断产品的功能或体验是否好用,但现实的情况是大部分用户很可能与产品经理所属的人群差距很大。比如,在网站设计过程中,发现本网站的使用人群中 竟然有不知道如何注册网站的人,这这真是出乎意料。但这就是现实。所以,在产品设计的过程中,不能以自己为中心,把自己当做用户。事实上,很多用户的互联网水平真得没有达到我们的水平。
* 明确、牢记目的和需求
网站的定位明确后,接下来要明确的是网站设计的目的和要满足的需求。即:网站整体设计完成要达成什么目的,每个模块设计完成要达成什么目的。从另一个层面来讲,也就是,网站整体要满足用户什么需求,每个模块又要满足用户什么需求。同时,在网站的设计过程中,要一直将目的和需求牢记心中,不断地对照当前的设计是否能够达到目的或满足用户需求。在设计过程中不断修改不断调整最终导致偏离目的和需求的情况屡见不鲜。
* 保持简洁
为什么要简洁?因为,无论是设计一个网站,还是设计一个其他的产品,都不可能一步到位。尤其在人力物力时间等资源有限的情况下,更是不可能一次性满足所需求,达成所有目的。因此,在这种情况下,为了确保核心目标和需求的达成,只能也必须优先保证核心功能的完成,只上核心模块或功能。同时,在产品设计的过程中,也要不断地向同事和领导灌输这种意识。否则,需求无止境,网站永远难以完成上线。
* 注意细节
这次的网站设计师自己第一次设计网站。因此,在设计网站的过程中自然而然地非常关注网站的整个架构,什么模块放什么地方,模块之间如何相互联系等等。但网站最终出来的结果展示了残忍的一面。由于在细节上把握不够,网站的设计和实现结果和想象中出入很大,甚至一些格式、排版上的问题都出现在了网站的各个地方。自然,最终的结果就是网站成品与原始设计相差甚远。因此,在产品设计的过程中,作为设计人员,一定不能小看细节。一定要将细节想细致,没有细节饿网站很容易出问题。
* 注重逻辑性
网站的设计过程中,必须要注意逻辑判断。对于输入信息或注册流程中的每一个环节的每一种状态都要考虑到。举一个最简单的例子,一个输入框输入数据,有正确的输入、必然有错误的输入,也必然有空输入。那么,每种状态下系统都要考虑到,也都要有相应的反应。
* 流程图很重要。
说到逻辑性,就不能不谈流程图。作为梳理逻辑的工具,流程图非常重要。它不但可以帮助我们梳理每隔一环节的不同状态,更可以帮助我们和技术进行沟通,确保技术对核心流程的把握。虽然每个技术的逻辑能力都不错,但在编程的过程中不可能次次帮我们想到逻辑的不合理处。因此,一个合格的流程图就非常重要了。
* 没想清楚的事情不错
即使是一个非常小的网站,也是一个系统,如果需要添加功能或模块,就需要考虑到方方面面的变动,是一个比较复杂的过程。而若是一个较大的网站,那需要考虑的方面就更多了。因此,在设计过程中要本着一个原则:如果一个功能或模块没有想清楚为什么添加,有什么用处,那就不要无谓地添加这类功能或模块。除了增加技术人员和设计人员的工作量、增加网站的复杂程度外,基本没有啥好处。
* 一定要评审
评审对于所有的产品设计人员来说都是一场“噩梦”。但是评审可不可以省略呢?不可以。一方面,我们需要通过评审让大家认可自己的设计。如果对我们的设计不认可,那么在真正执行过程中便会有更多的障碍。另一方面,我们需要通过评审收集意见,查漏补缺,找到我们没有注意到的地方。不过,在评审过程中,我们也一定要做好心理准备,毕竟,让一大堆人说你设计的这不行那也不行,心里是绝对不会好受的。唯一能够减少这种情况出现的方法,也许就是尽可能细致地想到各个方面,有充足的理由来说服对方。
* 一定要写产品需求文档。
在自己设计网站之前,看过一些产品经理方面的书,每本书里都介绍到了产品需求文档的撰写,可见产品需求文档的重要性。但说来奇怪,在自己真正做网站时,由于团队里人很少,所以自己竟然认为不需要写产品需求文档,认为只要当面沟通就可以了。但事实是,没有需求文档,很多细节的东西,自己设计的时候哦想得很好,但过段时间却模糊了,结果技术人员询问时只能凭感觉给出解决方案。当然,结果可想而知,出现了很多不应该出现的问题和BUG。这些问题和BUG让我真正体会到了产品需求文档的重要性。
* 要懂得妥协和听取意见。
在产品设计过程中,经常会出现一种情况:产品设计人员或产品经理苦思冥想找到一种解决方案或展现形式,可以上级领导或公司管理层不认可。这种情况下,我们常常会因为“自家孩子就是好”的心理而忽略他人的意见,或者坚决不妥协、不接纳他人意见。这样做非常不利于我们工作的推进。因此,在这种时候,产品人员一要沉下心来,耐心听取别人的意见,看看是否有可取之处。而是要懂得妥协,不在非常细节的地方和领导层较劲,阻碍工作的推进。
* 要坚定,更要执行。
当然,在产品设计过程中,也会出现这种情况:我们认为某个功能非常重要,可上级认为不需要,要砍掉;或者,我们认为一个功能或模块完全没必要展现,可上级坚持要求添加。这种不可调和的矛盾怎么处理呢?我的建议是:要坚定,更要执行。首先,我们要坚定我们的想法和做法,尽量通过种种方法去说服上级。只要我们的说法和做法有道理,上级应该会同意我们的做法。其次,如果无法说服上级,那么,一旦上级决定如何做,我们则坚决执行。虽然我们常说产品是为客户设计的,但很多时候,产品也是为老板设计的。
* 要抱着做完美产品的心态去设计产品。
看过很多产品类的书籍,都说完美主义要不得。在这点上,我也同意。但是,从另一个层面来讲,在产品设计或构思的过程中,一定要保证做完美产品的心态去设计。因为,很多时候,即使完美的设计,在通过执行的种种换届后,也可能变得惨不忍睹,或者最终也就是成为一个及格产品。而如果我们抱着凑乎的心态来设计产品,那做出来的东西可能真的就没办法用了。
* 要相信自己的直觉
在产品设计或制作的过程中,可能常常会有这种感觉:“好像哪儿不对呀。”以我的经验来说,这种感觉的出现往往是自己忘掉了一些地方或做的东西中有错误,潜意识在提醒我们。所以,在这种情况下,一定要相信自己的直觉,来对相应的模块或功能进行审查,找出不合理的地方进行修改或弥补。
* 要看锅下菜
现实里,每个公司的资源都是有限的。而做一个网站也好,做一个产品也好,公司能够提供的资源也是有限的。因此,作为产品经理或设计人员,一定要有现实感。要知道在现有资源情况下,能够做到什么程度。比如:不要指望一个拿3000块工资的美工设计出一流的页面,也不要指望一个临时来帮忙上传资料的同事能够一步到位地将资料的格式调整到最好的状态,更不要指望刚毕业的程序员能够迅速地解决你所提出的BUG。一句话,不要指望同事做出超过其能力以外的事情,不要指望公司提供超出其能力范围外的资源。
* 永远不要偷懒。
最后一条,永远不要偷懒。我的感受是,偷懒绝对会让我们在后期多花费更多的时间和精力。不要因为自己懒不想写产品需求文档就随便弄个原型给技术,那样后期会让你有无穷BUG去修改;不要因为自己懒或时间紧急就不做评审,否则,一旦领导层看到设计没有满足其要求,你可能得重头再来;不要技术改了BUG你就天真地相信一定是没问题了,一定要自己确认,否则,过两天就会有人找你问为什么BUG没有修改。今天的偷懒往往需要明天的双倍甚至多倍付出。