欢迎来到天天文库
浏览记录
ID:26996226
大小:5.29 MB
页数:27页
时间:2018-11-30
《使用表格布局排版网页》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、第3章使用表格布局排版网页教学内容:表格是网页不可缺少的重要元素。无论用于排列数据还是在页面上对文本进行排版,表格都表现出了强大的功能。它以简洁明了和高效快捷的方式,将数据、文本、图像和表单等元素有序地显示在页面上,从而呈现出版式漂亮的网页。表格最基本的作用就是让复杂的数据变得更有条理,让人容易看懂,在设计页面时,往往要利用表格来排版网页元素。通过对本章的学习,应掌握插入表格、设置表格属性和编辑表格的方法,能够利用表格排列网页数据。学习目标掌握表格的插入掌握表格属性的设置掌握选择表格的方法掌握编辑表格和单元格
2、掌握利用表格排列布局网页教学目标和基本要求_________________________________________________________________________________________________________教学时间:本章共分_______课时教学方法案例教学多媒体教学理论面授教学素材课程范例文件:sample第3章练习文件:exercise第3章3.1插入表格在Dreamweaver中,表格可以用于制作简单的图表,还可以用于安排网页文档的整体布局,起着非常
3、重要的作用。利用表格设计页面布局,可以不受分辨率的限制。3.1.1表格的基本概念表格基础是随着添加正文或图像而扩展的。表格由行、列和单元格3部分组成。行贯穿表格的左右;列则是上下方向的;单元格是行和列交汇的部分,是输入信息的地方。单元格会自动扩展到输入信息相适应的尺寸。3.1.2小案例——插入表格在Dreamweaver中插入表格非常简单。3.2设置表格属性直接插入的表格有时并不能让人满意,在Dreamweaver中,通过设置表格或单元格的属性,可以很方便地修改表格的外观。3.2.1小设置表格属性设置表格的属
4、性,可以通过表格的【属性】面板进行。选择表格,在【属性】面板中将显示表格的属性。3.2.2设置单元格属性将光标置于单元格中,该单元格就处于选中状态,此时属性面板中显示出所有允许设置的单元格属性的选项。3.3选择表格元素要想在文档中对一个元素进行编辑,那么首先要选择它;同样,要想对表格进行编辑,首先也要选中它。选择表格操作可以分为选中整个表格、选中单元格等几种情况,下面分别进行介绍。3.3.1选取表格选择整个表格有以下几种方法。单击表格线的任意位置。将光标置于表格内的任意位置,选择菜单中的【修改】
5、【表格】
6、【
7、选择表格】命令。将光标放置到表格的左上角,按住鼠标左键不放,拖曳鼠标指针到表格的右下角,将整个表格中的单元格选中,单击鼠标右键,在弹出的菜单中选择【表格】
8、【选择表格】选项。将光标放置在表格的任意位置,单击文档窗口左下角的
9、行或者列。3.3.3选取单元格选择表格中的单个或多个单元格的方法有以下多种。按住鼠标左键并拖曳,可以选择一个单元格或多个单元格。按住Ctrl键,单击选择的单元格,即可选中单元格。将光标放置在表格的任意单元格中,单击窗口左下角的
10、3.4表格的基本操作创建表格后,可以根据需要调整表格的高度和宽度,添加或删除行或列,拆分或合并单元格等。3.4.1小案例——调整表格高度和宽度调整表格的高度和宽度时,表格中所有单元格将按比例相应改变大小。选中表格,此时会出现3个控制点,将鼠标指针分别放在3个不同的控制点上,按住鼠标左键拖动即可改变表格的高度和宽度。3.4.2小案例—添加或删除行或列将光标置于要插入行的位置,选择菜单中的【修改】
11、【表格】
12、【插入行】命令,即可插入一行。将光标置于要插入列的位置,选择菜单中的【修改】
13、【表格】
14、【插入列】命令,即
15、可插入一列。将光标置于要插入行或列的位置,选择菜单中的【修改】
16、【表格】
17、【插入行或列】命令,弹出【插入行或列】对话框,在对话框中进行相应的设置,单击【确定】按钮,即可插入行或列。删除行或列有以下几种方法。将光标置于要删除行的位置,选择菜单中的【修改】
18、【表格】
19、【删除行】命令,即可删除行。将光标置于要删除列的位置,选择菜单中的【修改】
20、【表格】
21、【删除列】命令,即可删除列。选中要删除的行或列,选择
此文档下载收益归作者所有