网页设计报告【热选5篇】

【前言导读】这篇优秀范文“网页设计报告【热选5篇】”由阿拉题库网友为您精心整理分享，供您学习参考之用，希望这篇资料对您有所帮助，喜欢就复制下载吧！

网页设计报告【第一篇】

关键词：课程体系建设；教学内容；教学方法；教学评价

随着计算机和网络的迅速发展和普及，越来越多的人喜欢通过网络获取信息，很多企业都想通过网站信息从而宣传自己。在这样的情况下，企业需要更多的网页设计师和网站开发人员为自己的公司建立网页，从而打造形象和销售产品。根据社会对人才的市场需求，高职院校确定其培养目标为培养高素质和高技能的应用型人才。如何设计具有创新风格的网页，成为高职计算机专业学生所必须掌握的技能。为了满足社会的需要，大多数高校都开设了网页设计与网站开发课程，该课程教授学生如何设计网页和开发网页网站。

一、网页设计与网站开发的岗位技术分析

网页设计和网站开发都需要有专业的技能，这些技能涉及网络技术、编程技术以及动画设计等知识。基于网页设计与网站的不同的社会需求，将职位划分为网页美工设计师、网页设计师、动态Web网站开发和网站维护人员。1.网页美工设计师。该职位强调网页的视觉设计，且设计师应该有比较好的审美能力和创新能力，并且对色彩和平面设计有自己独到的见解。网页美工设计师还可以规划网页的布局和设计独特的网页。2.网页设计师。网页设计师应具备一定的美术基础，熟悉网页开发的步骤和流程，并且应该精通HTML、XHTML、CSS、CSS+DIV和JavaScript等设计语言。3.动态Web开发人员。该职位旨在从后端数据库访问数据并显示这些数据。动态Web开发人员应该具有网页设计知识，可以开发后台应用程序并将其嵌入到HTML语句中。动态Web开发者还可以测试、上传和整个网站。另外，动态Web开发者也应该精通PHP、asp或jsp，而且熟悉SQLServer、MySQL或Oracle等数据库。4.网站维护人员。该职位的工作人员主要是处理和网站投入使用后的相关信息。网站维护人员必须处理网站在使用过程中所出现的所有问题。网站维护人员应具有一定的网页设计与动态网页开发知识和技能，并且能够提高网站的性能和可靠性，使用搜索引擎优化信息，推广网站。通过上面对网页设计与网站开发的职业分析，我们知道网页设计师和网站开发者应该具有设计网页能力、编程能力、艺术视觉能力和网站维护管理能力等。因此，我们应该构建一系列培养学生这些技能的课程体系，而不是一个单一的课程。这些课程是相互依存、相互贯通的，并构成了一个整体课程体系。

二、课程体系的内容

高职院校的目标是培养学生的职业能力，所以所开设的课程应该是以职业能力为本。根据网页设计和网站开发职位技能要求，设置为有关图形和图像、网页设计、动态Web开发、网站管理和维护的相关课程。不同的课程有不同的主题和内容，但是这些课程都专注于同样的目标———网页设计与网站开发。因为课程包含的知识点非常多，因此合理的整合与划分教学内容是有益于教学效果的。1.设置图形和图像课程。如今，一个内容丰富、富有创意的好网页能长时间的吸引顾客的目光。设计师喜欢使用图标、图片和动画美化他们的网页，因此在开始设计网站之前，学生应该有对图标、图片和动画的一些想法。根据所用的软件功能、适用性和难易程度，设置有关Photoshop、CorelDraw和Flash等图像处理软件如何使用的课程内容，通过这些课程，学生对图片的颜色和构图处理等就会有一些自己的想法，他们可以使用这些软件处理图像和制作动画。2.设置网页设计课程。网页设计的目的是使用一个有吸引力的网站风格来显示信息。HTML语言是网页设计的基础语言，该语言是贯穿在整个教学过程中的。事实上，理解了HTML语言是有益于熟练掌握使用Dreamweaver网页制作软件的，因此HTML对于一个好的网页设计师来说是必须掌握的。不过，一个专业的网站是不能仅仅依靠HTML就能制作出来的，因此作为目前广泛用于管理界面网页的设计，它有效的弥补了HTML的缺点，可以说，一个网站的内容和构架由HTML决定，而网站的表现形式却由CSS决定。类似的，Dreamweaver也是一款网页设计的非常好的软件，它能够提高网页设计的效率，也能有效地管理和组织网站文件。除此之外，JavaScript语言也是网页设计中一门非常重要的语言，JavaScript决定网页的动作行为，并产生一些特殊效果。3.设置动态Web开发课程。编程语言和数据库是动态Web开发课程中必学的两种技能。目前，比较流行的Web编程语言主要有jsp、asp和php，而广泛使用的数据库主要有Oracle、SQLServer、MySQL等数据管理系统。根据企业的需求，我们选择PHP作为Web编程语言，选择MySQL作为主要的数据管理系统。因此，动态Web开发课程主要包含的两门课程为PHP编程语言和MySQL数据库。对高职院校的学生来说，教授他们如何使用数据库比教授他们有关数据库的理论知识更重要，高职学生只需掌握如何创建数据库、连接数据库以及添加、删除、编辑、查询数据表单以形成数据库的相关技能。在教授这些课程时，可以选择网上购物项目作为教学项目的案例。4.设置网站管理和维护课程。企业网站在用户使用之后对网站的数据管理、维护、网站推广和网站优化等处理都是很重要的工作，网站管理和维护的相关课程分析了网站的设计和其构架的可改进意见。这些课程涉及的相关技术有搜索引擎优化（SEO）技术和一些著名搜索引擎的排序方法。

