DW网页布局:绘制布局单元格与表格操作详解
需积分: 50 35 浏览量
更新于2024-08-14
收藏 1.1MB PPT 举报
"本资源主要讲述如何在DW中进行网页布局,特别是利用表格和布局表格。内容涵盖了创建、选择、设置属性以及合并拆分单元格等操作。"
在网页设计中,布局是至关重要的,而Dreamweaver(DW)提供了一种强大的工具——布局表格,帮助设计师精确控制网页元素的位置。在【标题】"绘制布局单元格-DW网页布局(表格、布局表格)"中,我们关注的是如何使用DW中的布局单元格来构建网页布局。【描述】中强调了一些关键点:
1. 连续绘制布局单元格:通过按住Ctrl键拖动,可以在页面上快速创建多个布局单元格。
2. 布局限制:如果页面已有内容,新绘制的布局表格只能在内容下方的空白区域,且不能存在于布局表格之外或在其内部创建新的布局表格。
3. 自动创建布局表格:当绘制的单元格不在任何布局表格中,DW会自动创建一个布局表格作为单元格的容器,表格与页边距保持8个像素的距离。
4. 表格嵌套规则:表格可以相互嵌套,但不能重叠,且嵌套表格的大小不能超过包含它的表格。
【部分内容】进一步详细阐述了表格的相关知识:
- **创建表格**:通过“常用”插入栏的“表格”按钮,设置行数、列数等参数即可创建。
- **选择表格和单元格**:直接点击表格边框选择表格,选择单元格则需将插入点置于单元格内并使用快捷键或标签选择器。
- **设置属性**:通过属性面板,可以调整表格的行、列、宽、高,以及填充、间距等;单元格的宽高也可直接通过拖动或输入值改变。
- **背景设置**:可以为表格和单元格设置背景颜色和图像,提升视觉效果。
- **合并与拆分单元格**:合并单元格可以将相邻单元格合为一个,而拆分单元格则将一个单元格分为多个。
此外,资源还提到了课堂练习,如使用表格构建网页布局和制作细线表格,这些实践操作能加深对表格特性和技巧的理解。
本资源提供了全面的指导,涵盖了创建、操作和美化表格的基本步骤,是初学者掌握DW网页布局的宝贵教程。通过学习这些知识点,设计师能够更有效地组织和展示网页内容,实现专业且美观的网页设计。
点击了解资源详情
123 浏览量
468 浏览量
136 浏览量
2021-10-07 上传
2021-10-07 上传
2021-10-07 上传
2021-10-07 上传
184 浏览量

xxxibb
- 粉丝: 22
最新资源
- 掌握PerfView:高效配置.NET程序性能数据
- SQL2000与Delphi结合的超市管理系统设计
- 冲压模具设计的高效拉伸计算器软件介绍
- jQuery文字图片滚动插件:单行多行及按钮控制
- 最新C++参考手册:包含C++11标准新增内容
- 实现Android嵌套倒计时及活动启动教程
- TMS320F2837xD DSP技术手册详解
- 嵌入式系统实验入门:掌握VxWorks及通信程序设计
- Magento支付宝接口使用教程
- GOIT MARKUP HW-06 项目文件综述
- 全面掌握JBossESB组件与配置教程
- 古风水墨风艾灸养生响应式网站模板
- 讯飞SDK中的音频增益调整方法与实践
- 银联加密解密工具集 - Des算法与Bitmap查看器
- 全面解读OA系统源码中的权限管理与人员管理技术
- PHP HTTP扩展1.7.0版本发布,支持PHP5.3环境