第3章使用表格布局排版网页.ppt
《第3章使用表格布局排版网页.ppt》由会员分享,可在线阅读,更多相关《第3章使用表格布局排版网页.ppt(27页珍藏版)》请在三一文库上搜索。
1、第3章使用表格布局排版网页,教学内容:表格是网页不可缺少的重要元素。无论用于排列数据还是在页面上对文本进行排版,表格都表现出了强大的功能。它以简洁明了和高效快捷的方式,将数据、文本、图像和表单等元素有序地显示在页面上,从而呈现出版式漂亮的网页。表格最基本的作用就是让复杂的数据变得更有条理,让人容易看懂,在设计页面时,往往要利用表格来排版网页元素。通过对本章的学习,应掌握插入表格、设置表格属性和编辑表格的方法,能够利用表格排列网页数据。,学习目标 掌握表格的插入 掌握表格属性的设置 掌握选择表格的方法 掌握编辑表格和单元格 掌握利用表格排列布局网页,教学目标和基本要求 _ _ _ 教学时间:本章
2、共分_课时 教学方法 案例教学 多媒体教学 理论面授 教学素材 课程范例文件:sample第3章 练习文件:exercise第3章,3.1 插入表格,在Dreamweaver 中,表格可以用于制作简单的图表,还可以用于安排网页文档的整体布局,起着非常重要的作用。利用表格设计页面布局,可以不受分辨率的限制 。,3.1.1 表格的基本概念 表格基础是随着添加正文或图像而扩展的。表格由行、列和单元格3部分组成。行贯穿表格的左右;列则是上下方向的;单元格是行和列交汇的部分,是输入信息的地方。单元格会自动扩展到输入信息相适应的尺寸 。,3.1.2小案例插入表格 在Dreamweaver中插入表格非常简单
3、 。,3.2 设置表格属性,直接插入的表格有时并不能让人满意,在Dreamweaver中,通过设置表格或单元格的属性,可以很方便地修改表格的外观 。,3.2.1小 设置表格属性 设置表格的属性,可以通过表格的【属性】面板进行。选择表格,在【属性】面板中将显示表格的属性 。,3.2.2 设置单元格属性 将光标置于单元格中,该单元格就处于选中状态,此时属性面板中显示出所有允许设置的单元格属性的选项 。,3.3 选择表格元素 要想在文档中对一个元素进行编辑,那么首先要选择它;同样,要想对表格进行编辑,首先也要选中它。选择表格操作可以分为选中整个表格、选中单元格等几种情况,下面分别进行介绍。,3.3.
4、1 选取表格 选择整个表格有以下几种方法。 单击表格线的任意位置。 将光标置于表格内的任意位置,选择菜单中的【修改】|【表格】|【选择表格】命令。 将光标放置到表格的左上角,按住鼠标左键不放,拖曳鼠标指针到表格的右下角,将整个表格中的单元格选中,单击鼠标右键,在弹出的菜单中选择【表格】|【选择表格】选项。 将光标放置在表格的任意位置,单击文档窗口左下角的标签,选中表格后,选项控柄就出现在表格的四周。,3.3.2 选取行或列 选择表格的行或列有以下几种方法。 当鼠标指针位于要选择行首或列顶时,鼠标指针形状变成了 箭头或 箭头时,单击鼠标左键即可以选中行或列。 将光标置于要选择的行首或列顶,按住鼠
5、标左键不放从左至右拖曳或者从上至下拖曳,即可选中行或者列。,3.3.3 选取单元格 选择表格中的单个或多个单元格的方法有以下多种。 按住鼠标左键并拖曳,可以选择一个单元格或多个单元格。 按住Ctrl键,单击选择的单元格,即可选中单元格。 将光标放置在表格的任意单元格中,单击窗口左下角的标签,即可选中一个单元格。 在已经选择的相邻单元格中,按住Ctrl键单击不想选择的单元格,将其去除,可以选择不相邻的多个单元格。,按住Shift键不放并单击多个单元格中的第一个和最后一个,可以选择多个相邻的单元格。 按住Ctrl键不放并单击多个单元格,可以选择多个相邻或不相邻的单元格。,3.4 表格的基本操作,创
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 使用 表格 布局 排版 网页
链接地址:https://www.31doc.com/p-2602324.html