网页设计与制作使用层和框架布局页面.pptVIP

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