07创建层教学课件 高教版 中职 网页设计与制作(Dreamweaver CS5) .ppt
《07创建层教学课件 高教版 中职 网页设计与制作(Dreamweaver CS5) .ppt》由会员分享,可在线阅读,更多相关《07创建层教学课件 高教版 中职 网页设计与制作(Dreamweaver CS5) .ppt(10页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、07创建层教学课件 高教版 中职 网页设计与制作(Dreamweaver CS5)创建层静态网站制作教学资源课件静态网站制作教学资源课件 层是一种 HTML 页面元素,同样在网页制作中也是很实用的工具,层的功能非常强大,操作也更为灵活。它可以避免表格过多嵌套带来的搜索问题,在这里将介绍如何定位层及层的各种样式设置。层中可以包含文本、图像或其它任何可在 HTML 文档正文中放入的内容。层可以在网页编辑区自由移动,精准定位,通过层我们还可以实现一些网页特效。,可以将层理解为一个盒子,它有高度、宽度,固定它还要控制各种距离。例如,盒子中的内容到盒子边框的距离是填充距,盒子的边框与其它盒子的距离是边界
2、距。插入层插入层:将插入点放置在要创建层的位置,单击“插入”菜单“布局对像”中的“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的层内输入文字“聆听自然的声音”。样式效果如图所示。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 07创建层教学课件 高教版 中职 网页设计与制作Dreamweaver CS5 07 创建 教学 课件 高教 网页 设计 制作 Dreamweaver CS5
限制150内