第三章网页规划与布局（）.ppt

第三章 网页的规划与布局 本讲内容 第一节 网页的组织结构 1、综述 网页的内容和组织取决于网站的主题和定位。确定了网站的定位和模式，就可以对网页的内容进行组织、规划和布局。 2、首页的结构 首页(又称主页)是网站的脸面,是企业、商家或政府机构等形象代表。首页一般包含主题、徽标、企业精神、经营理念、旗帜广告、首页链接、最新报道、联系方式、招贤纳士和栏目简介等。首页应视一件艺术品，精雕细琢，供浏览者欣赏和享用。 特别注意 不应该放广告，特别不能放很多。不应虎头蛇尾。不要机关重重。 3、一般页面的结构 一般页面也称子页面，其结构往往是依据要表现的内容而定，形式比较单一。页面的主题突出，取向性强，主要用于描述同一类事情，如图片或文字，其表现力可以弱于首页，但是风格、模式和色彩上应与首页保持一致。 4、网站页面的组织结构 页面的内容取决于网站的类型,而网站又是由一帧帧的页面有机组合而成。网站除了内容丰富、可读性强以外，在内容的组织上应该做到层次分明、严谨清晰。一般来说，设计网站常常采用顺序结构、层次结构、网状结构或复合结构来组织页面。 1 顺序结构 它适合组织一些顺序性较强的页面内容，如电子图书，产品描述等，只需要简单地按照一定的顺序浏览即可，这样的结构很象幻灯片的演示。 X2.HTM 2 层次结构 是最基本的一种网页组织形式。其优点是前后顺序清楚，关系明确。每一个页面在水平方向有极为密切的上下级关系，在竖直方向上具有并列关系。 3 网状结构 是网页之间连接灵活，是一种较为人性化的设计。 4 复合结构 在网页设计中页面之间的组织结构通常是不会采用以上单一的结构。而是使用两种或两种以上的结构，称为复合结构。 第二节 网页内容组织 3.2.1综述 建设网站的第一步是收集资料，分门别类，将这些素材合理地分配到由超级连接组织的不同的网页中，使得自己的网页能够吸引众多的浏览者，网页的内容的有效组织是必不可少的。网站的内容丰富，信息量大，应该运用一定的方式将其条理化，同时在一定程度上加以归纳重复利用，使得网页较为整齐，脉络清晰，重点突出。 3.2.2组织网页的方法 1.突出个性： 要使所设计的网页内容独特、个性鲜明，在网页的设计初期要仔细斟酌每一帧网页的性质，突出本页面的核心内容。 2.具有可读性： 每个网页的内容要精练，避免长篇累赘；背景颜色不可以太艳，背景图案不可以花哨，不能喧宾夺主，要与正文适当的搭配，易于阅读。 3.完整性强： 应当尽量把联系紧密的内容放在同一帧页面中，使得每一帧的内容相对较为独立，具有较好的完整性。 4.布局合理： 网页设计作为一种视觉语言，必定要讲究编排和布局，虽然网页设计不同平面设计，但是两者有许多相近之处，可以充分加以利用和借鉴。网页设计通过文字、图片的恰当组合，表达和谐与美，使得整体布局合理、有序，做到既丰富多样又简洁明了。可以通过视觉要素的理性分析和严格的形式构成，来提高对整体页面的把握能力和审美能力，使得页面达到最佳的视觉表现效果，较完美地体现设计者的思想和本页面的主题。 5.重要信息放置在首页： 眼睛是心灵的窗户。我们把报纸的最显眼的地方称报眼----报纸的眼睛。网页也是一样有最显眼的地方-----此处也是应该较为重要的或是最新的内容的放在主要的地方。可以通过导航栏或将重点信息、论点等置于页面的醒目位置，还可以通过弹出窗口来发布重要要信息。 3.2.3 内容组织原则 3.2.4 内容组织 建设网站的第一步是收集资料，怎样分门别类，将这些素材合理地分配到由超链接组织起来的不同网页中，使自己的网页能吸引众多的浏览者，网页内容的有效组织是必不可少的。 网站内容丰富，信息含量大，应该运用一定的方式将其条理化，同时在一定程度上加以归纳后重复利用，使网页较为整齐，脉络清楚，读起来也有重点。如文字的合理编排，图片和文字的有机结合、前后呼应等等。 内容较少的网站虽说同样需要条理化，以达到更为富有变化和清晰的视觉效果，但相对于前者的难度将大为降低。只要安排合理，使页面达到平衡，即使在页面某处大面积留空，也不会使人感到空荡，相反会给浏览者留下一个广阔的思考空间，耐人回味。 3.3网页设计流程  内容组织 3.3.1网页目标和风格 网站包含着众多内容各异，错综复杂的网页，这些网页的内容组织，材料收集和处理工作通常可以