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

《网页设计与制作使用层和框架布局页面.pptx》由会员分享，可在线阅读，更多相关《网页设计与制作使用层和框架布局页面.pptx（9页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、会计学1网页设计与制作使用层和框架布局页面网页设计与制作使用层和框架布局页面第四章第四章第四章第四章 使用层和框架布局页面使用层和框架布局页面使用层和框架布局页面使用层和框架布局页面一、分层一、分层一、分层一、分层1.1.层的概念层的概念层的概念层的概念层是可将网页分割成层是可将网页分割成层是可将网页分割成层是可将网页分割成“一个个能包含任何元一个个能包含任何元一个个能包含任何元一个个能包含任何元 素的逻辑块素的逻辑块素的逻辑块素的逻辑块”。层的内容可重叠，位置可移动，在不同浏览层的内容可重叠，位置可移动，在不同浏览层的内容可重叠，位置可移动，在不同浏览层的内容可重叠，位置可移动，在不同浏览

2、器中由不同的标识符产生分层的特点。器中由不同的标识符产生分层的特点。器中由不同的标识符产生分层的特点。器中由不同的标识符产生分层的特点。2.2.建立一个新层建立一个新层建立一个新层建立一个新层对象面板对象面板对象面板对象面板/布局布局布局布局3.3.修改层修改层修改层修改层选择一个层选择一个层选择一个层选择一个层第1页/共9页第四章第四章第四章第四章 使用层和框架布局页面使用层和框架布局页面使用层和框架布局页面使用层和框架布局页面调整层的大小及位置调整层的大小及位置调整层的大小及位置调整层的大小及位置手工拖动手工拖动手工拖动手工拖动属性面板属性面板属性面板属性面板全面使用层属性和控制面板全面使

3、用层属性和控制面板全面使用层属性和控制面板全面使用层属性和控制面板给层命名给层命名给层命名给层命名可见性可见性可见性可见性堆栈顺序（堆栈顺序（堆栈顺序（堆栈顺序（Z Z轴轴轴轴）背景图案和背景色背景图案和背景色背景图案和背景色背景图案和背景色剪辑和溢出剪辑和溢出剪辑和溢出剪辑和溢出pp剪辑剪辑剪辑剪辑-要将自动生成的要将自动生成的要将自动生成的要将自动生成的前面的代码删除前面的代码删除前面的代码删除前面的代码删除4.4.创建嵌套层创建嵌套层创建嵌套层创建嵌套层单击对象面板上的层图标，直接拖动到父层中。单击对象面板上的层图标，直接拖动到父层中。单击对象面板上的层图标，直接拖动到父层中。单击对象面

4、板上的层图标，直接拖动到父层中。层控制面板里层控制面板里层控制面板里层控制面板里ctrl+ctrl+ctrl+ctrl+拖动拖动拖动拖动第2页/共9页第四章第四章第四章第四章 使用层和框架布局页面使用层和框架布局页面使用层和框架布局页面使用层和框架布局页面5.5.对齐层（对齐层（对齐层（对齐层（shiftshift选定）选定）选定）选定）修改修改修改修改/对齐对齐对齐对齐6.6.用标尺和栅格来对齐层用标尺和栅格来对齐层用标尺和栅格来对齐层用标尺和栅格来对齐层找到标尺找到标尺找到标尺找到标尺 查看查看查看查看/标尺标尺标尺标尺/显示显示显示显示修改标尺单位修改标尺单位修改标尺单位修改标尺单位右击

5、标尺右击标尺右击标尺右击标尺弹出栅格弹出栅格弹出栅格弹出栅格查看查看查看查看/网格网格网格网格/显示网格显示网格显示网格显示网格栅格设置栅格设置栅格设置栅格设置查看查看查看查看/网格网格网格网格/网格设置网格设置网格设置网格设置第3页/共9页第四章第四章第四章第四章 使用层和框架布局页面使用层和框架布局页面使用层和框架布局页面使用层和框架布局页面7.7.应用层应用层应用层应用层转换层为表格（转换层为表格（转换层为表格（转换层为表格（P97P97P97P97）制作阴影字（制作阴影字（制作阴影字（制作阴影字（P99P99P99P99）飘落的花朵（飘落的花朵（飘落的花朵（飘落的花朵（P101P101