三、网页设计与网站开发课程体系的教学方法研究

在教学过程中，教师首先讲解与相应的教学案例有关的理论知识和应掌握的技巧，指导学生完成指定的任务，然后教师和学生一起讨论完成任务可能出现的问题并给出解决方案。在整个教学过程中，学生处于主导地位，教师主要作为辅助学生完成任务的助手，在这一教学过程中，学生能够主动掌握网站开发方法和步骤，并理解相关的知识点和技能。此外，演示与评论学生的网站作品也是教学过程中的一个重要环节，教师应鼓励学生展示他们的优秀作品，然后帮助学生分析其作品的优点和缺点，这样学生才能知道他们作品中有哪些问题，哪些需要改进。在这一过程中，每个学生都可以从其他网站的设计方法、思想和网站布局与技能中学到知识，学生的创造能力也能够被激发。所有这些方法中，教学案例都是非常重要的一部分，因此选择教学案例时要遵循一定的标准，首先选择的教学案例应该尽可能的涵盖所有的知识和技能，其次这些项目案例应具有特定的现实意义并且应以学生为本，最后案例的选择应该是从简单到复杂，这样学生掌握知识才能循序渐进。

四、课程体系评价方法

评价方法是检验教学目标是否实现的主要方法，评价方法用于评估整个教学过程，指导教学内容和教学目标的方向，因此，课程评价系统应该建立用于课程体系的改革。在网页设计与网站开发课程体系中，学生应能做出包含主题、内容、结构和布局等的统一规划和设计方案的网站。测试的分数也是课程评价系统的一部分，在完成课程授课后，应对学生做一个最终的测验，包括笔试考试和上机考试。笔试能检查学生是否掌握了理论知识，上机考试能检测学生是否能在给定的时间内合理的完成给定的项目。最后，教师可以基于上述小测验、综合项目和期末考试最终给学生一个公平、客观的评价。课程考试方法不仅能给学生一些约束，也能给学生一些自主性和创造性，学生的学习积极性和主动性也能依靠约束力来激发。网页设计与开发课程体系是根据岗位要求设置的课程体系和课程内容，本文提出的网页设计与开发课程体系的教学方法和检测方法，侧重点在于提高学生的积极性和主动性，同时注重培养学生的实践能力和应用能力。

参考文献：

[1]丁金昌。我国中等和高等职业教育协调发展的探索[J].中高教研究，2012,(3):86-88.

网页设计报告【第二篇】

关键词：信息化技术；网页设计与制作；高职学生；蓝墨云班课APP

1引言

网页设计与制作是一门有着广泛应用、实用性非常强的课程，面对具体的教学内容，少部分学生比较精通技术与理论知识，大部分学生则“百思不得其解”。针对这个问题，传统的授课方式已经不能满足要求。笔者充分运用信息化技术对课程教学模式进行改革，从高职学生的学习特点、信息化技术教学过程设计、教学改革效果等几个方面，谈谈信息化技术在教学过程中的运用及效果。

2高职学生的学习特点分析

