当前位置：
文档之家› 网页设计与制作：使用层和框架布局页面
网页设计与制作：使用层和框架布局页面
网页设计与制作
第一章 HTML语言基础
2
第二章 初识Dreamweaver
4
第三章 层和框架布局页面
3
第五章 CSS样式与模板的使用
3
第六章 行为、库和资源管理
3
第七章 建立动态网站
3
第八章 Flash动画基础知识
3
第九章 创建动画
3
第十章 使用Fireworks编辑网页图像 3
4. 典型案例 ①用时间轴在网页中制作幻灯片（P112） ②制作框架网页（P114）
剪辑--要将自动生成的<html>前面的代码删除
4. 创建嵌套层 ●单击对象面板上的层图标，直接拖动到父层中。 ●层控制面板里ctrl+拖动
第四章 使用层和框架布局页面
5. 对齐层（shift选定） ●修改/对齐 6. 用标尺和栅格来对齐层 ①找到标尺 ● 查看/标尺/显示 ②修改标尺单位 ●右击标尺 ③弹出栅格 ●查看/网格/显示网格 ④栅格设置 ●查看/网格/网格设置
1
第四章 使用层和框架布局页面
一、分层 1. 层的概念 ●层是可将网页分割成“一个个能包含任何元
素的逻辑块”。 ●层的内容可重叠，位置可移动，在不同浏览
器中由不同的标识符产生分层的特点。 2. 建立一个新层 ●对象面板/布局 3. 修改层 ①选择一个层
第四章 使用层和框架布局页面
②调整层的大小及位置 ●手工拖动 ●属性面板 ③全面使用层属性和控制面板 ●给层命名 ●可见性 ●堆栈顺序（Z轴） ●背景图案和背景色 ●剪辑和溢出
第四章 使用层和框架布局页面
7. 应用层 ①转换层为表格（P97） ②制作阴影字（P99） ③飘落的花朵（P101）
第四章 使用层和框架布局页面
二、创建框架 ●框架（frame）：浏览器内的一个矩形区，它
具有一个网页的所有属性和功能。 ●框架系（frameset）：一个定义了一组框架
及每个框架所含内容的特殊网页，用以设置 框架的各种属性。 1. 创建框架结构的网页 ●对象面板 2. 设置框架系属性 ①调整框架尺寸 ●鼠标拖动
第四章 使用层和框架布局页面
3. 修改框架属性 ①删除框架 ●拖动框架边框到边界处即可。 ②框架的页面属性 ●框架属性面板（先在框架面板中选定框架） ③在框架中替换框架文件 ●框架属性面板中的源文件域 ④设置框架边框 ⑤修改框架中的内容 ●与普通页面的修改修改相同 ●插入链接时注意使用目标域
第四章 使用层和框架布局页面
