第3章网页的布局.pptVIP

本章学习要求：利用表格排版 1、表格的嵌套P54 2、在表格中使用不同的背景色P57 3、首字符下沉。 * 第3章 规划网页的布局 * 很好 山学院 中 3.1 网页布局实例 3.1.1 网页的风格 在对网页插入各种对象、修饰效果前，一定要确定要确定网页的总体风格。 3.1.1 网页的风格1 “搜狐”的主页的内容很丰富，色彩鲜艳并有许多大幅广告和浮动广告栏。 3.1.1 网页的风格2 微软中国的主页，内容比较专一，内容非常有条理，栏目突出，没有凌乱的感觉。 3.1.1 网页的风格3 这是一个个人主页，它看起来更简单，感觉非常清新。 3.1.2 网页布局实例 所谓网页的布局，通俗地说，就是确定网页上的网站标志、导航栏、菜单等元素的位置。 重要的元素都放在突出的位置。 3.1.2 网页布局实例1 “厂”字型结构的特点是内容清晰，一目了然。 3.1.2 网页布局实例2 “同”字型结构的特点是超链接多、信息量大。 3.1.2 网页布局实例3 标题正文型结构的顶端是网站标识和标题，下面是网页正文。内容非常简单。 3.1.2 网页布局实例4 分栏型结构，这种结构一般分为左右（或上下）两栏，也有的分为多栏。一般将导航链接与正文放在不同的栏中。这样打开新的网页，导航链接栏的内容不会发生变化。(第5章内容） 3.1.2 网页布局实例5 Flash型结构采用Flash技术来完成 3.1.2 网页布局实例6 封面型结构， 3.1.3 网页布局注意事项 1.平衡性 2.对称性 3.对比性 4.疏密度 5.反复性 6.韵律感 网页的排版布局是决定网站美观与否的一个重要方面，通过合理的、有创意的布局，才可以把文字、图像等内容完美地展现在浏览者面前。 3.1.4 画出网页布局草图 3.2 使用表格 实现网页的布局有两种方法，一种是采用表格，一种是使用布局视图。 3.2.1 表格概述 在网页中，表格的作用主要有两种： 一是存放数据和显示信息； 二是组织网页的内容 对于图文混排的网页，利用表格可以大大提高网页制作的效率，而隐藏表格框线后，可以使浏览者感受不到表格的存在。 3.2.2 插入表格 单击菜单栏上的 “表格” ，打开“表格”菜单，移动鼠标指针到“插入”上，在下一级菜单中单击“表格”，出现“插入表格”对话框。 在“插入表格”对话框中，输入欲插入表格的行数、列数和边框线宽度，单击“确定”。 3.2.3 插入、删除表格的行、列和单元格 使光标出现在表格中。然后单击菜单栏上的 “表格” ，打开“表格”菜单，再单击“表格”菜单中的“插入” ，在下一级菜单中单击“行或列”，打开“插入行或列”对话框。 在“插入行或列”对话框选中“行”，在“行数”右端的栏位中输入1，然后选中“所选区域之上”。单击“确定” ，在第二行的上面将插入一行。 * 第3章 规划网页的布局