在信息技术快速发展的今天，90后高职学生更喜欢从事实践活动，追求未知事物，热爱冒险，敢于创新[1]。他们还有另一个特点，即从小就受网络信息产品的影响，移动信息技术的发展变革带给他们更多选择娱乐方式的机会，各类网络游戏、富媒体信息很轻松地击败了不少学生的自控力，存在大量“手机不离手一族”。网络游戏、微信、QQ信息通信和网上购物都是90后学生休闲娱乐的平台，学生的平时生活和学习方式正在被网络信息技术改变。课堂上学生的手机管理问题一直是教师进行课堂教育研究的热点，学生课堂玩手机现象随处可见，虽然教师针对这个问题采用很多措施，但是学生课堂看手机现象一直存在，采取的措施很难剔除这个现象[1]。笔者在所授网页设计与制作课程教学中，尝试用移动网络和智能手机开展信息化技术教学，借助蓝墨云班课APP移动教学平台，构建“处处能学、时时能学”的教学网络平台，为学生提供移动手机上的课程基本信息、任务推送、课前课中测试、教学课件、教学辅助微课、教学视频等，使学生体验在娱乐的环境中学习理论知识和实践技术，学生学习更自由、有趣，教师教学更轻松。

3教学过程设计

在教学过程中，借助蓝墨云班课APP进行教学，结合模拟公司项目教学模式[2]，与学生在课前自主预习、课中知识学习与技术实践、课后拓展延伸等方面进行积极互动。为了方便展示具体的教学过程，笔者主要选取网页设计与制作课程模拟开发项目中的某校教务处网站办事指南模块来进行展示。课前自主预习课前自主预习主要包括教师课前准备教学资料、教师课前任务、学生课前预习工作。1）教师在蓝墨云班课APP移动端上传有关办事指南模块开发的相关教学资源，如课前学习任务单、微视频、课件、授课计划、教案等资源。2）教师针对办事指南模块开发，课前在蓝墨云班课APP班课上两个任务：①各小组调研某校教务处网站办事指南模块开发需求，形成调研报告，并将报告上传至蓝墨云班课APP班课讨论活动区域；②各小组根据各自调研的情况，网上收集办事指南建设模板，根据模板设计各自的办事指南模块，并将设计的作品以图片的形式上传至蓝墨云班课APP班课讨论活动区域。3）学生各小组主要做好四件事：①浏览蓝墨云班课APP班课上的教学资源，了解课程模块的教学意图；②完成办事指南模块开发的需求调研，撰写调研报告，并将报告上传至蓝墨云班课APP班课；③完成网上模板搜集，并根据小组调研的情况设计办事指南，将作品以图片的形式上传至蓝墨云班课APP班课；④各小组对提交的报告和作品进行点评和讨论。课中知识学习与技术实践1）课前导入，任务检验。教师先利用蓝墨云班课APP推送有关项目调研活动的测试活动，让学生根据掌握的知识和课前的调研情况完成测试；然后向学生展示课前各小组做的调研报告评价排名情况，抽查点评文本，结合各小组做的调研情况，跟学生一起分析测试题目。通过这个环节，学生就能明确本次课最终学习意图，就是设计完成某校教务处网站办事指南模块的开发工作。2）小组汇报，展示设计。通过蓝墨云班课APP上各小组对办事指南模块设计作品的评价情况，教师挑选做得比较好的两个小组进行设计展示和说明。被挑选的两个小组分别选派一名代表上台展示，主要从调研需求和技术两个层面来对设计作品进行说明。通过小组展示，学生能较直观接触办事指南模块作品初始原稿，为接下来的设计奠定基础。3）情境构建，任务分析。教师先通过蓝墨云班课APP推送一个某校教务处副处长针对网站办事指南功能提出要求的视频，在学生观看完视频后，跟他们共同分析任务，明确任务要求，理解任务需要解决的问题。这里的任务是开发符合要求的网站办事指南模块。教师先根据视频要求，跟学生一起修改调研报告，确定开发功能；接着跟学生一起分析在开发过程中要用到的技术，即网页脚本如何控制DIV层的显示。确定了功能需求和技术知识，学生就能正确进行模块设计。4）分组协作，小组互评。各小组讨论办事指南模块设计，有针对性参与蓝墨云班课APP班课设计讨论，各小组间进行设计交流；接着将各自设计的最终设计稿以图片的形式上传至蓝墨云班课APP班课，小组之间都可以在平台上进行互评。5）专家点评，教师总结。教师将某校教务处副处长设置为班课助教，利用移动网络远程视频功能，助教参与教学过程。根据各小组互评的结果，助教挑选两个小组设计的作品进行现场点评。点评后，教师结合助教的点评，总结办事指南设计要点，带领学生再次进入办事指南实践开发，进一步引导学生掌握设计要点。课后拓展延伸课堂教学活动结束后，首先，教师可以通过蓝墨云班课APP提供课后答疑和测试，测试的内容主要是有关网页脚本控制DIV层的显示的问题；同时，学生只要有问题，也可以通过答疑活动提问，提问形式多样，可以是图片、文本、语音和文件。其次，教师在蓝墨云班课APP推送课后任务，要求各小组继续完善教务处网站办事指南模块的开发，并将开发效果展示给某校教务处工作人员，各小组撰写好开发心得。最后，各小组将撰写好的开发心得和相关图片上传至蓝墨云班课APP班课课后任务活动，小组间对心得进行互相评价，相互促进和监督；针对主要评论问题，教师也给出一些评判标准或建议。通过课后活动环节，学生充分利用课余时间学习，继续交流技术实践，在蓝墨云班课APP班课上互动帮助，进一步提高学习质量。

