网页的规划与布局ppt课件

.
20
5.重要信息放置在首页：
眼睛是心灵的窗户。我们把报纸的最显 眼的地方称报眼----报纸的眼睛。网页也是 一样有最显眼的地方-----此处也是应该较 为重要的或是最新的内容的放在主要的地方。
可以通过导航栏或将重点信息、论点等置于
页面的醒目位置，还可以通过弹出窗口来发
布重要要信息。
.
21
2.3 内容整体布局的 较起图小使长，片之页的要的间面文注安要错章意排有落或安也一有标排是定致题 一 ， 的 ，，定要间避需的整各体不的互隔免要组体元要距相，重进织版素编离错这心行排面成排。开样偏分列的为当必一上到在对，可离组，关丰许须般的主一待大以形归反系富多考放部次页乱太让纳复，多构虑在位有面，大人，推创彩成浏屏。别有各，抓进敲造而元览幕这很部这不行标秩简素者的样多分样住内题序洁位的中可内内消核在图使统于视央以容容弱心联形版一一觉，突的各了内系与面整个中或出时自整容页心在重候为体。面，中点很政的时中间，忌、可，心偏做讳跨读混度性，
2
3
2。 内容有特色， 有自己的独到见解， 尽量避免平淡乏味；
3。 所提供的内容、 超链接等要保证正 确无误，设计完成 之后一定要认真测 试。
.
25
3网页设计流程
.
26
确定目标和风格 内容组织 网页制作
测试
发布、推广
反馈、评测
.
27
1网页目标和风格
网站包含着众多内容各异，错综复杂的 网页，这些网页的内容组织，材料收集和处 理工作通常可以从两个方面入手。一是根据 所需发布的信息确定主题，每个主题由专人 负责收集相关资料和内容。二是组织、精选 一些能突出本网页特色的内容，烘托和突出 主题，使本页面与网站其他网页有明显的不 同。
.
7
4、网站页面的组织结构
页面的内容取决于网站的类型,而网站又 是由一帧帧的页面有机组合而成。网站除了 内容丰富、可读性强以外，在内容的组织上 应该做到层次分明、严谨清晰。一般来说， 设计网站常常采用顺序结构、层次结构、网 状结构或复合结构来组织页面。
.
8
1 顺序结构 它适合组织一些顺序性较强的页面内容，
如电子图书，产品描述等，只需要简单地按 照一定的顺序浏览即可，这样的结构很象幻 灯片的演示。
.
9
X1.HTM
X2.HTM
X HTM
.
10
2 层次结构 是最基本的一种网页组织形式。其优点
是前后顺序清楚，关系明确。每一个页面在 水平方向有极为密切的上下级关系，在竖直 方向上具有并列关系。
.
11
X1.html
.
5
特别注意
不应该放广告，特别不能放很多。不应 虎头蛇尾。不要机关重重。
.
6
3、一般页面的结构
一般页面也称子页面，其结构往往是依 据要表现的内容而定，形式比较单一。页面 的主题突出，取向性强，主要用于描述同一 类事情，如图片或文字，其表现力可以弱于 首页，但是风格、模式和色彩上应与首页保 持一致。
是不会采用以上单一的结构。而是使用两种 或两种以上的结构，称为复合结构。
.
15
第二节 网页内容组织
2.1综述 建设网站的第一步是收集资料，分门别类，
将这些素材合理地分配到由超级连接组织的不同 的网页中，使得自己的网页能够吸引众多的浏览 者，网页的内容的有效组织是必不可少的。网站 的内容丰富，信息量大，应该运用一定的方式将 其条理化，同时在一定程度上加以归纳重复利用， 使得网页较为整齐，脉络清晰，重点突出。
X2.html X4.html
X6.html
X html X5.html X7.html
.
12
3 网状结构 是网页之间连接灵活，是一种较为人性
化的设计。
.
13
X1.html
X2.html X4.html X6.html
X html X5.html X7.html
.
14
4 复合结构 在网页设计中页面之间的组织结构通常
网页的规划与布局
.
1
本讲内容
1 一、网页组织结构 2 二、网页内容组织 3 三、网页设计流程 6 四、网站规划与建设
.
2
第一节 网页的组织结构
.
3
1、综述
网页的内容和组织取决于网站的主题和 定位。确定了网站的定位和模式，就可以对 网页的内容进行组织、规划和布局。
.
4
2、首页的结构
首页(又称主页)是网站的脸面,是企业、 商家或政府机构等形象代表。首页一般包含 主题、徽标、企业精神、经营理念、旗帜广 告、首页链接、最新报道、联系方式、招贤 纳士和栏目简介等。首页应视一件艺术品， 精雕细琢，供浏览者欣赏和享用。
成不稳定形态。
1
2
3
4
1。 建立秩序
2。 中心突出
3。 相互呼应
4。 清晰易读
.
23
2.4 内容组织
建设网站的第一步是收集资料，怎样分门别类，将这 些素材合理地分配到由超链接组织起来的不同网页中，使 自己的网页能吸引众多的浏览者，网页内容的有效组织是 必不可少的。 网站内容丰富，信息含量大，应该运用一定 的方式将其条理化，同时在一定程度上加以归纳后重复利 用，使网页较为整齐，脉络清楚，读起来也有重点。如文 字的合理编排，图片和文字的有机结合、前后呼应等等。
18
完整性强： 应当尽量把联系紧密的内容放在同一帧
页面中，使得每一帧的内容相对较为独立， 具有较好的完整性。
.
19
4.布局合理： 网页设计作为一种视觉语言，必定要讲究编排
和布局，虽然网页设计不同平面设计，但是两者 有许多相近之处，可以充分加以利用和借鉴。网 页设计通过文字、图片的恰当组合，表达和谐与 美，使得整体布局合理、有序，做到既丰富多样 又简洁明了。可以通过视觉要素的理性分析和严 格的形式构成，来提高对整体页面的把握能力和 审美能力，使得页面达到最佳的视觉表现效果， 较完美地体现设计者的思想和本页面的主题。
.
16
2.2组织网页的方法 1.突出个性： 要使所设计的网页内容独特、
个性鲜明，在网页的设计初期要仔细斟酌每
一帧网页的性质，突出本页面的核心内容。
.
17
2.具有可读性： 每个网页的内容要精练，避免长篇累赘；
背景颜色不可以太艳，背景图案不可以花哨， 不能喧宾夺主，要与正文适当的搭配，易于 阅读。
.
内容较少的网站虽说同样需要条理化，以达到更为富有 变化和清晰的视觉效果，但相对于前者的难度将大为降低。 只要安排合理，使页面达到平衡，即使在页面某处大面积 留空，也不会使人感到空荡，相反会给浏览者留下一个广 阔的思考空间，耐人回味。
.
24
1
1。 组织的内容确 实对浏览者有用， 确实围绕所定义的 目标和所定向的群 体，不要大而全覆 盖面过广；