《框架的应用》PPT课件.ppt

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

2、是否显示边框 边框宽度、边框颜色:设置边框,5.2.2 创建框架和框架集,选择框架 框架面板 窗口-框架 框架属性面板,5.2.2 创建框架和框架集,填充框架综合例子 在框架面板中选择编辑的框架 输入文本内容、插入图片等媒体信息 设置框架页面间的超链接 选择链接对象 设置链接目标文件 在属性面板目标中正确指定目标文件出现的框架页,第6章 用CSS美化网页,本章要点,6.1 CSS技术基础 6.2 创建与应用CSS样式 6.3 管理CSS样式,6.1 CSS技术基础,CSS：cascading style sheet 层叠样式表 CSS语言是一种标记语言,它不需要编译,可以直接由浏览器解释执行(

3、属于浏览器解释型语言). CSS的优点： 样式(即格式)设定和内容相分离 提高页面浏览速度 易于维护和改版,实现了内容与形式的分离,6.2 创建与应用CSS样式,使用【CSS样式】面板的【新建CSS规则】按钮,6.2 创建与应用CSS样式,文本-CSS样式-新建,6.1 CSS技术基础,CSS使用情况分类： 内部CSS样式:创建网页文档时，直接嵌入到文档中，不是一个独立的文件例 外部CSS样式：是以一个独立的文件形式存在，需要时直接链接到网页文档中例 比较(1)创建网页文档时，常用外部CSS样式，当多个网页文件共用一个CSS样式文件时，只需要修改一个CSS文件，就可以改变多个网页文件的样式。,

4、6.1 CSS技术基础,CSS使用情况分类： 比较 (2) 当两种情况同时出现时，这就是样式表的优先级和叠加。一般原则是：内部样式优先级大于外部样式。高优先的继承低级别的未重叠定义，但覆盖重叠的定义。,6.2 创建与应用CSS样式,应用CSS样式举例 基本文本格式修饰 超链接格式修饰 滤镜样式,6.2 创建与应用CSS样式,应用CSS样式举例 基本文本格式修饰例(应用内、外样式区别) 新建CSS样式规则 选择器类型-标签 在标签下拉列表中选择body-确定 在类型、背景分类中设置文本格式、页面背景,6.2 创建与应用CSS样式,应用CSS样式举例 超链接格式修饰例 新建CSS样式规则 选择器类

5、型-高级 标签下拉列表 a:link 链接的样式 a:visited 已访问链接的样式 a:hover 鼠标指向链接的样式 a:active 活动链接的样式,6.2 创建与应用CSS样式,应用CSS样式举例 滤镜样式例 在页面中插入图像对象 选中图像 新建CSS样式规则 扩展分类中设置滤镜属性值,滤镜的效果只能在浏览器中看到,6.3 管理CSS样式,6.3.1 全部模式 6.3.2 正在模式,内容总结,在Dreamweaver中进行页面布局 表格的使用 框架的使用 在Dreamweaver中使用CSS样式进行修饰,上机练习内容,实验3.7 CSS样式 上交文件3.7-2 实验3.10 框架 上交文件3.10-1,作业,在Dreamweaver中创建站点文件夹,利用