DW网页布局表格布局表格课件
29页1、4.1 使用表格,所谓表格就是由一个或多个单元格构成的集合,表格中横向的多个单元格称为行,垂直的多个单元格称为列。行与列的交叉区域称为单元格,网页中的元素通常都被放置在这些单元格中,以使其“各安其位”。,此处表示未明确设置单元格的宽度,此处显示了表格的宽度。如果只显示一个“”符号,表示未明确设置表格宽度,4.1.1 创建表格,在Dreamweaver中创建表格的方法非常简单。确定插入点后,单击“常用”插入栏中的“表格”按钮,打开“表格”对话框,设置各项参数后,单击“确定”按钮,即可插入表格。,4.1.2 选择表格和单元格,在Dreamweaver中选择表格的方法非常简单,只需用鼠标单击表格边框线即可。 要选择某个单元格,可首先将插入点放置在该单元格内,然后按【CtrlA】组合键或单击“标签选择器”中对应的“”标签。 要选择某行或某列,可将光标置于该行左侧或该列顶部,当光标形状变为黑色箭头 或 时单击鼠标。,4.1.3 设置表格和单元格的属性,选中表格后,使用属性面板可以修改表格的行、列、宽、高,以及填充、间距等。,在单元格中单击,属性面板中将显示相应单元格的属性。,1设置表格和单元格的
2、宽度与高度,制作网页时,很多情况下都需要改变表格和单元格的宽度与高度,通过拖动边框或在属性面板的“宽”和“高”文本框中直接输入数值,就可以非常方便地改变表格和单元格的宽度与高度。,设置表格高度,设置单元格“宽”和“高”,2为表格和单元格设置背景颜色及背景图像,为表格和单元格设置背景颜色及背景图像的方法相当简单。,将插入点置于单元格中,单击“背景”文本框后的文件夹图标,选择文件,课堂练习1 使用表格构建“火百合”主页布局,在学习了表格的简单应用后,下面将结合表格与图像的应用来看一下“火百合”主页的具体制作方法。,课堂练习2 制作细线表格,在Dreamweaver中,有多种方法可以制作细线表格,下面我们讲解一种最简单也是最常用的方法,就是通过设置表格的间距和背景颜色来制作细线表格。,4.1.4 合并与拆分单元格,1合并单元格,所谓合并单元格,就是将相邻的几个单元格合并成一个单元格。,拖动鼠标选中要合并的单元格,单击“合并所选单元格,使用跨度”按钮,2拆分单元格,拆分单元格表示将一个单元格拆分成多个单元格,下面继续在前面的文档中操作,也就是将前面合并的单元格拆分开来,具体操作如下。,在要拆分
3、的单元格中单击,单击“拆分单元格为行或列”按钮,打开“拆分单元格”对话框,设置各项参数后单击“确定”按钮,4.1.5 添加或删除行和列,在使用表格布局网页时,往往需要在创建好的表格中添加或删除行和列。,在要添加行或列的单元格中单击鼠标右键,在弹出的快捷菜单中选择“表格”“插入行或列”菜单,在打开的“插入行或列”对话框中设置各项后单击“确定”按钮,4.1.6 格式化表格,在使用表格显示数据信息时,为便于浏览者阅读,往往需要为单元格设置不同的背景颜色。常用的方法如下。,选中表格后,选择“命令”“格式化表格”菜单,在“格式化表格”对话框中设置各项后,单击“确定”按钮,课堂练习3 制作嵌套表格,所谓嵌套表格,就是在一个大表格的某个单元格里插入一个新的表格,我们看到的绝大多数网页都是由多个表格相互嵌套进行网页布局的。 本节通过制作“lily”网站中的“产品展示”页面来看看嵌套表格的应用和制作方法。,课堂练习4 制作圆角表格,在浏览网页时,经常会看到圆角表格,这使得整个网页看起来更加柔和、美观。 制作圆角表格的方法有很多,下面就以制作下图左侧的表格为例,具体讲解一下此类表格的制作方法。,4.2使用
4、布局表格布局网页 4.2.1.模式简介及注意事项 在dw中使用表格有以下3种模式: 标准模式:具体内容添加和显示的模式。 表格扩展模式:使用表格对页面进行布局的模式,也是传统模式。 布局模式:使用布局表格对页面进行布局的模式,可以在添加内容前使用布局单元格和表格来对页面进行布局;也可以在布局模式中将文本、图像和其他内容添加到布局单元格中,这和在标准模式中一样。 布局模式同时具有表格和层的共同性质,继承了层的准确定位和可移动性,还继承了表格的行列属性。,模式切换的操作方式:查看-表格模式-标准模式/布局模式/表格扩展模式。 在不同模式下,工具栏的各个按钮作用不同。 注意:只有在“设计”视图中才可切换到“布局”模式。在布局模式中不能像布局表格的空白区域插入内容,只能创建布局单元格,布局单元格才是承载具体内容的容器。 4.2.2.绘制布局表格 按住ctrl键可以绘制多个布局表格。,4.2.3绘制布局单元格: 按住ctrl键拖动可以连续绘制多个布局单元格。 注意要点: 如果页面已包含内容,则只能在现有内容的下方空白区绘制新的布局表格。 在一个布局表格中可创建多个布局单元格;布局单元格不能存在于
《DW网页布局表格布局表格课件》由会员我***分享,可在线阅读,更多相关《DW网页布局表格布局表格课件》请在金锄头文库上搜索。
2020届中考英语备考复习-作文课件
2019年中考英语复习-专题十五-交际运用(试卷部分)课件
2019届二轮复习-高中英语-情态动词和虚拟语气课件
2019届一轮复习苏教版物质的跨膜运输课件
2019年北师大版英语单元复习课件::Unit17Laughter课件北师大版选修6
2021届新中考物理冲刺备考复习-力-弹力-重力课件
2019届一轮复习人教版种群的特征和数量变化课件
2020年高考地理一轮复习--等高线地形图-课件
2019版高考英语一轮复习-Unit-1-Living-well课件
2019届一轮复习人教版孟德尔的遗传定律——基因分离定律课件
2019届高三第二轮复习专题二万有引力定律及其应用课件
2020最新部编版语文五年级上册23-鸟的天堂课件含课后练习
2020版高考(浙江)一轮复习:第7讲-细胞呼吸课件
2020年新教材高中英语UNIT4HISTORYANDTRADITIONSSectionⅢDiscoveringUsefulStructures课件必修第二册
2019届高考历史二轮复习阶段三专题十三罗斯福新政与当代资本主义的新变化课件2
2019版高考生物二轮复习-专题三-细胞的生命历程-考点9-细胞分裂过程图像和坐标曲线的识别课件
(通史版)2021版高考历史一轮复习第4部分高考讲座(三)2高考非选择题(12分开放探究题)规范答题讲练课件
2019届高三地理复习第五讲--《区际联系与区域协调发展》课件
2021人教部编版历史九年级上册习题课件:第18课美国的独立
2020学年新教材高中英语Unit1FoodforthoughtPeriodTwoStartingout课件
2024-05-05 51页
2024-05-05 59页
2024-05-05 29页
2024-05-05 19页
2024-05-05 20页
2024-05-05 23页
2024-05-05 28页
2024-05-05 21页
2024-05-05 29页
2024-05-05 22页