网页制作 第10课

网页制作

Dreamweaver中文版网页制作教程

第10章 布局视图的应用本章导读 学习目标 本章要点 上机练习 习 题电脑基础实例上机系列丛书 清华大学出版社

网页制作

Dreamweaver中文版网页制作教程

本章导读了解布局模式 学会用布局视图布局页面 课时安排:2学时

电脑基础实例上机系列丛书

清华大学出版社

网页制作

Dreamweaver中文版网页制作教程

学习目标页面布局是网页制作的一个重要组成部 分,在布局模式下用户可方便地进行页 面布局.本章将介绍进入和退出页面模 式的方法,创建布局表格和布局单元格, 设置布局表格和单元格属性等,让读者 熟练掌握在布局视图中布局页面.电脑基础实例上机系列丛书 清华大学出版社

网页制作

Dreamweaver中文版网页制作教程

本章要点认识布局模式 用布局视图布局页面

电脑基础实例上机系列丛书

清华大学出版社

网页制作

Dreamweaver中文版网页制作教程

10.1

认识布局模式

在Dreamweaver中可利用表格,层,框 架和布局表格等布局技术对页面进行布 局.前面讲解了表格,层和框架,本章 将讲解在布局模式下布局页面,布局模 式是一种操作十分简便的页面布局方式.

电脑基础实例上机系列丛书

清华大学出版社

网页制作

Dreamweaver中文版网页制作教程

10.1

认识布局模式

10.1.1 切换到布局模式 10.1.2 认识布局视图 10.1.3 退出布局模式

电脑基础实例上机系列丛书

清华大学出版社

网页制作

Dreamweaver中文版网页制作教程

10.1.1 切换到布局模式从标准模式切换到布局模式的方法很简 单,将插入栏切换到"布局"插入栏, 单击 按钮即可.

电脑基础实例上机系列丛书

清华大学出版社

网页制作

Dreamweaver中文版网页制作教程

10.1.2 认识布局视图布局模式的编辑窗口顶部有显示"布局模式" 的蓝色长条.如果在切换到布局模式前网页 上存在表格,则会自动转换为布局表格,表 格中的单元格不会转换为布局单元格. 在布局模式中,布局表格边框为绿色,布局 单元格边框为蓝色,当光标移到布局单元格 边框上时会高亮显示.电脑基础实例上机系列丛书 清华大学出版社

网页制作

Dreamweaver中文版网页制作教程

10.1.3 退出布局模式在布局模式中创建好布局表格完成页面布局 后,最好切换回标准模式再向表格中添加内 容或对表格进行编辑.退出布局模式有如下 几种方法: 在"布局"插入栏中单击 按钮切换到标 准模式. 在编辑窗口的顶部单击 超级链接. 选择"查看/表格模式/标准模式"命令.电脑基础实例上机系列丛书 清华大学出版社

网页制作

Dreamweaver中文版网页制作教程

10.2

用布局视图布局页面

在布局模式下,可以在一个布局表格中 使用多个布局单元格对页面进行布局.

电脑基础实例上机系列丛书

清华大学出版社

网页制作

Dreamweaver中文版网页制

作教程

10.2

用布局视图布局页面

10.2.1 创建布局表格和布局单元格 10.2.2 设置布局表格和单元格属性 10.2.3 在布局表格中添加网页元素 10.2.4 调整布局表格和布局单元格 10.2.5 应用举例——在布局模式中布 局页面电脑基础实例上机系列丛书 清华大学出版社

网页制作

Dreamweaver中文版网页制作教程

10.2.1 创建布局表格和布局单元格分别介绍绘制布局表格,布局单元格和 嵌套布局表格.

电脑基础实例上机系列丛书

清华大学出版社

网页制作

Dreamweaver中文版网页制作教程

10.2.1 创建布局表格和布局单元格1.绘制布局表格 2.绘制布局单元格 3.表格绘制嵌套布局

电脑基础实例上机系列丛书

清华大学出版社

网页制作

Dreamweaver中文版网页制作教程

1.绘制布局表格

电脑基础实例上机系列丛书

清华大学出版社

网页制作

Dreamweaver中文版网页制作教程

2.绘制布局单元格

电脑基础实例上机系列丛书

清华大学出版社

网页制作

Dreamweaver中文版网页制作教程

3.表格绘制嵌套布局在Dreamweaver中可以插入多级嵌套布 局表格,嵌套布局表格的大小不能超过 包含它的布局表格.

电脑基础实例上机系列丛书

清华大学出版社