网页设计与制作实例教程第2章夏兰ppt课件全.pptVIP

清华大学出版社《网页设计与制作实例教程》第2章高等学校计算机应用规划教材2025/10/29主编方其桂网页规划设计

内容提要第2章网页规划设计一个专业的网站在上线运营之前必须经过规划、设计、搭建等一系列环节。前期的规划基本上确定了网站的后续发展方向，所以前期的规划在整个网站生命周期中扮演着“舵手”的角色，网站后续的所有运营工作、推广方式、人员配置、物资配置都会围绕网站最初的定位和方向来展开。本章通过介绍网页规划设计的相关知识，包括规划网站主题、网页版面布局及网页颜色设计，可以使读者对网页的规划设计有一个整体的、直观的认识，从而规划设计出合理美观的网页，以便更好地为后面的网页开发建设服务。

教学目录? 规划网站主题? 网页版面布局? 网页颜色设计010203第2章网页规划设计

2.1规划网站主题教学内容2.1.1网站需求分析1.网站需求分析原则完整性正确可行性优先级简明性可测试2.网站需求分析的内容（1）网站背景分析（2）总体需求分析（3）具体需求分析第2章网页规划设计

2.1规划网站主题教学内容2.1.1网站需求分析3.网站需求分析采集方法问卷调查用户访谈4.需求分析常用方法（1）数据流图是一种分析系统数据流程的图形工具，从数据传递和加工角度，以图形方式来表达系统的逻辑功能、数据在系统内部的逻辑流向和逻辑变换过程。成绩管理系统数据流图第2章网页规划设计

2.1规划网站主题教学内容2.1.1网站需求分析4.需求分析常用方法（2）实体关系图简记E-R图，是指以实体、关系、属性三个基本概念概括数据的基本结构，用来描述现实世界的概念模型。实体关系图表示在信息系统中概念模型的数据存储。论坛网站的实体关系图第2章网页规划设计

2.1规划网站主题教学内容2.1.1网站需求分析4.需求分析常用方法（3）用例图用例图（UseCase）是指参与者（Actor）、用例（UseCase）以及它们之间的关系构成的用于描述系统功能的动态视图称为用例图。它展示了一个外部用户能够观察到的系统功能模型图。子系统关系类型说明表示符号关联参与者与用例之间的关系泛化参与者之间或用例之间的关系包含用例之间的关系《包括》扩展用例之间的关系《扩展》用例图中的关系第2章网页规划设计

2.1规划网站主题教学内容2.1.2网站主题确定谓网站的主题也就是网站的题材。现在网上比较知名的10类题材有：第1类：网上求职；第2类：网上聊天/即时信息/ICQ；第3类：网上社区/讨论/邮件列表；第4类：计算机技术；第5类：网页/网站开发；第6类：娱乐网站；第7类：旅行；第8类：参考/资讯；第9类：家庭/教育；第10类：生活/时尚。在选择网站题材的时候要注意以几点。第2章网页规划设计主题小内容精网站题材内容恰当题材新目标准

2.1规划网站主题教学内容2.1.3网站内容设计原则网站要方便使用，并遵循一些设计惯例，因为用户在访问一个个网站时，难以记住任何特殊的交互诀窍，于是会把更多的时间花在更方便使用的网站上。第2章网页规划设计日期、时间和数字欢迎词弹出窗口和引导页面新闻和公告信息网址控件链接主页内容

2.1规划网站主题教学内容2.1.4网站内容组织网站的内容是网站访客停留时间的决定要素，内容空泛的网站，访客会匆匆离去；只有内容充实丰富的网站，才能吸引访客细细阅读。一个标准的网站应该包含以下10项内容。第2章网页规划设计站点结构图导航栏联系方式页面反馈表引人入胜的内容常见问题解答精美的图片有效查询新闻页面相关站点链接

2.2设计版面布局教学内容2.2.1版面布局的基本概念最开始，一个新的网页它就像一张白纸，它需要设计者任意挥洒设计才思。在开始的时候，需要明白，虽然能随意设计一些东西，但当了解了什么是一种约定俗成的标准或者说大多数访问者的浏览习惯时，那么可以在此基础上加上自己的东西。当然也可以创造出自己的设计方案。第2章网页规划设计页面尺寸整体造型

2.2设计版面布局教学内容2.2.2网页布局类型网页的布局不可能像平面设计那么简单，除了上文提到过的可操作性外，技术问题也是制约网页布局的一个重要因素。虽然网页制作已经摆脱了HTML时代，但是还没有完全做到挥洒自如，这就决定了网页的布局是有一定规则的，这种规则使得网页布局只能在标准型、偏置型、复式结构型、拐角型、国字型等等几种