hxzdw第6章表格.ppt
- 文档编号:17026414
- 上传时间:2023-07-21
- 格式:PPT
- 页数:41
- 大小:2.03MB
hxzdw第6章表格.ppt
《hxzdw第6章表格.ppt》由会员分享,可在线阅读,更多相关《hxzdw第6章表格.ppt(41页珍藏版)》请在冰点文库上搜索。
第6课在网页中应用表格,课堂讲解,插入表格输入表格内容表格嵌套选择表格合并及拆分单元格插入或删除行或列设置表格、单元格属性和表格模板表格内容的移动和排序表格数据的导出,插入表格(01html基础20),在网页制作中,对页面进行布局是非常重要的,表格就是页面布局中常用的方式。
Dreamweaver8不仅支持在表格中有序地排列数据,还可用表格对网页中的文本、图像及其他元素进行定位。
认识网页中的表格行:
表格中的水平间隔。
列:
表格中的垂直间隔。
单元格:
表格中一行与一列相交所产生的区域,单元格中可以插入文字、图像、动画等网页元素。
使用表格,表格对于制作网页是很重要的,现在很多网页都是使用多重表格。
主要是因为表格不但可以固定文本或图像的输出,而且还可以任意地设置背景和前景颜色。
认识表格标记、表示行、表示列。
例1-8(简单表格例8)设置表格的整体属性设置表格的一行的属性设置单元格的属性,编号姓名成绩007柳国杰95,表格整体属性,表格一行属性(表格行格式例9.html),第一行边界线为蓝色第一行靠右对齐第二行向光边框为绿色背光边框为红色第二行靠底对齐,普通单元格属性,标题单元格标记替代,在所标记的文字加上粗体能达到同样效果表格总标题标记,作用是为表格标示一个标题列,如同在表格上方加一没有格线的通栏列。
属性来设置该表格标题列相对于表格的对齐方式(水平),可选值为:
left、center、Right、top、Middle与bottom。
Rules和frames属性:
外边框和内边框的设计不换行属性的实现表格不撑开效果实现,页眉效果姓名李维张红性别男女职称副教授助教,输入表格内容,手动添加表格内容从其他文档导入表格式数据,手动添加表格内容,将表格插入到文档后即可向表格添加文本或图像等内容。
向表格添加内容的方法很简单,只需将插入点定位到要输入内容的单元格中,再输入文本或插入图像即可。
从其他文档导入表格式数据,Dreamweaver8可以将创建在另一个应用程序(如写字板文件)中的数据导入到网页中并设置为表格的格式,而且各数据之间可以以制表符、逗号、冒号、分号或其他分隔符分隔开来。
选择文件导入表格式数据菜单命令;选择插入表格对象导入表格式数据菜单命令。
表格嵌套,嵌套表格是表格布局中一个十分重要的环节,它是指在一个表格的单元格中再插入一个表格,嵌套表格的宽度受所在单元格的宽度限制,其编辑方法与表格相同。
选择表格,选择整个表格选择整行或整列选择单元格,选择整个表格,选择整行或整列,将鼠标光标移到要选择行或列的左侧或上方,当需要选择的行或列边框线呈红色时单击鼠标即可。
选择单元格,单元格的选择分为选择单个单元格和选择多个单元格区域。
合并及拆分单元格,合并单元格拆分单元格,合并单元格,合并单元格操作只能针对连续的单元格使用。
拆分单元格,表格中每一行中的单元格列数可能不等,这时就可根据需要使用拆分命令把一个单元格变为几个单元格。
插入或删除行或列,插入单行或单列插入多行或多列删除行或列,插入单行或单列,绿色标志下面的小箭头可以添加列,插入多行或多列,删除行或列,将插入点定位到要删除行或列的任意一个单元格中,然后选择修改表格删除行菜单命令或选择修改表格删除列菜单命令。
选择表格要删除的行或列,然后选择编辑清除菜单命令或按【Delete】键。
设置表格、单元格属性和表格模板,设置表格属性设置单元格属性套用表格模板,设置表格属性,“表格”属性面板中显示了插入表格的所有特性,通过修改面板中的参数可快速地编辑表格外观。
设置单元格属性,在编辑网页时除可以设置整个表格的属性外,还可以单独设置表格中某行、列或单元格的属性。
套用表格模板,在Dreamweaver8中提供了多个表格模板供用户选择使用,还可以通过设置模板的参数来调整表格的外观。
【命令】/【格式化表格】,表格内容的移动和排序,表格整列内容的移动表格的排序,表格整列内容的移动,选中列,剪切/粘贴即可,粘在光标所在列左侧,表格的排序,表格一般用来处理数据,在处理数据的同时还需要对表格中的各项进行排序。
命令/排序表格,表格数据的导出,因为语言原因,导出的文件只能用写字板打开才能正确显示其中的数据,在其他程序中打开会乱码。
课堂实例用表格布局网页,1插入表格,设置表格属性和页面属性2布局Banner和导航条3布局图像列表4布局详细内容,练习1创建一个学生管理表在网页中制作一个学生管理表,效果如图3-75所示。
先插入一个7行4列的表格,设置表格宽度和高度,然后合并单元格,输入相应的文本即可。
图3-75学生管理表,练习2制作圆角细线表格制作一个圆角细线表格,效果如图所示。
先插入一个1行1列的表格,然后用事先制作好的图片(roundCorner.gif)作表格背景,然后将表格拆分为2行,设置第1行的高度为25像素。
从这个练习可以知道,很多时候如果想在网页中制作比较特殊的表格效果,需要借助外部图片。
事先将需要的网页效果画出来,然后在表格中作为背景或者直接插入。
练习3用表格布局主页制作一个用表格布局网站主页的实例,效果如图所示。
在本例中,采取了多种插入、修改表格的方法进行页面布局,旨在通过实例的操作练习,能够帮助读者更熟练地掌握表格布局的各个知识点,在今后的表格布局中灵活应用,方便快捷地完成页面布局。
练习4细描表格,
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- hxzdw 表格