DW41利用表格布局页面.pptVIP

# 课堂实践 课程引导 知识技能目标 知识讲解 项目总结 项目四 利用表格布局页面 上一页 下一页 课程trtrrtrtrtrtrrtt 下一页 上一页 退出 主菜单 教学目的 重点难点 教学方式 课程设计 教学过程 课程作业 课程小结 教学参考 主菜单 重点难点 教学内容 课程作业 课程小结 教学参考 教学目的 课程trtrrtrtrtrtrrtt 上一页 上一页 下一页 退出 主菜单 重点难点 教学内容 课程作业 课程小结 教学参考 教学目的 退出 返回上一级 课堂实践 课程引导 知识技能目标 知识讲解 项目总结 项目四 利用表格布局页面 上一页 下一页 课堂实践 课程引导 知识技能目标 知识讲解 项目总结 项目四 利用表格布局页面 上一页 下一页 课程引导 我们学会了制作简单的个人网页。请浏览【滨海中专校】的主页，我校主页中包含了哪些网页元素？这些文字和图片布局合理，搭配协调。这些文字和图片是通过什么方法布局的？ 　　 本节课我们一起学习利用表格布局页面的方法。 表格能准确定位网页中的文本、图像及其他元素。 复习回顾 　 新建网站“全运会”、新建网页index.html，并设置页面属性。（P71） 1、页面文字：宋体、大小9点、颜色#666666、背景图像bg1.gif、上下边距0 2、链接文字：宋体、大小9点、颜色#666666、变换图像链接#333333、已访问链接颜色#666666、下划线样式为“仅在变换图像时显示下划线” 3、标题/编码：网页标题“全运会”、编码为简体中文GB2312 知识技能目标 （1）学会添加表格及嵌套表格，并设置表格属性 （2）掌握添加、删除表格中行/列的方法。 （3）掌握拆分单元格、合并单元格的方法。 （4）掌握表格元素行、列、单元格属性的设置。 网页布局与组成分析 （1）本网页为普通的上中下型版式结构，上、下均为一幅图片，中间为左右型结构，包括多幅图片和几行文字。 （2）本网页使用了表格对图片、文字进行合理布局。 6行×2列 1行×1列 4行×1列 首先：左右1行×2列 其次：左列2行×1列的嵌套表格 第三：第二行的 三个嵌套表格 一、表格 (一）、插入表格 知识讲解 1．单击菜单【插入记录】→【表格】 2. 窗口—插入 打开插入工具栏---常用—表格 3. 快捷键 CTRL+ALT+T 知识讲解 一张表格横向叫行， 纵向叫列。 行列交叉部分就叫做单元格 单元格中的内容和单元格边框之间的距离叫边距。 单元格和单元格之间的距离叫间距。 整张表格的边缘叫做边框。 边框粗细、单元格边距、单元格间距设置为0与空白的区别 知识讲解 （二）、表格参数设置 （1）在“行数”文本框中输入“3”，在“列数”文本框中输入“1”； （2）在“表格宽度”文本框输入“900”，其后的下拉列表框中选择宽度的单位为“像素”； （3）边框粗细、单元格边距、单元格间距设置为0； （4）表格对奇方式：居中对齐 （三）、嵌套表格 指在表格的某个单元格中再插入一个表格，其宽度受所在单元格的宽度限制。当单个表格不能满足布局的需求时，可以进行嵌套表格的创建。 活动引导1： 插入3行1列的表格，居中对齐，间距等均为0 第二行单元格内插入1行2列的嵌套表格，表格宽度100%，边框粗细、间距、边距均为0 知识讲解 （四）、选择表格和表格元素 　　在进行表格操作之前，我们必须首先选定被操作的对象，对于表格而言，可以选定整个表格、单行、单列、多行、多列、连续或不连续的单元格。 1、选中整个表格有以下几种方法： 1）、将光标移到表格边框线上，当边框线为红色且光标变为 形状时，单击鼠标左键即可。 2）、将光标移到表格的边框上，当鼠标光标变为 或 的形状时单击鼠标即可。 将光标插入点定位到表格的任一单元格中，单击窗口左下角标签选择器中的table标签即可。 3）、将光标插入点定位到表格的任意单元格中，表格上端或下端将弹出绿线的标志，单击最上端标有表格宽度的绿线中的下拉按钮，在弹出的快捷菜单中选择“选择表格”命令即可。 2、行、列的选中方法如下： 将光标移到所需行的左侧，当光标变为 形状且该行的边框线变为红色时单击鼠标即可选中该行。 将光标移到所需列的上端，当光标变为 形状且该列的边框线变为红色时单击鼠标左键即可选中该列。 3、单元格的选中方法如下： 单个单元格的选中：单击 多个单元格：连续区域shift键 不连续区域ctrl键 知识讲解 二、添加、删除行和列 1、菜单：插入行或列