Dreamweaver教程:在布局视图中添加内容
Dreamweaver教程:在布局视图中添加内容
在Dreamweaver MX中,可以在表格中添加内容,但是内容只是在表格的中间出现。这时需要从标准视图切换到布局视图,精确定位网页内容。
(图三)
点“布局” 切换到布局视图
在布局视图中,您可以在页上绘制布局单元格和布局表格。当您不在布局表格中绘制布局单元格时,Dreamweaver 会自动创建一个布局表格以容纳该单元格。布局单元格不能存在于布局表格之外。
单击插入栏“布局”分类中的“绘制布局单元格”按钮
将鼠标指针放置在页上要开始绘制单元格的位置上,然后拖动指针以创建布局单元格。若要创建多个单元格而不用每次都单击“绘制布局单元格”按钮,请按住 Ctrl 键并拖动指针来创建每个布局单元格。
绘制一个布局表格: 单击插入栏“布局”分类中的“绘制布局表格”按钮, 将鼠标指针放置在页上,然后拖动指针以创建布局表格。若要绘制多个布局表格而不必重复单击“绘制布局表格”按钮,请在单击“绘制布局表格”按钮时按住 Ctrl 键。
绘制嵌套布局表格:将一个布局表格绘制在另一个布局表格中,创建嵌套表格。单击插入栏“布局”分类中的“绘制布局表格”按钮。鼠标指针变为加号 (+),指向现有布局表格中的空白(灰色)区域,然后拖动指针以创建嵌套布局表格。
转换到标准视图下的表格就是
将内容添加到布局单元格中:在布局单元格中输入文字。单击插入栏“常用”类别中的“插入图像”按钮插入图像。如(图三)所示。
相关内容
-
Dreamweaver CC教程:更改窗口大小弹出菜单中列出
Dreamweaver CC教程:更改窗口大小弹出菜单中列出的值,窗口大小...
-
Dreamweaver CC教程:“开始”工作区
Dreamweaver CC教程:“开始”工作区,工作区,教程,显...
-
Dreamweaver CC教程:调整“文档”窗口
Dreamweaver CC教程:调整“文档”窗口的大小,调整,...
-
Dreamweaver CC教程:“文档”窗口概述
Dreamweaver CC教程:“文档”窗口概述,文档,窗口,实...
-
Dreamweaver CC教程:在收藏夹添加、删除或管理项
Dreamweaver CC教程:在收藏夹添加、删除或管理项目,收藏夹,删...
-
Dreamweaver CC教程:在多用户系统中自定义
Dreamweaver CC教程:在多用户系统中自定义,自定义,多用户系统,...
-
Dreamweaver CC教程:显示选项卡式文档|仅在 Mac
Dreamweaver CC教程:显示选项卡式文档|仅在 Mac 上,选项,文档,...
-
Dreamweaver CC教程:重新排列面板
Dreamweaver CC教程:重新排列面板,区域,图标,浮动,教程,排列,...
-
Dreamweaver CC教程:CSS Designer
Dreamweaver CC教程:CSS Designer,属性,文档,媒体查询,教程,选...
-
Dreamweaver CC教程:上下文菜单
Dreamweaver CC教程:上下文菜单,上下文菜单,教程,单击,对象,视...
-
Dreamweaver CC教程:状态栏概述
Dreamweaver CC教程:状态栏概述,状态栏,显示,单击,教程,标签,...
-
Dreamweaver CC教程:插入对象
Dreamweaver CC教程:插入对象,对象,教程,标签,编辑器,视图,文...
-
Dreamweaver CC教程:编辑“插入”面板
Dreamweaver CC教程:编辑“插入”面板首选参数,教程...
-
Dreamweaver教程:用表格搭建页面
Dreamweaver教程:用表格搭建页面,单位,素为,像素,教程,显示,...
-
Dreamweaver教程:文件命名及修改默认扩展名
Dreamweaver教程:文件命名及修改默认扩展名,命名,扩展名,修改...