在人们越来越注重自身素养的今天，报告使用的频率越来越高，报告具有成文事后性的特点。那么，报告到底怎么写才合适呢？下面是小编帮大家整理的网页设计实验报告，仅供参考，大家一起来看看吧。
网页设计实验报告1
作为一个以前从来没有接触过互联网产品设计的菜鸟级产品设计人员，在没有人指导，只能自己摸索的情况下设计出并和技术与美工培训和将网站做出来，其中的艰辛只能自己体会。不过，虽然过程艰辛，但自己的收获颇大。一直以来希望能够转型做互联网的产品，但总是没有机会。这次公司网站的策划及设计给了自己很好的学习和实践机会。在这断断续续的七个月中，自己对于网站的策划和设计有了一定的认识，也通过实践的对照，对过去自己看过的产品设计和产品经理书籍中的理论有了更加深刻的理解。
在此，将在网站设计过程中的一些心得总结如下。虽然对于已经身为产品经理的人可能没有用处。但，我想，可能对于那些想要入行，或者希望在自己的公司内部转入产品行业的人来说，可能多少有一点点用。
要注意网站的定位
任何一个公司或单位，要设计一个网站，都必然有其核心定位，即这个网站设计出来要干什么。这一点对网站的设计具有决定性的影响。如果不能将网站的定位把握好，作为一个设计人员，其工作往往会是无功而返。因此，在网站策划阶段，产品设计人员必须多和上层沟通，甚至多和领导争辩，通过沟通和争辩来明晰公司对网站的定位。同时，也可以让领导对网站的定位更加明晰。只有完成了这一项，其余的策划和设计工作才应该继续进行。
要了解用户
产品经理或产品设计人员很容易将自己作为用户来判断产品的功能或体验是否好用，但现实的情况是大部分用户很可能与产品经理所属的人群差距很大。比如，在网站设计过程中，发现本网站的使用人群中竟然有不知道如何注册网站的人，这这真是出乎意料。但这就是现实。所以，在产品设计的过程中，不能以自己为中心，把自己当做用户。事实上，很多用户的互联网水平真得没有达到我们的水平。
明确、牢记目的和需求
网站的定位明确后，接下来要明确的是网站设计的目的和要满足的需求。即：网站整体设计完成要达成什么目的，每个模块设计完成要达成什么目的。从另一个层面来讲，也就是，网站整体要满足用户什么需求，每个模块又要满足用户什么需求。同时，在网站的设计过程中，要一直将目的和需求牢记心中，不断地对照当前的设计是否能够达到目的或满足用户需求。在设计过程中不断修改不断调整最终导致偏离目的和需求的情况屡见不鲜。
保持简洁
为什么要简洁?因为，无论是设计一个网站，还是设计一个其他的产品，都不可能一步到位。尤其在人力物力时间等资源有限的情况下，更是不可能一次性满足所需求，达成所有目的。因此，在这种情况下，为了确保核心目标和需求的达成，只能也必须优先保证核心功能的完成，只上核心模块或功能。同时，在产品设计的过程中，也要不断地向同事和领导灌输这种意识。否则，需求无止境，网站永远难以完成上线。
注意细节
这次的网站设计师自己第一次设计网站。因此，在设计网站的过程中自然而然地非常关注网站的整个架构，什么模块放什么地方，模块之间如何相互联系等等。但网站最终出来的结果展示了残忍的一面。由于在细节上把握不够，网站的设计和实现结果和想象中出入很大，甚至一些格式、排版上的问题都出现在了网站的各个地方。自然，最终的结果就是网站成品与原始设计相差甚远。因此，在产品设计的过程中，作为设计人员，一定不能小看细节。一定要将细节想细致，没有细节饿网站很容易出问题。
注重逻辑性
网站的设计过程中，必须要注意逻辑判断。对于输入信息或注册流程中的每一个环节的每一种状态都要考虑到。举一个最简单的例子，一个输入框输入数据，有正确的输入、必然有错误的输入，也必然有空输入。那么，每种状态下系统都要考虑到，也都要有相应的反应。
流程图很重要。
说到逻辑性，就不能不谈流程图。作为梳理逻辑的工具，流程图非常重要。它不但可以帮助我们梳理每隔一环节的不同状态，更可以帮助我们和技术进行沟通，确保技术对核心流程的把握。虽然每个技术的逻辑能力都不错，但在编程的过程中不可能次次帮我们想到逻辑的不合理处。因此，一个合格的流程图就非常重要了。
没想清楚的事情不错
即使是一个非常小的网站，也是一个系统，如果需要添加功能或模块，就需要考虑到方方面面的变动，是一个比较复杂的过程。而若是一个较大的网站，那需要考虑的方面就更多了。因此，在设计过程中要本着一个原则：如果一个功能或模块没有想清楚为什么添加，有什么用处，那就不要无谓地添加这类功能或模块。除了增加技术人员和设计人员的工作量、增加网站的复杂程度外，基本没有啥好处。
一定要评审
评审对于所有的产品设计人员来说都是一场"噩梦"。但是评审可不可以省略呢?不可以。一方面，我们需要通过评审让大家认可自己的设计。如果对我们的设计不认可，那么在真正执行过程中便会有更多的障碍。另一方面，我们需要通过评审收集意见，查漏补缺，找到我们没有注意到的地方。不过，在评审过程中，我们也一定要做好心理准备，毕竟，让一大堆人说你设计的这不行那也不行，心里是绝对不会好受的。唯一能够减少这种情况出现的方法，也许就是尽可能细致地想到各个方面，有充足的理由来说服对方。
一定要写产品需求文档。
在自己设计网站之前，看过一些产品经理方面的书，每本书里都介绍到了产品需求文档的撰写，可见产品需求文档的重要性。但说来奇怪，在自己真正做网站时，由于团队里人很少，所以自己竟然认为不需要写产品需求文档，认为只要当面沟通就可以了。但事实是，没有需求文档，很多细节的东西，自己设计的时候哦想得很好，但过段时间却模糊了，结果技术人员询问时只能凭感觉给出解决方案。当然，结果可想而知，出现了很多不应该出现的问题和BUG。这些问题和BUG让我真正体会到了产品需求文档的重要性。
要懂得妥协和听取意见。
在产品设计过程中，经常会出现一种情况：产品设计人员或产品经理苦思冥想找到一种解决方案或展现形式，可以上级领导或公司管理层不认可。这种情况下，我们常常会因为"自家孩子就是好"的心理而忽略他人的意见，或者坚决不妥协、不接纳他人意见。这样做非常不利于我们工作的推进。因此，在这种时候，产品人员一要沉下心来，耐心听取别人的意见，看看是否有可取之处。而是要懂得妥协，不在非常细节的`地方和领导层较劲，阻碍工作的推进。
要坚定，更要执行。
当然，在产品设计过程中，也会出现这种情况：我们认为某个功能非常重要，可上级认为不需要，要砍掉;或者，我们认为一个功能或模块完全没必要展现，可上级坚持要求添加。这种不可调和的矛盾怎么处理呢?我的建议是：要坚定，更要执行。首先，我们要坚定我们的想法和做法，尽量通过种种方法去说服上级。只要我们的说法和做法有道理，上级应该会同意我们的做法。其次，如果无法说服上级，那么，一旦上级决定如何做，我们则坚决执行。虽然我们常说产品是为客户设计的，但很多时候，产品也是为老板设计的。
要抱着做完美产品的心态去设计产品。
看过很多产品类的书籍，都说完美主义要不得。在这点上，我也同意。但是，从另一个层面来讲，在产品设计或构思的过程中，一定要保证做完美产品的心态去设计。因为，很多时候，即使完美的设计，在通过执行的种种换届后，也可能变得惨不忍睹，或者最终也就是成为一个及格产品。而如果我们抱着凑乎的心态来设计产品，那做出来的东西可能真的就没办法用了。
要相信自己的直觉
在产品设计或制作的过程中，可能常常会有这种感觉："好像哪儿不对呀。"以我的经验来说，这种感觉的出现往往是自己忘掉了一些地方或做的东西中有错误，潜意识在提醒我们。所以，在这种情况下，一定要相信自己的直觉，来对相应的模块或功能进行审查，找出不合理的地方进行修改或弥补。
要看锅下菜
现实里，每个公司的资源都是有限的。而做一个网站也好，做一个产品也好，公司能够提供的资源也是有限的。因此，作为产品经理或设计人员，一定要有现实感。要知道在现有资源情况下，能够做到什么程度。比如：不要指望一个拿3000块工资的美工设计出一流的页面，也不要指望一个临时来帮忙上传资料的同事能够一步到位地将资料的格式调整到最好的状态，更不要指望刚毕业的程序员能够迅速地解决你所提出的BUG。一句话，不要指望同事做出超过其能力以外的事情，不要指望公司提供超出其能力范围外的资源。
永远不要偷懒。
最后一条，永远不要偷懒。我的感受是，偷懒绝对会让我们在后期多花费更多的时间和精力。不要因为自己懒不想写产品需求文档就随便弄个原型给技术，那样后期会让你有无穷BUG去修改;不要因为自己懒或时间紧急就不做评审，否则，一旦领导层看到设计没有满足其要求，你可能得重头再来;不要技术改了BUG你就天真地相信一定是没问题了，一定要自己确认，否则，过两天就会有人找你问为什么BUG没有修改。今天的偷懒往往需要明天的双倍甚至多倍付出。
网页设计实验报告2
一 实验过程
1.资料的搜集。
2.熟悉制作软件。
3.构建站点框架。
打开dremweaver后第一步便是新建站点
4设计主页及二级页面。
5实现网页间的链接
链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。
6向静太网页插入动态效果
具体情况如下：
通过这半年的学习实践中 和老师的指导下以大量明晰的操作步骤和典型的应用实例，教会我们。使更丰富全面的软件技术和应用技巧，使我们真正对所学的软件融会贯通。所以我结合所学专业的内容制作了个人网站，作为实习的成果。其内容是多样化的。制作网页用的软件是ｄreamweaver , 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进行处理,这样做起来节约了很多时间。。
（五）网页制作过程中的其他注意事项
不要过于注重色彩的灿烂，只要简单就行。我们最终追求的主要是实用价值。
通过这次实习，在制作时想想使自己的网页更加丰富多彩，在网页中插入图象，动画，动态特效。可是总遇到这样那样的问题，但在同学的帮助和自己摸索的情况下完成了这个实习的成果。看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。以我们的经验，当前的软件的功能日趋复杂，不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够，缺点疏漏。虚在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页而努力。
近一个星期的实训将要结束，其中的酸甜苦辣我会在今后的日子里不断地去咀嚼，去回味，去探索。从制作网页过程中，我学到了新的美化网页的方法，运用了更多以前未运用的技巧。这使我学到了更多的知识，并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历，将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少，我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养，锻炼和提高。
【网页设计实验报告】相关文章：
网页设计实验报告10-11
网页设计与制作实验报告10-09
网页设计的实验报告心得（精选5篇）07-08
网页制作实验报告05-01
网页制作实验报告09-20
网页制作实验报告02-04
网页制作实验报告格式10-14
网页制作实验报告2篇12-02
网页制作实验报告4篇09-26