《框架的应用》PPT课件(I)

《《框架的应用》PPT课件(I)》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、5.2框架的使用5.2.1框架简介框架的作用：框架的作用是把浏览器的显示空间分割为几个部分，每个部分都可以独立显示不同的网页。框架集：把几个框架组合在一起就成为了框架集框架页面：框架页面是由一组普通的Web页面组成的页面集合，通常在一个框架页面集中，将一些导航性的内容放在一个页面中，而将另一些需要变化的内容放在另一个页面中。5.2.2创建框架和框架集建立框架[查看]-[可视化助理]-[框架边框]-[鼠标拖拽][插入工具栏]-[布局]-[框架][欢迎页面]-[从范例创建]-[框架集]5.2.2创建框架和框

2、架集删除框架修改代码，删除相关语句用鼠标把要删除的变现拖拽到父框架的边框上编辑框架‘边框’:是否显示边框‘边框宽度’、‘边框颜色’:设置边框5.2.2创建框架和框架集选择框架框架面板[窗口]-[框架]框架属性面板5.2.2创建框架和框架集填充框架[综合例子]在框架面板中选择编辑的框架输入文本内容、插入图片等媒体信息设置框架页面间的超链接选择链接对象设置链接目标文件在属性面板[目标]中正确指定目标文件出现的框架页第6章用CSS美化网页本章要点6.1CSS技术基础6.2创建与应用CSS样式√6.3管理CSS

3、样式6.1CSS技术基础CSS：cascadingstylesheet层叠样式表CSS语言是一种标记语言,它不需要编译,可以直接由浏览器解释执行(属于浏览器解释型语言).CSS的优点：样式(即格式)设定和内容相分离提高页面浏览速度易于维护和改版实现了内容与形式的分离6.2创建与应用CSS样式使用【CSS样式】面板的【新建CSS规则】按钮6.2创建与应用CSS样式[文本]-[CSS样式]-[新建…]6.1CSS技术基础CSS使用情况分类：内部CSS样式:创建网页文档时，直接嵌入到文档中，不是一个独立的文件

4、[例]外部CSS样式：是以一个独立的文件形式存在，需要时直接链接到网页文档中[例]比较(1)创建网页文档时，常用外部CSS样式，当多个网页文件共用一个CSS样式文件时，只需要修改一个CSS文件，就可以改变多个网页文件的样式。6.1CSS技术基础CSS使用情况分类：比较(2)当两种情况同时出现时，这就是样式表的优先级和叠加。一般原则是：内部样式优先级大于外部样式。高优先的继承低级别的未重叠定义，但覆盖重叠的定义。6.2创建与应用CSS样式应用CSS样式举例基本文本格式修饰超链接格式修饰滤镜样式6.2创建与

5、应用CSS样式应用CSS样式举例基本文本格式修饰[例(应用内、外样式区别)]新建CSS样式规则[选择器类型]-[标签]在标签下拉列表中选择[body]-[确定]在[类型]、[背景]分类中设置文本格式、页面背景6.2创建与应用CSS样式应用CSS样式举例超链接格式修饰[例]新建CSS样式规则[选择器类型]-[高级]标签下拉列表a:link链接的样式a:visited已访问链接的样式a:hover鼠标指向链接的样式a:active活动链接的样式6.2创建与应用CSS样式应用CSS样式举例滤镜样式[例]在页面

6、中插入图像对象选中图像新建CSS样式规则[扩展]分类中设置[滤镜]属性值滤镜的效果只能在浏览器中看到6.3管理CSS样式6.3.1全部模式6.3.2正在模式内容总结在Dreamweaver中进行页面布局表格的使用框架的使用在Dreamweaver中使用CSS样式进行修饰上机练习内容实验3.7CSS样式上交文件3.7-2实验3.10框架上交文件3.10-1作业在Dreamweaver中创建站点文件夹,利用表格或框架对个人简介网页进行布局设置,要求有音乐，并且有外部链接样式表.站点文件夹下至少包含：imag

7、e文件夹media文件夹index.html文件