《图形图像处理技术》 课件 任务8.2 学习网页设计流程

项目8网页设计任务8.2学习网页设计流程图形图像处理技术主要内容01网页设计步骤02网页设计流程重点难点12341.掌握网页设计的步骤和流程。2.能够独立制定网页设计方案并根据需要整理素材。3.培养学生主动学习，创新设计的能力。.4.培养学生细致工作，爱岗敬业的职业素养。知识目标素质目标教学目标技能目标能力目标任务情境【任务场景】在互联网高速发展的今天，网络已经成为人们获取信息资源的重要途径。主要信息的获取离不开网页，网页的主要作用是将用户需要的信息与资源采用一定的手段进行组织，通过网络呈现给用户。网站都是由多个网页构成的，用户访问网站的界面是网页，所以网站设计就是对网站中的每个网页进行设计。在制作网站时，首先要设计网站的整体布局。任务情境【任务布置】掌握网页设计步骤，包括网站设计目的分析、确定网页设计方案、收集制作素材；了解网页设计的流程，包括设计主题、规划内部结构、设计版面；掌握网页的色彩搭配；制定合理的网页设计方案。8.2.1网页设计步骤网页的主要作用是将用户需要的信息与资源，使用一定的技术手段进行编辑，通过网络呈现给用户。由于制作者需要通过网站向使用者提供某些服务，所以网页设计必须首先明确设计站点的目的和用户的需求，网页设计就是根据制作者希望向用户传递的内容（包括产品、服务、理念、信息）进行策划，并对页面进行美化，作为网站主体对外宣传的一种方式。知识准备1．网站设计目的分析8.2.1网页设计步骤不同类型的网站设计也会有区别，确定将要制作个人网站、企业网站或者门户网站中的哪一种后，再进行合理规划，包括明确网站的功能、设计版式类型和确定网站面对的用户等。知识准备2．确定网页设计方案8.2.1网页设计步骤在网页设计方案确定以后，就可以根据主题和结构的规划收集素材。素材大致包括:文字、音频、视频、动画、表格、超链接、动图、图像等。知识准备3．收集素材8.2.1网页设计步骤做好各项准备工作之后，开始编辑网页，也就是对收集到的素材进行处理，根据设计要求，将这些文字、图像、动画等按照设计好的方案合理安排，组合到网页中。根据网站类型，面向用户来设计，网站的版面不宜太过杂乱，一定要简洁，保证提供良好的用户体验。知识准备4．编辑网页8.2.1网页设计步骤网页制作完成后，在发布之前，需要对网页进行检查，包括内容的合理性、合法性、科学性和实用性，网页中链接的正确性及网页整体美观性等。在网站程序编写完成后，网站的雏形就形成了，但这时候网站还是不完善的，需要进行测试评估，从用户的角度去体验和观察，逐渐完善和更新网站。网页设计需要不断更新换代、推陈出新，应随时把握最新的设计趋势，时常更新网页内容。知识准备5．检查网页8.2.2网页设计流程知识准备无论哪一种类型的网站，在进行网页设计的时候，都是有计划并且对计划不断完善的过程，大多都遵循“主题—结构—布局—色彩搭配”的基本流程，不同的网页设计流程也会有差异，如图8-11所示，即为网页设计流程中的一种。 图8-11网页设计流程图8.2.2网页设计流程知识准备网页设计的首要任务就是确定网站的主题，网站主题取决于网站的应用范围与建设目的。在明确了网站的应用范围与建设目的后，即可对网站的整体风格和特色做出定位，设计网站的主题。1．主题设计8.2.2网页设计流程知识准备在设计网页之前应该提前规划好布局样式，确定文本、按钮等的字体和颜色，并在开发过程中保持风格一致。网页设计风格的一致性非常重要，尽量保持每个页面的设计风格基本相同。网站中的所有图像、文字，还有背景颜色、分割线、标题、注脚，要统一一致，贯穿整个网站，为用户提供舒适、友好、简单的访问体验。2．规划内部结构8.2.2网页设计流程知识准备网页是网站构成的基本元素。网页是否精美的因素不仅包括色彩的搭配、文字的变化、图片的处理等，还有一个非常重要的因素——网页的布局。网页布局就是以最适合用户浏览的方式将素材排放在网页的不同位置，将用户需要的内容充分展示出来，通过文字图形的空间组合，表达出和谐与美感。网页布局种类包括“国”字型布局、拐角型布局、标题正文布局、封面布局、“T”字型布局、“口”字型布局、对称对比布局、POP布局。3．版面布局设计8.2.2网页设计流程知识准备色彩是艺术表现的要素之一。在网页设计中，根据和谐、均衡和重点突出的原则，可以将不同的色彩进行组合、搭配，根据色彩对人们心理的影响，合理地加以运用，构成漂亮的网页。为