DW网页布局:绘制布局单元格与表格操作详解
需积分: 50 109 浏览量
更新于2024-08-13
收藏 1.1MB PPT 举报
"本资源主要讲述如何在DW中进行网页布局,特别是利用表格和布局表格。内容涵盖了创建、选择、设置属性以及合并拆分单元格等操作。"
在网页设计中,布局是至关重要的,而Dreamweaver(DW)提供了一种强大的工具——布局表格,帮助设计师精确控制网页元素的位置。在【标题】"绘制布局单元格-DW网页布局(表格、布局表格)"中,我们关注的是如何使用DW中的布局单元格来构建网页布局。【描述】中强调了一些关键点:
1. 连续绘制布局单元格:通过按住Ctrl键拖动,可以在页面上快速创建多个布局单元格。
2. 布局限制:如果页面已有内容,新绘制的布局表格只能在内容下方的空白区域,且不能存在于布局表格之外或在其内部创建新的布局表格。
3. 自动创建布局表格:当绘制的单元格不在任何布局表格中,DW会自动创建一个布局表格作为单元格的容器,表格与页边距保持8个像素的距离。
4. 表格嵌套规则:表格可以相互嵌套,但不能重叠,且嵌套表格的大小不能超过包含它的表格。
【部分内容】进一步详细阐述了表格的相关知识:
- **创建表格**:通过“常用”插入栏的“表格”按钮,设置行数、列数等参数即可创建。
- **选择表格和单元格**:直接点击表格边框选择表格,选择单元格则需将插入点置于单元格内并使用快捷键或标签选择器。
- **设置属性**:通过属性面板,可以调整表格的行、列、宽、高,以及填充、间距等;单元格的宽高也可直接通过拖动或输入值改变。
- **背景设置**:可以为表格和单元格设置背景颜色和图像,提升视觉效果。
- **合并与拆分单元格**:合并单元格可以将相邻单元格合为一个,而拆分单元格则将一个单元格分为多个。
此外,资源还提到了课堂练习,如使用表格构建网页布局和制作细线表格,这些实践操作能加深对表格特性和技巧的理解。
本资源提供了全面的指导,涵盖了创建、操作和美化表格的基本步骤,是初学者掌握DW网页布局的宝贵教程。通过学习这些知识点,设计师能够更有效地组织和展示网页内容,实现专业且美观的网页设计。
点击了解资源详情
点击了解资源详情
点击了解资源详情
134 浏览量
2021-10-07 上传
2021-10-07 上传
2021-10-07 上传
2021-10-07 上传
181 浏览量
xxxibb
- 粉丝: 22
最新资源
- Go语言开发:SSH终端读取器实现方案
- 企业战略管理提升的咨询项目参考方案
- Java项目源码下载:商品信息系统实战案例解析
- Jekyll-RTD主题:GitHub Pages文档主题指南
- 快速下载neo4j-community-3.5.6版本教程
- AngularPlayer:用Angular构建个人学习项目
- C#中ReST Web服务开发与架构指南
- 使用Go语言实现的Unix文件管理命令
- 探索Java EE的生产性及原生Java影视项目实战源码
- Discuz! 春节主题网页模板发布
- Vue3+Hasura+Laravel 认证模板项目指南
- 企业模具设计技术员行为规范与责任感培养
- Shrine View:体验谷歌地图卫星视图中的神社插件
- Kaggle房价预测竞赛:先进回归技术深度解析
- 全新男士上衣B2C商城模板在线销售平台
- Go语言开发的SimpleNote终端客户端应用