4教学应用效果

网页设计与制作课程在实施信息化技术教学后，学生通过参与模拟实践项目活动，感受真实的工作环境和工作过程，掌握完成任务所需的技术知识和实践技能，提高职业能力。笔者自从2016年3月启用蓝墨云班课APP进行教学，创建班课《网页设计与制作》四个，学生累计139位，开展活动42次，班级的总平均出勤率达到97%，远远超过以往学生出勤率。在每个学期末，笔者都会借助蓝墨云班课APP对授课班级进行问卷调查，主要调查学生在自主学习能力、团队合作精神、工作责任意识、沟通能力和分析解决问题的能力提升方面的投票情况。调查结果显示：93%的学生认为在自主学习能力方面得到提升；96%的学生认同团队合作精神有所改善；86%的学生认为增强了工作责任意识；100%的学生认为提升了沟通能力；92%的学生认为在分析解决问题的能力方面得到增强。由此可见，借助蓝墨云班课APP开展信息化技术教学，受到学生欢迎，以往学生课堂上玩手机的现象逐渐消失，学生的学习积极性得到提高，特别是在自主学习能力、团队合作精神、工作责任意识等方面得到进一步增强。

5结语

网页设计报告【第三篇】

1998年，Forsythe等人在《HumanFactorsandWebDevelopment》一书中提出了基于人机工程学可用性原则的网站设计方法学，该方法学强调要清楚了解客户的需要，即了解客户是什么样的群体，他们喜欢什么，需要做什么或想做

什么，他们使用的软件、硬件环境如何等等。这些原则同样适用于电子商务。那么客户一般喜欢什么样的站点呢？1999年美国网站在8600个网络客户中就此问题作了调查，结果发现，能吸引大多数Web客户(54%以上)重复访问的站点具有四个共同的特征：

高质量的内容

客户访问电子商务站点是为了获取他感兴趣的商品或服务，所以网页的内容必须突出重点，避免夸张，装饰部分不宜太多，以免喧宾夺主。在计算机显示屏上阅读容易产生视觉疲劳，且阅读速度比看书约慢25%.所以网页设计与杂志美编有很大不同，高质量的网页在内容编排上必须简洁明了，便于浏览；如果涉及的信息数量比较大。则应使用超文本将其拆分成多个网页。信息显示格式也是必须仔细考虑的一个重要方面，如字符应足够大，尽量少用移动、Flash等动态显示方式，正文和背景的颜色对比要符合人的视觉特点等。

经常更新

对于电子商务网站来说，要根据市场行情的波动随时更新网页上的价格信息，经常提供新的商品或服务，并搞些促销活动以刺激客户的购买欲。在内容更新的同时，还要注意保持网页在结构上的相对一致性，以使老客户能方便快速地找到所需要的各种信息。

响应时间短

