第四章设计页面布局ppt课件

.,设计页面布局,第四章,.,教学目标:通过本节课的学习，学生基本掌握如何插入表格，设置表格属性，表格的作用及运用表格布局整个网页。教学重点：1、创建表格（重点）2、修改表格属性（重点、难点）3、表格的其它几类属性（重点）4、特殊表格的制作（难点）5、表格的嵌套（重点）6、表格布局网页（重点、难点）,.,任务一表格的基本操作,讲解演示一、创建表格1.方法：在“常用”插入面板中单击“表格”按钮选择“插入”“表格”命令快捷键ctrl+Alt+T通过自定义收藏夹,.,属性设置：单元格边距:确定单元格边框和单元格内容之间的像素数单元格间距:确定相邻的表格单元格之间的像素数修改表格属性（1）选中整个表格：用鼠标靠近表格边框，光标变为双向箭头点击左键（2）移动表格：光标变为表格状时拖动（3）选择单元格：光标移到表格边框外变为单向箭头击左键，快捷方式光标放在要选择单元格内，按住ctrl键击左键（4）修改整个表格属性（5）修改单元格属性,.,4.导入数据(1)导入xcel表格文件导入Excel文档(2)导入Word表格文件导入Word文档(3)导入表格数据文件导入表格式数据插入表格对象导入表格式数据(4)属性设置,.,5.细线表格的制作方法一：设置“边框”:0;“单元格间距”:1,然后给整个表格填充背景色（想要的表格边框颜色）再选择每个单元格填充背景色（颜色和页面的背景色相同）方法二：设置边框:1;边框颜色暗=“背景色”边框颜色亮=“边框色”,.,任务二网页布局,一:网页的类型“国”字型拐角型标题正文型左右框架型5.上下框架型,6.综合框架型7.封面型8、Flash型9、变化型,.,二:网站结构网页一个简单的网页是由LOGO（标志），Banner（横幅），导航栏，导航菜单，网页内容，版权声明。如下图所示:,.,说明:整个网页由三个表格组成。第一个表格，二行一列，第一行放LOGO和Banner,第二行放导航菜单。中间一个表格，一行二列，里面再分别插入两个表格，左边表格放导航或者图片，右边表格放网页内容。典型的二分栏结构。最下面一个表格，一行一列，放版权声明。,.,四:导航栏的设计导航栏在网页的设计中，直接关系到使用网页的方便，和整个网页的美观也有很大关系1.一般用“|”分隔;2.如果内容很多兼顾美观,则使用弹出式菜单3.如果是个人网站，内容较少，可以使用尺寸较大的图片作菜单4.现在使用较多的是用按钮做导航。,.,五:导航栏的分布1.竖排的2.横排的3.横排坚排均有的：5.弹出式菜单,.,六：导航条1.插入导航条可以输入或插入图象对象导航条,.,2.修改导航条选择“修改”“导航条”。七：布局视图的使用在“布局”模式下可以在添加内容前使用布局单元格和表格来对页面进行布局，包括嵌套在其他表格中的表格。,.,1.绘制布局表格A.在布局视图下，选择布局表格B.布局表格可以嵌套但不可以重叠C.如何绘制多个布局表格2.绘制布局单元格A.在布局视图下，选择布局单元格C.如何绘制多个布局单元格,.,归纳总结:本课程介绍了表格的使用方法。介绍了表格的插入方法，以及表格的属性设置。表格的选择，