网页的构成及正文页的设计.ppt

网页的构成及正文页的设计 宁良红 2011/10 正文页是新闻或信息进行完整展示的页面，直接关系到新闻与信息传达的质量。 “等一下”葛瑞蒂，月亮还没有升起来。等到月亮升起来，才能看到我洒的面包屑，面包屑会告诉我们回家的路。——《韩森与葛瑞蒂》 ?目录 网页的构成 1、页面标题 标题位置：出现在浏览器的标题栏中 功能作用：反映网页的主要内容，便于有哪些信誉好的足球投注网站引擎有哪些信誉好的足球投注网站。 编辑方法：将标题内容插入在HTML文档中的〈title〉和〈/title〉之间。 网页的构成 2、网站标志 标志位置：一般放在显要的位置，通常在页眉的前部。 标志功能：一是进行网站链接；二是体现网站特色及文化内涵。 制作要求：符合国际标准、精美独特、与网站的整体风格相融。 尺寸标准： 88*31； 120*60； 120*90； 468*60 网页的构成 3、导航栏 显示位置：可以设置导航栏显示在网页的顶部、底部、左侧、右侧。 功能作用：添加分类信息，提供到网站不同区域的链接。 制作要求：导航清晰合理，链接关系正确，变更扩展方便。 网页的构成 4、主内容区 功能作用：是网页的主体元素，一般放置二级链接内容的标题、提要、摘录。 表现原则：合理分割板块，文字与图片配合巧妙、文字和背景和谐对比。 排布原则：符合视觉流动习惯，重要的内容排在左部、上部。 网页的构成 5、页脚 页脚位置：位于网页的最底部，和页头相呼应。 作用功能：标注站点所属公司名称、地址，网站版权、制作者信息。 制作要求：文字清晰简洁，字号小于正文。 正文页的设计 1、页面的要素 正文页最注重的是阅读的舒适度与传递信息的质量，而字体、字号、颜色等这些基本的设计元素，正是影响以上效果的重要因素。 网络页面的要素包括：字体字号、点线面、色彩、图表、音频、视频、超链接、空白等。 字体：目前，网页上的字体默认为宋体。有些设计者喜欢圆体字，但是圆体字的拐弯处呈圆弧状，这使字迹看上去不清晰。宋体在报纸版面上常被用作正文字体。在网页上，很多网站的新闻正文和新闻标题都采用宋体，只是用字号的大小来加以区分。 字号：11点左右大小的字比较适合阅读。报纸上新闻正文常用五号字或小五号字，标题字号常用到50磅以上。在网页上，新闻正文常用的字号也是五号字，有时为了阅读方便，用小四号字；正文里的标题常用小二号字，或20磅字。 色彩：白底黑字或白底蓝字是比较适合的。 音频、视频：例： 正文页的设计 2、页面长度的控制 一个新闻正文页占几个屏大小较为合适。 如果一次浏览只呈现一屏内容，那么基本上是不能在一屏完整体现这篇新闻的所有内容。 有些设计者喜欢设置N个分页，一方面它所包含的内容比较多，另一方面多个分页可以提高点击量。但是，网民往往不喜欢过多的分页，这样做往往事倍功半。例：《网民关于多图分页的体验》 正文页的设计 3、页面布局结构 以标题正文型的布局结构 T型布局：左侧是新闻正文，右侧是推荐内容及广告。（乔布斯新闻） 正文页的设计 4、页面附加内容 正文页除了承载新闻正文外，通常还有一些附加内容。这些内容虽然不一定与新闻稿件有直接的联系，但是他们充分利用了正文的空间，是网站想要推荐的内容有更多的展示区域。主要包括： 网站重点推荐的新闻 网站重点推荐的专题 网站重点推荐的博客和热帖 广告 网页蓝图的规划 在制作网页之前应当绘制其蓝图，这好比造一座高楼，首先要设计好框架图纸，才能使楼房结构合理。网页的蓝图规划大致需要经过构思、绘制、实施、调整的过程。这过程实际上是一个相互影响的过程，如由于某个蓝图规划因技术限制原因而无法实现，则需要重新调整网页的蓝图。所以网页构图规划的过程会有反复或重复。网页蓝图的规划流程如下图所示： 网页蓝图的规划 在制作网页之前应当绘制其蓝图，这好比造一座高楼，首先要设计好框架图纸，才能使楼房结构合理。网页的蓝图规划大致需要经过构思、绘制、实施、调整的过程。这过程实际上是一个相互影响的过程，如由于某个蓝图规划因技术限制原因而无法实现，则需要重新调整网页的蓝图。所以网页构图规划的过程会有反复或重复。网页蓝图的规划流程如下图所示： 网页蓝图的规划 1、构思网页蓝图 构思相当重要，将决定网页创意是否成功。在构思过程中要充分发挥艺术想象力，同时要遵循以下布局原则： 网页亮点布局原则—将具有视觉引力的网页元素（如走马灯、 广告、动画）放在网页的左上方，加深浏览者的印象。 网页主体布局原则—将网页的主体内容、有精华板块排放在比较显眼的位置，使浏览者易于找到这些内容。 功能板块布局原则—将功能板块（如有哪些信誉好的足球投注网站引擎、 邮件列表、网上调查、会员登陆）放在页面的两侧，避免影响主题。 网页蓝图的规划 2、绘制网页蓝图 根据网页布局原则将头脑中构思的蓝图绘制出来，用一张白纸和一支铅笔，仅以粗陋的线条勾画出创意的轮廓