许多研究表明，网站用户的满意度和他对系统的控制感有密切关系，而用户的控制感在很大程度上取决于系统的响应速度。据Miller(1968)统计，用户觉得系统立即响应的时间范围是秒，超出1秒钟会让用户注意到了延迟；若网页上的内容在1秒钟内得到更新，意味着用户在转换网页时没有遇到不适当的延迟。一般情况下，客户对当前网页上的内容能持续保持注意的时间长度约为10秒钟；若系统响应时间超过10秒，客户会在等待计算机完成当前操作时转向其他的任务。因此，系统要是不能立作出即响应，就应当及时向客户报告当前处理的进度，以使客户保持良好的控制感。

为缩短系统响应时间，比较简单的一种解决办法是尽量减少网页上的图片与多媒体(如动画、录像、闪烁等)的使用。但是作为电子商务站点，很多场合需要采用图示或多媒体演示，以至不得不适当降低系统响应速度。随着宽带网的普及，这一矛盾有望在一定程度上得到缓解。

易于使用

也就是要最大限度地提高用户在网上的操作绩效，并尽量减少发生误操作的可能性。为此，在电子商务网站设计中需要解决好以下几个方面的问题：

链接设计

整个Web实际上就是一个的巨大的信息空间。由于空间过大，并且各节点之间的链接关系错综复杂，用户上网浏览时有可能发生“迷路”现象。1998年美国“图形、可视化和可用性研究中心”(Graphic,Visualization&UsabilityCenter,GVU)第9次所作的WWW用户调查发现，由于导航不当，用户上网搜索信息时在将近58%的时间里不能找到所需的信息。Elm和Woods(1985)研究发现，用户在网上“迷路”的程度与不熟悉文档结构有直接关系。他们总结出有三种不同形式的“迷路”:(1)不知道下一步该去哪里；(2)知道该去哪里，但不知道该如何去；(3)不知道当前处于整个文档结构中的哪一个位置。Foss(1989)发现，用户在网上“迷路”时，往往也受到其它一些问题的困扰；比如，到达了文档中的某个特定位置，却忘了到该处要做什么；忘了从偏离目标的路径中返回；不知道文档中有没有其它相关的结构；忘记文档中那些节点已经访问过等。Foss还发现，超文本系统中“迷路”现象产生的原因是多方面的，但大体上可分为三类。第一类主要与认知负荷有关。与普通文本相比，超文本的一个最显著的特点就是具有灵活的结构。因此，用户从超文本中搜寻所需要的信息时必须选择相应的路径，但在选择过程中又有可能发现新的感兴趣的题材而改变路径，以至逐渐远离主题任务。这样用户既要记住原先所要搜索的目标和曾经走过的路径，又要选择去向，从而认知负荷比较重；同时，迷路本身也会增加认知负荷而占用心理资源。第二类是由于用户对超文本的网络结构或概念组织形式不熟悉而产生迷路。第三类主要是由于缺乏在超文本系统中浏览的经验。一些研究者认为。用户关于超文本的心理模型与迷路现象也有着密切关系，而用户心理模型又与多种因素有关，如个人的知识经验、阅读习惯、练习次数、信息反馈等等。如果用户关于超文本的心理模型不够准确，就很有可能发生“迷路”。

为减少和避免出现“迷路”现象，通常可采用两种策略：一是改警用户界面，如采用导航地图、多窗口显示等技术；二是对文本进行分析，改替超文本的结构及链接设计。实践证明，与前一种策略相比，提高超文本设计质量能更有效地减少用户“迷路”现象。近年来，许多学者在改善超文本的结构和链接设计方面作了大盘的研究。Thistlewaite(1995)在分析和总结前人工作的基础上，指出超文本设计中应避免出现以下几种情况：(1)同一个系统内建立链接的标准不相一致。这种不一致性将导致用户难以对链接的目标节点进行预侧，从而发生“迷路”。(2)链接不当，即在内容不相关的节点之间建立链接。在客户的期望中，形成链接的节点其内容必定在语义上是相近的；若链接不当、与用户的预期不符，就会造成不同程度的混乱。(3)链接不完备。与前一种情况相反，在语义相近的内容之间未建立起用户所期望的链接，以致用户无法找到相关的信息；在避免出现这一问题的同时，还应当适当控制链接的数量，以减轻用户的认知负荷。

