DW网页布局:绘制布局单元格与表格操作详解
需积分: 50 64 浏览量
更新于2024-08-14
收藏 1.1MB PPT 举报
"本资源主要讲述如何在DW中进行网页布局,特别是利用表格和布局表格。内容涵盖了创建、选择、设置属性以及合并拆分单元格等操作。"
在网页设计中,布局是至关重要的,而Dreamweaver(DW)提供了一种强大的工具——布局表格,帮助设计师精确控制网页元素的位置。在【标题】"绘制布局单元格-DW网页布局(表格、布局表格)"中,我们关注的是如何使用DW中的布局单元格来构建网页布局。【描述】中强调了一些关键点:
1. 连续绘制布局单元格:通过按住Ctrl键拖动,可以在页面上快速创建多个布局单元格。
2. 布局限制:如果页面已有内容,新绘制的布局表格只能在内容下方的空白区域,且不能存在于布局表格之外或在其内部创建新的布局表格。
3. 自动创建布局表格:当绘制的单元格不在任何布局表格中,DW会自动创建一个布局表格作为单元格的容器,表格与页边距保持8个像素的距离。
4. 表格嵌套规则:表格可以相互嵌套,但不能重叠,且嵌套表格的大小不能超过包含它的表格。
【部分内容】进一步详细阐述了表格的相关知识:
- **创建表格**:通过“常用”插入栏的“表格”按钮,设置行数、列数等参数即可创建。
- **选择表格和单元格**:直接点击表格边框选择表格,选择单元格则需将插入点置于单元格内并使用快捷键或标签选择器。
- **设置属性**:通过属性面板,可以调整表格的行、列、宽、高,以及填充、间距等;单元格的宽高也可直接通过拖动或输入值改变。
- **背景设置**:可以为表格和单元格设置背景颜色和图像,提升视觉效果。
- **合并与拆分单元格**:合并单元格可以将相邻单元格合为一个,而拆分单元格则将一个单元格分为多个。
此外,资源还提到了课堂练习,如使用表格构建网页布局和制作细线表格,这些实践操作能加深对表格特性和技巧的理解。
本资源提供了全面的指导,涵盖了创建、操作和美化表格的基本步骤,是初学者掌握DW网页布局的宝贵教程。通过学习这些知识点,设计师能够更有效地组织和展示网页内容,实现专业且美观的网页设计。
点击了解资源详情
点击了解资源详情
点击了解资源详情
2021-09-18 上传
2021-10-07 上传
2021-10-07 上传
2021-10-07 上传
2021-10-07 上传
2020-09-24 上传
xxxibb
- 粉丝: 21
- 资源: 2万+
最新资源
- JHU荣誉单变量微积分课程教案介绍
- Naruto爱好者必备CLI测试应用
- Android应用显示Ignaz-Taschner-Gymnasium取消课程概览
- ASP学生信息档案管理系统毕业设计及完整源码
- Java商城源码解析:酒店管理系统快速开发指南
- 构建可解析文本框:.NET 3.5中实现文本解析与验证
- Java语言打造任天堂红白机模拟器—nes4j解析
- 基于Hadoop和Hive的网络流量分析工具介绍
- Unity实现帝国象棋:从游戏到复刻
- WordPress文档嵌入插件:无需浏览器插件即可上传和显示文档
- Android开源项目精选:优秀项目篇
- 黑色设计商务酷站模板 - 网站构建新选择
- Rollup插件去除JS文件横幅:横扫许可证头
- AngularDart中Hammock服务的使用与REST API集成
- 开源AVR编程器:高效、低成本的微控制器编程解决方案
- Anya Keller 图片组合的开发部署记录