[4框架的应用.pptVIP

5.2 框架的使用 5.2.1 框架简介 框架的作用： 框架的作用是把浏览器的显示空间分割为几个部分，每个部分都可以独立显示不同的网页。 框架集： 把几个框架组合在一起就成为了框架集 框架页面： 框架页面是由一组普通的Web页面组成的页面集合，通常在一个框架页面集中，将一些导航性的内容放在一个页面中，而将另一些需要变化的内容放在另一个页面中。 5.2.2 创建框架和框架集 建立框架 [查看]-[可视化助理]-[框架边框]-[鼠标拖拽] [插入工具栏]-[布局]-[框架] [欢迎页面]-[从范例创建]-[框架集] 5.2.2 创建框架和框架集 删除框架 修改代码，删除相关语句 用鼠标把要删除的变现拖拽到父框架的边框上 编辑框架 ‘边框’:是否显示边框 ‘边框宽度’、‘边框颜色’:设置边框 5.2.2 创建框架和框架集 选择框架 框架面板 [窗口]-[框架] 框架属性面板 5.2.2 创建框架和框架集 填充框架[综合例子] 在框架面板中选择编辑的框架 输入文本内容、插入图片等媒体信息 设置框架页面间的超链接 选择链接对象 设置链接目标文件 在属性面板[目标]中正确指定目标文件出现的框架页 本章要点 6.1 CSS技术基础 6.2 创建与应用CSS样式√ 6.3 管理CSS样式 6.1 CSS技术基础 CSS：cascading style sheet 层叠样式表 CSS语言是一种标记语言,它不需要编译,可以直接由浏览器解释执行(属于浏览器解释型语言). CSS的优点： 样式(即格式)设定和内容相分离 提高页面浏览速度 易于维护和改版 6.2 创建与应用CSS样式 6.2 创建与应用CSS样式 [文本]-[CSS样式]-[新建…] 6.1 CSS技术基础 CSS使用情况分类： 内部CSS样式:创建网页文档时，直接嵌入到文档中，不是一个独立的文件[例] 外部CSS样式：是以一个独立的文件形式存在，需要时直接链接到网页文档中[例] 比较(1)创建网页文档时，常用外部CSS样式，当多个网页文件共用一个CSS样式文件时，只需要修改一个CSS文件，就可以改变多个网页文件的样式。 6.1 CSS技术基础 CSS使用情况分类： 比较 (2) 当两种情况同时出现时，这就是样式表的优先级和叠加。一般原则是：内部样式优先级大于外部样式。高优先的继承低级别的未重叠定义，但覆盖重叠的定义。 6.2 创建与应用CSS样式 应用CSS样式举例 基本文本格式修饰 超链接格式修饰 滤镜样式 6.2 创建与应用CSS样式 应用CSS样式举例 基本文本格式修饰[例(应用内、外样式区别)] 新建CSS样式规则 [选择器类型]-[标签] 在标签下拉列表中选择[body]-[确定] 在[类型]、[背景]分类中设置文本格式、页面背景 6.2 创建与应用CSS样式 应用CSS样式举例 超链接格式修饰[例] 新建CSS样式规则 [选择器类型]-[高级] 标签下拉列表 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中创建站点文件夹,利用表格或框架对个人简介网页进行布局设置,要求有音乐，并且有外部链接样式表. 站点文件夹下至少包含： image文件夹 media文件夹 index.html文件 * P o w e r B a r 中国专业PPT设计交流论坛 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. Evaluation