DW网页布局(表格、布局表格)
30页1、第4章 构建网页布局 使用表格 使用布局表格4.1 使用表格 所谓表格就是由一个或多个单元格构成的集合, 表格中横向的多个单元格称为行,垂直的多个单 元格称为列。行与列的交叉区域称为单元格,网 页中的元素通常都被放置在这些单元格中,以使 其“各安其位”。 此处表示未 明确设置单元格的宽度 此处显示了表格的宽 度。如果只显示一个 “”符号,表示未明确设置表格宽度 4.1.1 创建表格 在Dreamweaver中创建表格的方法非常简单。 确定插入点后,单击“常用”插入栏中的“表 格”按钮,打开“表格”对话框,设置各项参 数后,单击“确定”按钮,即可插入表格。 4.1.2 选择表格和单元格 在Dreamweaver中选择表格的方法非常简单, 只需用鼠标单击表格边框线即可。 要选择某个单元格,可首先将插入点放置在 该单元格内,然后按【CtrlA】组合键或单 击“标签选择器”中对应的“”标签。 要选择某行或某列,可将光标置于该行左侧 或该列顶部,当光标形状变为黑色箭头 或 时单击鼠标。4.1.3 设置表格和单元格的属性 选中表格后,使用属性面板可以修改表格的 行、列、宽、高,以及填充、间距等。
2、在单元格中单击,属性面板中将显示相应单 元格的属性。1设置表格和单元格的宽度与高度 制作网页时,很多情况下都需要改变表格和单 元格的宽度与高度,通过拖动边框或在属性面 板的“宽”和“高”文本框中直接输入数值, 就可以非常方便地改变表格和单元格的宽度与 高度。设置表格高度 设置单元格“宽”和“高” 2为表格和单元格设置背景颜色及背景图像 为表格和单元格设置背景颜色及背景图像的 方法相当简单。将插入点置于单元格中 单击“背景” 文本框后的文 件夹图标选择文件 课堂练习1 使用表格构建“火百合”主页布局在学习了表格的简单应用后,下面将结合表格 与图像的应用来看一下“火百合”主页的具体 制作方法。 课堂练习2 制作细线表格在Dreamweaver中,有多种方法可以制作细线表 格,下面我们讲解一种最简单也是最常用的方 法,就是通过设置表格的间距和背景颜色来制 作细线表格。 4.1.4 合并与拆分单元格 1合并单元格 所谓合并单元格,就是将相邻的几个单元格合 并成一个单元格。 拖动鼠标选 中要合并的 单元格 单击“合并所 选单元格,使 用跨度”按钮2拆分单元格拆分单元格表示将一个单元格拆分成多个单
3、元 格,下面继续在前面的文档中操作,也就是将 前面合并的单元格拆分开来,具体操作如下。 在要拆分 的单元格 中单击单击“拆分单元格 为行或列”按钮打开“拆分单元 格”对话框,设 置各项参数后单 击“确定”按钮 4.1.5 添加或删除行和列在使用表格布局网页时,往往需要在创建好 的表格中添加或删除行和列。 在要添加行或列 的单元格中单击 鼠标右键,在弹 出的快捷菜单中 选择“表格”“ 插入行或列”菜 单 在打开的“插入 行或列”对话框 中设置各项后单 击“确定”按钮 4.1.6 格式化表格 在使用表格显示数据信息时,为便于浏览者阅 读,往往需要为单元格设置不同的背景颜色。 常用的方法如下。选中表格后,选 择“命令”“格 式化表格”菜单 在“格式化表格 ”对话框中设置 各项后,单击“ 确定”按钮 课堂练习3 制作嵌套表格 所谓嵌套表格,就是在一个大表格的某个单元格 里插入一个新的表格,我们看到的绝大多数网页 都是由多个表格相互嵌套进行网页布局的。 本节通过制作“lily”网站中的“产品展示”页 面来看看嵌套表格的应用和制作方法。 课堂练习4 制作圆角表格 在浏览网页时,经常会看到圆角表格,
4、这使得 整个网页看起来更加柔和、美观。 制作圆角表格的方法有很多,下面就以制作下 图左侧的表格为例,具体讲解一下此类表格的 制作方法。 4.2使用布局表格布局网页4.2.1.模式简介及注意事项 在dw中使用表格有以下3种模式: 标准模式:具体内容添加和显示的模式。 表格扩展模式:使用表格对页面进行布局的模式,也是 传统模式。 布局模式:使用布局表格对页面进行布局的模式,可以 在添加内容前使用布局单元格和表格来对页面进行布局;也 可以在布局模式中将文本、图像和其他内容添加到布局单元 格中,这和在标准模式中一样。布局模式同时具有表格和层的共同性质,继承了层的准确 定位和可移动性,还继承了表格的行列属性。模式切换的操作方式:查看-表格模式-标 准模式/布局模式/表格扩展模式。 在不同模式下,工具栏的各个按钮作用不同。 注意:只有在“设计”视图中才可切换到“布 局”模式。在布局模式中不能像布局表格的 空白区域插入内容,只能创建布局单元格, 布局单元格才是承载具体内容的容器。 4.2.2.绘制布局表格 按住ctrl键可以绘制多个布局表格。4.2.3绘制布局单元格: 按住ctrl键拖动可以连续绘制
《DW网页布局(表格、布局表格)》由会员平***分享,可在线阅读,更多相关《DW网页布局(表格、布局表格)》请在金锄头文库上搜索。
小说情节故事发展
小学品德与社会你的心情我理解
斯塔瑞设备介绍及常见问题解答2009-12-23
传统渠道终端执行标准.
不要侵犯我的隐私权
4.2关注生物技术的伦理问题
第六讲责任政府与行政监督
创意地产培训平【建筑易摹仿生活方式难克隆
高考历史第一轮复习【必修一第三单元】精品课件
马克思主义哲学专接本精讲二
销售与服务技巧(精品)
龙之谷火舞职业详解
酒店微笑服务礼仪培训(113)32修改
通用技术1--第一章第二节-技术的性质(修改)
高中数学:函数的极值与最值
高中低档商务、生活礼品大合集-2
风景园林各要素的表现方法
雪碧广告文案策划书
历史必修二第19课经济体制改革
门电路和组合逻辑电路
2024-04-09 13页
2023-04-02 50页
2023-04-02 53页
2022-08-17 23页
2022-08-17 30页
2022-08-17 16页
2022-08-17 18页
2022-08-17 17页
2022-08-17 33页
2022-08-15 64页