第七章使用层分析.ppt

第七章 使用层 ※课堂学习目标 ※教学重点、难点 思考：下列图片有什么特点？ 如何使用层制作出以下精美网页？ 一、相关工具 1、创建层 创建层的4种方法： ①单击“插入”面板“布局”选项卡中的“绘制AP Div”按钮 ,在文档窗口中，鼠标指针变为“+”形状。按住鼠标左键拖曳，画出一个矩形层。 ②将“插入”面板“布局”选项卡中的“绘制AP Div”按钮 拖曳到文档窗口中，松开鼠标左键，在文档窗口中出现一个矩形层。 ③选择“插入布局对象AP Div”命令，在光标所在位置插入新的矩形层。 ④单击“插入”面板“布局”选项卡中的“绘制AP Div”按钮 ，在文档窗口中，鼠标变成“+”形状，按住Ctrl键的同时按住鼠标左键拖曳，画出一个矩形层。只要不松开Ctrl键，可以继续绘制新的层。 2、选择层 （1）利用层面板选择一个层 选择“窗口AP元素”命令，弹出“AP元素”面板，在“AP元素”面板中，单击该层的名称。 （2）利用文档窗口选择一个层 ①单击一个层的边框。 ②按住Ctrl+Shift组合键的同时单击要选择的图层 ③单击一个选择层的选择柄 （3）选定多个层 ①选择“窗口AP元素”命令，弹出“AP元素”面板中，按住Shift键并单击两个或更多的层名称。 ②在文档窗口中按住Shift键并单击两个或更多的层的边框内（或边框上）。 3、调整层的大小 （1）调整单个层的大小 ①应用鼠标拖曳方式。拖曳该层边框上的任一调整柄到合适的位置。 ②应用修改属性值方式。在“属性”面板中，修改“宽”和“高”的值。 （2）同时修改多个层的大小 ①应用菜单命令，选择“修改排列顺序设成宽度相同或设成高度相同” ②应用修改属性值方式。选择多个层，然后在“属性”面板中修改“宽”和“高”的值。 4、移动层 在窗口中选择一个或多个层，然后拖曳当前层（蓝色突出显示）的选择柄 ，移动选定层的位置。 5、对齐层 （1）应用菜单命令对齐层 在文档窗口中选择多个层，然后选择“修改排列顺序”命令，在其子菜单中选择一种对齐方式。 （注意：对齐以当前层为基准（最后选中的层）） （2）应用“属性”面板对齐层 在文档窗口中选择多个层，然后在“属性”面板的“上”选项中输入具体值，则以多个层的上边线相对于页面顶部位置来对齐。 6、嵌套层 嵌套层指代码包含在另一个层中的层。 ※前提设置：选择“编辑首选参数”命令，弹出“首选参数”对话框，在“分类”列表框中选择“AP元素”选项，在右侧勾选“在AP div中创建以后嵌套”复选框。 创建方法：将光标置入现有层中，选择“插入布局对象AP Div” 案例练习 1、联创网络技术网页 2、鲜花速递网页 本节小结 谢谢大家！ 再见 * * 7.1 联创网络技术网页 掌握层的基本操作 能够独立自主完成本节案例网页的操作 1 2 掌握层的插入方法和应用技巧 能够正确使用层命令来布局元素的位置 难点 重点 有层次感和有空间立体感 1、如何创建层？ 2、如何选择层？ 3、如何移动层？ 4、调整层的大小？