欢迎来到天天文库
浏览记录
ID:45726183
大小:321.50 KB
页数:9页
时间:2019-11-17
《第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)
此文档下载收益归作者所有