关于链接设计的质量，目前一般采用图论的方法进行评价。一个超文本系统可以看作是一个有向图，它由多个节点和边构成，其中的边是有方向性的(从源节点到目标节点)。Botafogo(1992)等人根据图论提出了一些用来描述层次性超文本的大小和复杂度等方面特性的童化指标，如紧凑度(compactness)、层(stratum)等。这些指标对改善超文本的编写有指导作用。Blustein(1997)等在前人研究基础上提出了一种评价超文本链接质盘的新方法，以图论的连通度(connectivity)来衡量链接的完备性，以有链接关系的文档间的语义相近程度来反映链接的健全程度。采用这种方法，可由计算机按一定的算法自动完成对超文本链接质量的评价。

隐喻

隐喻原本是语言学中的一种修辞方法，通常是指借用表示某物的词或词组来指代他物，从而暗示它们之间的相似之处。在人类的学习过程中，隐喻起着很重要的作用，特别是在学习新知识、新事物时，必须通过隐喻将其和原有的知识联系起来才能理解接受。在人机界面中使用隐喻，以人们熟悉的事物(喻体)来类比、解释陌生的技术环节(本体)，可以增强学习效果，从而提高界面可用性。但是，使用隐喻有时也会带来一些问题，这是由于人们在知识经验、文化背景等方面存在差异，而对同一个概念可能产生不同的理解和联想。例如，在电子商务网站中出现的货币图标，对客户来说，可理解为代表付款，也可理解为代表标价、打折、或币种。再比如“购物车”，根据生活经验，客户有可能认为购买4份同样物品的方法是重复4次把一个物品放到“购物车”中，而实际上这种虚拟的购物车可让客户编辑所要购买的物品数量，若需要删除已放人“购物车”的某一物品，只要将数字栏中的数目置为零即可。为了确保电子商务网页中隐喻的使用效果，避免产生歧义和破坏概念的一致性，Hudson(2000)提出了一些有益的建议。他认为，隐喻不一定要照搬喻体的所有细节，但要给客户提供准确的线索；隐喻中本体所代表的事物之间的关系应当和喻体所代表的相一致或近似；在使用隐喻时首先要了解和注愈人们在知识经验、文化背景等方面的差异。

界面一致性

在电子商务网页设计中，界面一致性也是必须加以仔细考虑的一个重要因素。一般认为，界面一致性主要体现在三个方面：即隐喻产生的效果、系统的轴人与输出之间的关系、界面的外观或视觉效果。一些研究表明，增强界面一致性有利于提高用户的操作绩效和满意度，同时还可减少操作错误。但也有人报道，界面一致性有时会和界面的易用性及易学性发生矛盾。所以在电子商务网页设计中应当综合考虑各方面因素，而不是一味地强调提高界面一致性。

美观

Tractinsky(2000)等人报道，界面美观水平与使用者对界面可用性的主观评价呈正相关，与操作绩效也呈正相关。Schenkman(2000)等通过大t实验，总结出衡量网页外观设计质童的四个主要指标，即美观、图文比例、结构和总体布局。其中，美观这一指标最为重要。

显示器与浏览器

电子商务网页设计还需要适应客户使用的各种类型的显示器。因为无法知道客户的计算机显示屏幕有多大，所以需要按所有不同的屏幕分辨率进行设计，即不要限于固定的屏幕大小，而应使用可用空间的百分比来规定布局。现在常用的网页浏览器一般为Netscape和InternetExplorer，如果操作系统是文本命令式界面，则诸如Lynx,Links之类的超文本浏览器就会在这种情况下使用。这些浏览器都有新旧版本。有时同一个网页在不同浏览器或同一浏览器的不同版本上会产生很不相同的显示效果，甚至有些网页功能无法正常实现。作为电子商务网站，不可能要求所有客户使用统一的浏览器、统一的版本，所以也应注意网页在这方面的兼容性。

网页设计报告【第四篇】

记得初到公司时，我对公司的了解仅仅局限于公司网站的简单介绍，除此之外，便一无所知了。但是，在领导和同事们的支持和帮助下，我不仅加深了对公司的了解，而且很快就掌握和熟悉本岗位工作的要求及技巧，严格做到按时按量完成产品终端页等页面的制作，保证页面的与效果图的一致性和页面在各个浏览器中的兼容性。同时，减少页面中冗余的代码，保证页面的加载速度。此外，注意用户体验问题，站在用户的角度浏览网页，发现问题、解决问题，以提高网站的浏览量。

自从担任网页制作以来，虽然在工作中取得了较好的成绩，但也还存在一些不足之处。例如：工作中没有充分领会领导的意图，有时会忽视公司的工作流程等等，这些都是由于工作态度和细节决定的。这些不足都需要在今后的工作中加以改进。

