07创建层教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5） .ppt

07创建层教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5）创建层静态网站制作教学资源课件静态网站制作教学资源课件 层是一种 HTML 页面元素，同样在网页制作中也是很实用的工具，层的功能非常强大，操作也更为灵活。它可以避免表格过多嵌套带来的搜索问题，在这里将介绍如何定位层及层的各种样式设置。层中可以包含文本、图像或其它任何可在 HTML 文档正文中放入的内容。层可以在网页编辑区自由移动，精准定位，通过层我们还可以实现一些网页特效。，可以将层理解为一个盒子，它有高度、宽度，固定它还要控制各种距离。例如，盒子中的内容到盒子边框的距离是填充距，盒子的边框与其它盒子的距离是边界距。插入层插入层：将插入点放置在要创建层的位置，单击“插入”菜单“布局对像”中的“Div标签”命令，插入层的同时新建css样式来控制层的大小、位置等参数。实例实例6：创建如图3.24所示的用层实现的banner效果图。1.击“插入”菜单中“布局”里的“插入Div 标签”，打开如图的“插入Div标签”对话框，在“ID”框中输入“head”单击“新建CSS规则”按钮，打开如图3.25所示的对话框。注意：注意：ID是层的标识，在页面是层的标识，在页面里只能出现一次，并且是唯一里只能出现一次，并且是唯一性性。而而“类类”样式在网页中是样式在网页中是可以无数次重复使用的可以无数次重复使用的。2.在“方框”中设置层“head”的“高、宽、边界值，3.设置“边框”“样式：实线”、“宽度：1像素”、“颜色：#999999”。4.单击“背景”，单击“浏览”选择素材包中banner_img.jpg。5.单击“插入”菜单中“布局”里的“插入Div 标签”命令，在“插入Div标签”对话框中设置在“在插入点”插入“ID”为“head_text”的层，单击“新建CSS规则”。单击“方框”,高、宽、边界设置如图3.29所示，文字的样式如图3.30所示。6.在ID为head_text的层内输入文字“聆听自然的声音”。样式效果如图所示。