网页设计维护.pptVIP

Java Web 编程 第三讲 网页设计维护 目标 网页设计目标 网页组成及内容 网页设计原则 划分站点 划分内容 站点结构 维护多页站点 网页设计目标 网页设计必须着重考虑访问者会对你的网站有什么感觉－－它应该实现一致性、可预测性、可导航性，并且在体现一个明确目的的基础上具有良好的视觉效果和交互性 网页的组成 第一件事就是要确定每个网页所要传达的信息。每个页面都将以某种方式直接或间接地实现站点的总体目标 例如：一个产品列表网页： 网页内容 总的来说，所有网页都应包含下列特定内容： 发布网页的组织或个人的名字 进入欢迎网页的途径 其它可选的项目： 组织或个人的徽标 联系方式 导航栏或导航按钮 连到内容表格的链接 连到站点搜索网页的链接 连到站点映像图的链接（网站地图） 地址下拉列表 内容（如果是终结网页的话） 连到一组网页的链接（如果是一个链接页面的话） 把设计重点放在主题上 主题：这一页能够表达什么意思 网页的主题应该简洁明了。如果你发现在一个页面中有太多不同的内容，就应该采取下面2种措施： 除非该页是终结网页，否则你就应该把相关材料组织在一起，然后再链接到其上。尽可能地将链接分组，并把网页链接分组的列表放在网页的顶部 确定哪些内容是重要的，把不必要的信息去掉 颜色、色调、图形及文本风格和大小都对表现主题有很大作用，它们会给访问者留下某种印象（这是你无法阻止的）。这方面没有捷径可走 网页分类 终结网页（terminal page）：是指那些主要功能是提供内容（而不是链接）的网页。这是访问者想最终得到的东西：内容 网站一般是由欢迎网页、链接网页和终结网页组成。我们可以把欢迎网页看作树的根，把链接网页看作树干和树枝，而将终结网页看作树叶 不要陷入诱惑 当你开始考虑图形、字体、颜色、动画等因素时，很可能把网页的主体思想给忽略了。这时就应该协调好这两方面的关系 为了能够把精力集中到主题上，在定下设计方案后就应该坚持它，不要回过头来乱做改动 抵制不断地向站点中加入好看的东西这种诱惑的最好办法就是：把网站的创建工作分配给两个人或者两个小组 一致性 整个站点应该确保有相同的外观。不仅仅是指图片的一致，而且是指细节上的一致 样式表可以帮助你进行这项工作－－比如，你可以保证所有段落都有相同的缩进，而且所有段落的上方和下方都有相同数量的空白 可预测性 没有人真正喜欢惊奇，网页中的元素应该按照访问者期待的那样显示出来－－比如，不要将文本的样式定义为兰色带下划线，因为这与访问者心目中的链接样式相同，而它又不能链接 可导航性 4-1 导航：使站点访问者能方便快捷地到达他想去的地方 常用的导航控件有：导航栏、导航按钮、内容表格、站点搜索、站点映像 导航栏使用最简单，它可以是文本、表格中的文本或图形映像。导航栏应该出现在每个网页的相同位置上。很多网站使用框架以使导航栏或导航按钮静止不动，而内容和链接可以在另一个框架中进出 可导航性 4-2 文本导航栏看起来如下： [Home] [Support] [Service] 方括号中的每个项目都是连到站点中相应区域的超链接 如果将上述各个超链接分别用图形按钮来替代的话，就可以实现导航按钮 可导航性 4-3 制作一个内容表格（Table Of Content，TOC），用户只需点击一下就可以浏览到不同的内容。这样，既可以节省时间，又可以节省屏幕空间 TOC中的网页名称最好与网页的标题一致 可导航性 4-4 站点映像：又称网站地图，迅速给用户提供一个关于整个网站的概貌 站点映像不应包含太多的细节： 会增加加载的时间 有可能使文本变小，从而造成阅读困难 可导航性 5-5 站点下拉列表：访问者只需点击一下就可以到达任何地方。列表长度视你的要求而定 站点搜索：可以在每个网页上都有搜索域，也可以链接到一个独立的搜索网页。如果访问者经验丰富，可使用前者；反之，可以使用后者。不管哪种情况，你都应该使用一个单独的网页来显示搜索结果 交互性 访问者希望所有的网页都具有一定程度的交互性。对于链接网页和欢迎网页，这正是它们要做的工作。而对于内容网页，访问者也希望能够与站点进行交互 可以使用超链接和图像映像与你的网站内部或其它站点进行链接，这样就可以提供一定的交互能力 可以使用表单 速度 你应该仔细考虑你希望访问者下载的数据量。当你使用许多非常大的图形（充满整个屏幕的背景图、很大的图像映像、文本的图形表示）来设计网页时，你其实是在告诉访问者：你不尊重他们的时间 设计原则 3-1 如果你准备设计一个商用网站，那么最好请一位专家。对于一定要坚持自己完成网页布局的人，需要记住以下11点： 确定网站的基本设计（外观和感觉等），其它所有的东西都要建立在它的基础之上 确定一种基本网页结构并始终坚持它。观察任何杂志，分析其中文字和图