在今后的工作中，我将努力提高技术水平，克服不足，朝着以下两个方向努力：

1、在以后的工作中不断学习技术知识，通过多看、多学、多问、多练来不断的提高自己的各项业务技能。

2、提高自己解决实际问题的能力，并在工作过程中慢慢克服急躁情绪，积极、热情、细致地的对待每一项工作。

网页设计报告【第五篇】

①淘宝网页采用的主色调是：黑白桔———桔色标题栏，白底，蓝色字体。整体颜色搭配合理，但是色彩的亮度及饱和度不高，给人一种陈旧的感觉，在淘宝网站看东西，网页产品、产品介绍字样的色彩都比较暗淡，给人一种山寨的感觉，相比较而言，聚美优品的网页产品、产品介绍字样的色彩相对都比较明亮，给人清新认真的感觉，映衬出聚美优品不卖假产品的理念，然人们放心。改进方法与建议：增加网页图片的饱和度和亮度，是网页产品图片看起来更清新明亮，给顾客以美好的视觉感受。②产品介绍字迹的颜色变化：当鼠标选中一个产品文字介绍的时候，产品文字介绍就会变成橙色，这种颜色不够宣明，需要人们集中更大的精力去收集这些信息。其次，如图所示凸显在图片之上的方框文字介绍有画蛇添足的嫌疑。改进方法与建议：a看这些颜色较浅的文字时需呀注意力很集中，将产品的文字介绍黑色字体加粗颜色加深，使之涵盖的信息易于被客户吸收，减少因读取信息而产生的视觉疲劳；b当鼠标放在文字上时，字体颜色变为深红色，相应的图片放大呈现在原图片的上方。

2视觉

淘宝网页上推荐产品时一个页面排布密集，展示的产品过多，也达不到所要想达到的目的。造成视觉盲区。改进方法与建议：产品排列不要过于密集，根据最佳视域的原理横排不应展示超过5个产品。

3页面布局

淘宝网网页布局页面下方经常太过拥挤，动态图片过多，另一方面淘宝内容较多、页面过长、推荐较多，容易使用户产生烦闷情绪，失去浏览网页内容的耐心。切换页面有两个，上下两个让人“目不暇接”，抓不住图片内容，容易让人烦躁。此外，网页不分人群、性别盲目提送，让不少顾客感到厌烦，抱怨电商智商不高，例如作为一个男生，一般情况下，对女性美容美妆用品不感兴趣，因此淘宝账户推送给该产品很不高明。改进方法与建议：采取切换页面一个，在图片上方设置有文字提示选项，电商可以自动向顾客展示，顾客也可以自行选择要看的内容，就像商场里需要服务员的时候她在，不需要的时候她也不会缠着你一样，没有绑架的推荐更容易让顾客欣然接受，交易完成的几率也就比较大。分类页面采取横排更加清晰整洁，更符合人人因工程视觉搜索的要求，字迹得得大小更符合人因工程的要求。下方空白处的图画更人亲切感，不会那么的枯燥。

4logo

淘宝的logo孤零零的，没有什么创意，也没有体现企业的精神文化。提起一个企业最想让人想起的就是代表品牌的主体和企业文化的logo。所以在logo上，笔者认为可以加入更多的公司文化成分，而淘宝logo在上面做的不够好，如下图淘宝logo与京东logo、唯品会logo就可以看出。现对于淘宝，京东和唯品会在各自的logo上添加了自己企业文化的精髓，扩大了品牌在消费者中间的宣传，明确了企业产品的特色，抓住了消费者的第一印象。改进方法与建议：设计如下图1所示为改进的淘宝logo示例。

5结语

电子商务的网页设计要清楚了解用户的需要，了解用户是什么样的群体，把用户体验成做为电子网页设计的根本指标。当前的电子网页设计不足主要表现在：1）缺乏完整的用户体验的理论体系，不能充分考虑用户的体验需求；2）网页设计者缺乏相关知识体系制作电子网页时不能很好地应用人因工程相关理论作为指导；3）电商不能够及时把握用户的体验感受，不能及时对网页作出及时的调整最大限度满足用户的需求；4）缺少专业机构针对相关问题做深入的社会调查报告，电商与用户之间缺少沟通的桥梁。