6、P101P101）第4页/共9页第四章第四章第四章第四章 使用层和框架布局页面使用层和框架布局页面使用层和框架布局页面使用层和框架布局页面 二、创建框架二、创建框架二、创建框架二、创建框架框架（框架（框架（框架（frameframe）：）：）：）：浏览器内的一个矩形区，它浏览器内的一个矩形区，它浏览器内的一个矩形区，它浏览器内的一个矩形区，它 具有一个网页的所有属性和功能。具有一个网页的所有属性和功能。具有一个网页的所有属性和功能。具有一个网页的所有属性和功能。框架系（框架系（框架系（框架系（framesetframeset）：）：）：）：一个定义了一组框架一个定义了一组框架一个定义了一组框架

7、一个定义了一组框架 及每个框架所含内容的特殊网页，用以设置及每个框架所含内容的特殊网页，用以设置及每个框架所含内容的特殊网页，用以设置及每个框架所含内容的特殊网页，用以设置 框架的各种属性。框架的各种属性。框架的各种属性。框架的各种属性。1.1.创建框架结构的网页创建框架结构的网页创建框架结构的网页创建框架结构的网页对象面板对象面板对象面板对象面板2.2.设置框架系属性设置框架系属性设置框架系属性设置框架系属性调整框架尺寸调整框架尺寸调整框架尺寸调整框架尺寸鼠标拖动鼠标拖动鼠标拖动鼠标拖动第5页/共9页第四章第四章第四章第四章 使用层和框架布局页面使用层和框架布局页面使用层和框架布局页面使用层

8、和框架布局页面框架系属性面板：框架系属性面板：框架系属性面板：框架系属性面板：窗口窗口窗口窗口/框架框架框架框架 鼠标单击框架面板中粗边框鼠标单击框架面板中粗边框鼠标单击框架面板中粗边框鼠标单击框架面板中粗边框 修改修改修改修改列列列列或行域或行域或行域或行域设置框架系边框颜色和其它属性设置框架系边框颜色和其它属性设置框架系边框颜色和其它属性设置框架系边框颜色和其它属性框架系属性面板框架系属性面板框架系属性面板框架系属性面板保存框架和框架系文件保存框架和框架系文件保存框架和框架系文件保存框架和框架系文件保存框架文件保存框架文件保存框架文件保存框架文件 鼠标定位在每个框架窗口，然后鼠标定位在每个

9、框架窗口，然后鼠标定位在每个框架窗口，然后鼠标定位在每个框架窗口，然后文件文件文件文件/保存框架保存框架保存框架保存框架保存框架系文件保存框架系文件保存框架系文件保存框架系文件 文件文件文件文件/保存框架页保存框架页保存框架页保存框架页文件文件文件文件/保存全部保存全部保存全部保存全部第6页/共9页第四章第四章第四章第四章 使用层和框架布局页面使用层和框架布局页面使用层和框架布局页面使用层和框架布局页面3.3.修改框架属性修改框架属性修改框架属性修改框架属性删除框架删除框架删除框架删除框架拖动框架边框到边界处即可。拖动框架边框到边界处即可。拖动框架边框到边界处即可。拖动框架边框到边界处即可。框

10、架的页面属性框架的页面属性框架的页面属性框架的页面属性框架属性面板（先在框架面板中选定框架）框架属性面板（先在框架面板中选定框架）框架属性面板（先在框架面板中选定框架）框架属性面板（先在框架面板中选定框架）在框架中替换框架文件在框架中替换框架文件在框架中替换框架文件在框架中替换框架文件框架属性面板中的框架属性面板中的框架属性面板中的框架属性面板中的源文件源文件源文件源文件域域域域设置框架边框设置框架边框设置框架边框设置框架边框修改框架中的内容修改框架中的内容修改框架中的内容修改框架中的内容与普通页面的修改修改相同与普通页面的修改修改相同与普通页面的修改修改相同与普通页面的修改修改相同插入链接时注意使用插入链接时注意使用插入链接时注意使用插入链接时注意使用目标目标目标目标域域域域第7页/共9页第四章第四章第四章第四章 使用层和框架布局页面使用层和框架布局页面使用层和框架布局页面使用层和框架布局页面4.4.典型案例典型案例典型案例典型案例用时间轴在网页中制作幻灯片（用时间轴在网页中制作幻灯片（用时间轴在网页中制作幻灯片（用时间轴在网页中制作幻灯片（P112P112）制作框架网页（制作框架网页（制作框架网页（制作框架网页（P114P114）第8页/共9页