第4章+使用层和框架布局页面

《第4章+使用层和框架布局页面》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、网页设计与制作第一章HTML语言基础2第二章初识Dreamweaver4第三章创建与应用表格3第四章使用层和框架布局页面3第五章CSS样式与模板的使用3第六章行为、库和资源管理3第七章建立动态网站3第八章Flash动画基础知识3第九章创建动画3第十章使用Fireworks编辑网页图像31第四章使用层和框架布局页面一、分层1.层的概念●层是可将网页分割成“一个个能包含任何元素的逻辑块”。●层的内容可重叠，位置可移动，在不同浏览器中由不同的标识符产生分层的特点。2.建立一个新层●对象面板/布局3.修改层①选择一个层第四章使用层和框架布局页面②调整层的大小及

2、位置●手工拖动●属性面板③全面使用层属性和控制面板●给层命名●可见性●堆栈顺序（Z轴）●背景图案和背景色●剪辑和溢出剪辑--要将自动生成的前面的代码删除4.创建嵌套层●父层中创建新层●层控制面板里：拖动到父层下方第四章使用层和框架布局页面5.对齐层（shift选定）●修改/排列顺序6.用标尺和栅格来对齐层①找到标尺●查看/标尺/显示②修改标尺单位●右击标尺③弹出栅格●查看/网格/显示网格④栅格设置●查看/网格/网格设置第四章使用层和框架布局页面7.应用层①转换层为表格（P97）②制作阴影字（P99）③飘落的花朵（P101）第四章使用层和框架

3、布局页面二、创建框架●框架（frame）：浏览器内的一个矩形区，它具有一个网页的所有属性和功能。●框架系（frameset）：一个定义了一组框架及每个框架所含内容的特殊网页，用以设置框架的各种属性。1.创建框架结构的网页●对象面板2.设置框架系属性①调整框架尺寸●鼠标拖动第四章使用层和框架布局页面●框架系属性面板：⑴窗口/框架⑵鼠标单击框架面板中粗边框⑶修改列或行域②设置框架系边框颜色和其它属性●框架系属性面板③保存框架和框架系文件●保存框架文件鼠标定位在每个框架窗口，然后文件/保存框架●保存框架系文件文件/保存框架页●文件/保存全部第四章使用层和框架

4、布局页面3.修改框架属性①删除框架●拖动框架边框到边界处即可。②框架的页面属性●框架属性面板（先在框架面板中选定框架）③在框架中替换框架文件●框架属性面板中的源文件域④设置框架边框⑤修改框架中的内容●与普通页面的修改修改相同●插入链接时注意使用目标域第四章使用层和框架布局页面4.典型案例①用时间轴在网页中制作幻灯片（P112）②制作框架网页（P114）