第六章 使用框架,层和时间轴
计算机一级第六章习题

第6章医学多媒体技术应用基础一、单选题1.多媒体的是指参与的各方(不论是发送方还是接收方)都可以对媒体信息进行编辑、控制和传递。
A.非线性B.交互性C.集成性D.数字化2.下列不是衡量数据压缩技术好坏的重要指标的是。
A.压缩比要大B.压缩文件要小C.压缩算法要简单D.恢复效果要好3.多媒体计算机技术中的“多媒体”可认为是。
A.磁带、磁盘、光盘等实体B.文字、图形、图像、声音、动画、视频等载体C.多媒体计算机、手机等设备D.互联网4.要把一台普通的计算机变成多媒体计算机要解决的关键技术是。
A.视频音频信号的获取B.多媒体数据压缩编码和解码技术C.视频音频数据的实时处理和特技D.视频音频数据的输出技术5.媒体中的指的是为了传送感觉媒体而人为研究出来的媒体。
A.感觉媒体B.表示媒体C.显示媒体D.存储媒体6.下列叙述中,错误的是。
A.媒体是指信息表示和传播的载体,它向人们传递各种信息B.多媒体计算机系统就是有声卡的计算机系统C.多媒体技术是指用计算机技术把多媒体综合一体化,并进行加工处理的技术D.多媒体技术要求各种媒体都必须数字化7.下面说法是不正确的。
A.电子出版物存储量大,一张光盘可以存储几百本书B.电子出版物可以集成文本、图形、图像、动画、视频和音频等多媒体信息C.电子出版物检索快D.电子出版物不能长期保存8.医科学生通过教学软件,借助于跟踪球和感觉手套了解人体内部的器官结构,节省了很多费用并且效果很好,这是技术引用到了医学中。
A.人工智能B.虚拟现实C.数据流D.超媒体9.以下哪一项不是信息技术的发展趋势。
A.多元化B.无纸化C.网络化D.智能化10.下列不属于多媒体开发的基本软件的是。
A.画图和绘图软件B.音频编辑软件C.图像编辑软件D.项目管理软件11.MPEG卡也称为。
A.视频采集卡B.视频叠加卡 卡D.视频播放卡12.DSP芯片是。
A.固定功能的芯片B.可编程的数字信号处理器芯片C.非固定功能的芯片D.以上都正确13.以下选项中不是虚拟现实的基本特征有。
2021软考高级系统架构设计师备考知识点汇总part6

第1题单选题通常有两种常用的需求定义方法:严格定义方法和原型方法。
下述的各种假设条件中,“()”不适合使用严格定义方法进行需求定义。
A.所有需求都能够被预先定义B.开发人员与用户之间能够准确而清晰地交流C.需求不能在系统开发前被完全准确地说明D.采用图形(或文字)充分体现最终系统【解析】正确答案:C。
需求定义方法包括严格定义方法和原型方法两种。
严格定义方法适用于需求已全面获取,需求较为明确的情况。
如果达不到这个要求,则适宜用原型方法。
第2题单选题某文件系统采用多级索引结构,若磁盘块的大小为4K字节,每个块号需占4字节,那么采用二级索引结构时的文件最大长度可占用()个物理块。
A.1024B.1024×1024C.2048×2048D.4096×4096【解析】正确答案:B。
本题考查索引文件结构。
在索引文件结构中,二级间接索引是指:索引结点对应的盘块存索引表,在索引表指向的盘块中依然存索引表,由于每个索引表可以存4K/4=1024个块号,所以二级索引可对应1024*1024个物理块。
第3题单选题内存按字节编址,利用8K×4bit的存储器芯片构成84000H到8FFFFH的内存,共需()片。
A.6B.8C.12D.24【解析】正确答案:C。
根据题目描述,采用该存储器芯片需要构成8FFFFH - 84000H + 1 = C000H的空间,且内存按照字节(8bit)编码,需要的容量是C000H×8bit。
C000H×8bit 就是:48K×8bit,一片存储芯片的容量是8K×4bit,两者相除得12。
第4题单选题嵌入式软件设计需要考虑()以保障软件良好的可移植性。
A.先进性B.易用性C.硬件无关性D.可靠性【解析】正确答案:C。
备选答案中,只有硬件无关性与可移植性相关。
事实上,现在很多嵌入式系统开发对此非常重视,例如进行电视机顶盒开发,以前解码使用硬件芯片解码的做法比较普遍,现在随着嵌入式系统CPU运算能力的提升,人们开始将硬件解码改为软件解码,为的就是解决移植过程中由于解码芯片型号不同带来的问题。
4.层、 行为和时间轴

onKeyPress:当按下和松开任意键时产生。此事件相当 于把onKeyDown和onKeyUp这两事件合在一起。
onKeyUp:当按下的键松开时产生。 onLoad:当一图像或网页载入完成时产生。
onMouseDown:当访问者按下鼠标时产生。 onMouseMove:当访问者将鼠标在指定元素上移动时产生。 onMouseOut:当鼠标从指定元素上移开时产生。 onMouseOver:当鼠标移动到指定元素(刚进入区域)时产生。 onMouseUp:当鼠标弹起时产生。
onSubmit:当访问者提交表单时产生。
制作步骤
(1)在“布局”插入栏中点击“绘制层”按钮在页面中 绘制一个层,然后在层的“属性面板”中设置各参数。
(2)将光标移至title层内,点击插入面板“常用”视图 下的表格按钮,插入一个1行4列的表格,宽度为100%, 设置四个单元格宽度为120px
实例4:打开浏览器窗口
实例创意
打开浏览器窗口即在打开当前网页的同时,另外打开一个新 的窗口,而这个新打开的窗口,可以根据自己的喜好对它的菜单、
页面尺寸、滚动条等进行设置,如263网站打开时弹出的“免费试
用”广告窗口。
制作步骤:
(1)设计一个页面,作为新窗口。
(2)创建另一个网页“index.htm”,由于是对整个页的行为, 即广告窗口是在该网页加载时自动弹出,所以选择状态栏 上的“<body>”后单击行为面板的“+”按钮,选择“打开 浏览器窗口”菜单命令 (3)系统弹出 “打开浏览器窗口”对话框,在“要显示的 URL”文本框中输入新窗口文件的路径和文件名,也可以通 过单击“浏览”按钮查找相应的路径及文件名。“窗口宽 度”和“窗口高度”文本框中定义新窗口的长宽值。 (4)选择事件为“onload”。
软件设计与体系结构知识点

1.软件设计的特征(1)软件设计的开端是出现某些新的问题需要软件来解决,这些需要促使设计工作的开始,并成为整个设计工作最初的基础(2)软件设计的结果是给出一个方案,它能够用来实现所需的、可以解决问题的软件,方案的描述可能是文字、图表,甚至数学符号、公式等组成的文档或模型(3)软件设计包含一系列的转换过程,即把一种描述或模型转换为另一种描述或模型,转换后的形态可能更加具体,或更接近于实现(4)产生新的想法或思路对软件设计非常重要,因为设计也是一个创造性的过程,不同的问题或需求总会存在各自的特点,即使同样的问题在不同时期和环境下也会存在区别,因此设计不会是一成不变的(5)软件设计的过程是不断解决问题和实施决策的过程,因为整个设计是解决一个大的问题,在设计过程中将会分解成众多小问题,涉及真需要一次解决这些小的问题,并在出现多种方案或策略时进行决策,选择其中最合适的(6)软件设计也是一个满足各种约束的过程,因为软件可能在性能、运行环境、开发时间、成本、人员技术水平等各个方面存在约束,设计必须在满足这些约束的情况下给出最佳的设计方案(7)大多数的软件实际是一个不断演化的过程,因为需求在一开始很可能是不完整或不精确的,在设计过程中还会不断发生变化并逐步稳定下来,因此设计需要根据需求的变化而不断演化。
2.软件设计的要素( 1 ) 目标描述 ( 2 ) 设计约束 ( 3 ) 产品描述 ( 4 ) 设计原理 ( 5 ) 开发规划 ( 6 ) 使用描述3.软件设计体系的定义( 1 )软件设计体系结构是软件系统的结构,包含软件元素、软件元素外部可见的属性以及这些软件元素之间的关系( 2 )软件体系结构是软件系统的基本组织,包含构建、构件之间、构件与环境之间的关系,以及相关的设计与演化原则4.软件设计的主要活动( 1 ) 软件设计计划 ( 2 ) 体系结构设计 ( 3 ) 界面设计 ( 4 ) 模块/子系统设计 ( 5 ) 过程/算法设计( 6)数据模型设计5.体系结构“4+1 ”多视图建模( 1 )逻辑视图:该视图关注功能需求,即系统应该为最终用户提供什么服务,它与应用领域精密相关( 2 )进程视图:该视图捕获设计中关于并发和同步的内容,重视一些非功能需求,例如性能、可扩展性等,定义了运行实体和它们的属性。
软件工程-课程目录-大纲视图(全国高等教育自学考试指定教材-计算机网络专业-独立本科)

第一章绪论1.1 软件工程概念的提出与发展1.2 软件开发的本质1.3 本章小结第二章软件需求与软件需求规约2.1 需求与需求获取2.1.1需求定义2.1.2 需求分类2.1.3 需求发现技术2.2 需求规约2.2.1 需求规约定义2.2.2 需求规约(草案)格式2.2.3 需求规约(规格说明书)的表达2.2.4 需求规约的作用2.3 本章小结第三章结构化方法3.1 结构化需求分析3.1.1 基本术语1.数据流2.数据存储3.数据源和数据谭3.1.2 系统功能模型表示数据流图(Dataflow Diagram)3.1.3 建模过程1.建立系统环境图, 确定系统语境2.自顶向下, 逐步求精, 建立系统的层次数据流图3.定义数据字典数据流条目给出所有数据流的结构定义数据存储条目给出所有数据存储的结构定义数据项条目给出所有数据项的类型定义4.描述加工(1)结构化自然语言(2)判定表(3)判定树3.1.4 应用中注意的问题(1)模型平衡问题(2)信息复杂性控制问题3.1.5 需求验证3.2 结构化设计3.2.1 总体设计1.总体设计的目标及其表示(1)Yourdon提出的模块结构图(2)层次图(3)HIPO图2.总体设计步骤(1)变换型数据流图——变换设计(2)事物型数据流图——事物设计3.模块化及启发式规则(1)模块化1)耦合①内容耦合②公共耦合③控制耦合④标记耦合⑤数据耦合2)内聚①偶然内聚②逻辑内聚③时间内聚④过程内聚⑤通信内聚⑥顺序内聚⑦功能内聚(2)启发式规则1)改进软件结构, 提高模块独立性2)力求模块规模适中3)力求深度、宽度、扇出和扇入适中4)尽力使模块的作用域在其控制域之内5)尽力降低模块接口的复杂度6)力求模块功能可以预测3.2.2 详细设计1.结构化程序设计2.详细设计工具(1)程序流程图(2)盒图(N-S图)(3)PAD图(Problem Analysis Diagram)(4)类程序设计语言IPO图、判定树和判定表等也可以作为详细设计工具3.3 本章小结第四章面向对象方法——UML 4.1 UML术语表4.1.1 表达客观事物的术语1.类与对象1)类的属性(Attribute)2)类的操作3)关于类语义的进一步表达①详细叙述类的职责(Responsibility)②通过类的注解和/或操作的注解, 以结构化文本的形式和/编程语言, 详述注释整个类的语义和/或各个方法③通过类的注解或操作的注解, 以结构化文本形式, 详述注释各个操作的前置条件和后置条件, 甚至注释整个类的不变式④详述类的状态机⑤详述类的内部结构⑥类与其他类的协作4)类在建模中的主要用途①模型化问题域中的概念(词汇)②建立系统的职责分布模型③模型化建模中使用的基本类型2.接口(Interface)(1)采用具有分栏和关键字《interface》的矩形符号来表示(2)采用小圆圈和半圆圈来表示3.协作(Collaboration)4.用况(Use Case)5.主动类(Action Class)6.构件(Component)7.制品(Artifact)8.节点(Node)4.1.2 表达关系的术语1.关联(Association)(1)关联名(Name)(2)导航(3)角色(Role)(4)可见性(5)多重性(Multiplicity)(6)限定符(Qualifier)(7)聚合(Aggregation)(8)组合(Composition)(9)关联类(10)约束①有序(ordered)②无重复对象(set)③有重复对象(bag)④列表(list)或序列(sequence)⑤只读(readonly)2.泛化(Generalization)①完整(Complete)②不完整(Incomplete)③互斥(Disjoint)④重叠(Overlapping)3.细化(Realization)4.依赖①绑定(Bind)②导出(Derive)③允许(Permit)④实例(InstanceOf)⑤实例化(Instantiate)⑥幂类型(Powertype)⑦精化(Refine)⑧使用(Use)可模型化以下各种关系(1)结构关系1)以数据驱动2)以行为驱动(2)继承关系(3)精化关系(4)依赖关系4.1.3 表达组合信息的术语——包1)访问(Access)2)引入(Import)4.2 UML模型表达格式1.类图(Class Diagram)(1)模型化待建系统的概念(词汇), 形成类图的基本元素(2)模型化待建系统的各种关系, 形成该系统的初始类图(3)模型化系统中的协作, 给出该系统的最终类图(4)模型化逻辑数据库模式2.用况图(Use Case Diagram)所包含的内容(1)主题(Subject)(2)用况(Use Case)(3)参与者(Actor)(4)关联、泛化与依赖模型化工作1)关于系统/业务语境的模型化①系统边界的确定②参与者与用况的交互③参与者的语义表达④参与者的结构化处理2)关于系统/业务需求的模型化①确定系统/业务的基本用况②用况的结构化处理③用况的语义表达3.状态图(1)状态1)名字2)进入/退出效应(Effect)①entry②exit③状态内部转移3)do动作或活动4)被延迟的事件(2)事件1)信号(Signal)事件2)调用(Call)事件3)时间事件4)变化事件(3)状态转移①源状态②转移触发器③监护(guard)条件④效应(effect)⑤目标状态实际应用中, 使用状态图的作用①创建一个系统的动态模型②创建一个场景的模型4.顺序图(1)术语解析1)消息2)对象生命线3)聚焦控制(the Focus of Control)(2)控制操作子1)选择执行操作子(Operator for Optional Execution)2)条件执行操作子(Operator for Conditional Execution)3)并发执行操作子(Operator for Parallel Execution)4)迭代执行操作子(Operator for Iterative Execution)4.3 本章小结第五章面向对象方法——RUP5.1 RUP特点1.以用况为驱动2.以体系结构为中心3.迭代增量式开发5.2 核心工作流5.2.1 需求获取1.列出候选需求2.理解系统语境(1)业务用况模型(2)业务对象模型3.捕获系统功能需求(1)活动1: 发现并描述参与者(2)活动2: 发现并描述用况(3)活动3: 确定用况的优先级(Priority)(4)活动4: 精化用况(5)活动5: 构造用户界面原型1)用户界面的逻辑设计2)物理用户界面的设计3)开发用户界面原型并演示为了执行该用况, 用户怎样使用该系统(6)活动6: 用况模型的结构化5.2.2 需求分析1.基本术语(1)分析类(Analysis Class)1)边界类(Boundary Classes)2)实体类(Entity Classes)3)控制类(Control Classes)(2)用况细化(Use Case Realization)(3)分析包(Analysis Package)2.分析模型的表达3.分析的主要活动(1)活动1: 体系结构分析(Architectural Analysis)1)任务1: 标识分析包2)任务2: 处理分析包之间的共性3)任务3: 标识服务包4)任务4: 定义分析包的依赖5)任务5: 标识重要的实体类6)任务6: 标识分析包和重要实体类的公共特性需求(2)活动2: 用况分析1)任务1: 标识分析类①标识实体类②标识边界类③标识控制类2)任务2: 描述分析(类)对象之间的交互(3)活动3: 类的分析1)任务1: 标识责任2)任务2: 标识属性①关于实体类属性的标识②关于边界类属性的标识③关于控制类属性的标识3)任务3: 标识关联和聚合①关于关联的标识②关于聚合的标识③关于泛化的标识(4)活动4: 包的分析4.小结(1)关于分析模型1)分析包2)分析类3)用况细化(2)关于分析模型视角下的体系结构描述(3)用况模型和分析模型比较(4)分析模型对以后工作的影响1)对设计中子系统的影响2)对设计类的影响3)对用况细化[设计]的影响5.2.3 设计1.设计层的术语(1)设计类(Design Class)(2)用况细化[设计](3)设计子系统(4)接口(Interface)2.设计模型、部署模型以及相关视角下的体系结构描述(1)设计模型及其视角下的体系结构描述1)子系统结构2)对体系结构有意义的设计类3)对体系结构有意义的用况细化[设计](2)部署模型及该模型视角下的体系结构描述3设计的主要活动(1)活动1: 体系结构的设计1)任务1: 标识节点和它们的网络配置2)任务2: 标识子系统和它们的接口①标识应用子系统②标识中间件和系统软件子系统③定义子系统依赖④标识子系统接口3)任务3: 标识在体系结构方面有意义的设计类和它们的接口4)任务4: 标识一般性的设计机制①标识处理透明对象分布的设计机制②标识事务管理的设计机制(2)活动2: 用况的设计1)标识参与用况细化的设计类2)标识参与用况细化的子系统和接口(3)活动3: 类的设计1)任务1: 概括描述设计类2)任务2: 标识操作3)任务3: 标识属性4)任务4: 标识关联和聚合5)任务5: 标识泛化6)任务6: 描述方法7)任务7: 描述状态(4)活动4: 子系统的设计1)任务1: 维护子系统依赖2)任务2: 维护子系统所提供的接口3)任务3: 维护子系统内容4.RUP设计小结1)RUP设计的突出特点2)关于RUP的设计方法①给出用于表达设计模型中基本成分的4个术语, 包括子系统, 设计类, 接口, 用况细化[设计]②规约了设计模型的语法, 指导模型的表达③给出了创建设计模型的过程以及相应的指导3)RUP的设计模型①设计子系统和服务子系统②设计类(其中包括一些主动类), 以及他们具有的操作、属性、关系及其实现需求。
框架的应用课件PPT

控制框架滚动条属性srcolling
1、srcolling属性,可以设定窗口是否显示滚动条。 2、语法格式: <frame srcolling=参数值> 注意:此参数值仅为yes,no,auto(根据页面的长度自动
判断是否显示滚动条,一般情况下默认值是:auto)
实践操作
<html> <head> <title>嵌套分割窗口</title> </head> <frameset frameborder=1 cols=30,30 > <frameset ROWs=30,30> <frame scrolling=yes src="UntitledFrame-29.html"><frame
二、框架分割方式
1、左右分割窗口 语法结构: <frameset cols=参数1(百分比),
参数2……*> <fram src=URL><fram
src=URL><fram src=URL>…… </frameset>
实例操作
</html> <head> <title>水平分割窗口</title> </head> <frameset cols=25%,30%,10%,*> <frame ><frame ><frame ><frame > </frameset> </html>
框架的应用
(一)教学目的 1、知道建立框架的意义 2、知道建立表格的具体标签具体语法结构 3、熟悉方框的分割方式 4、对方框属性的了解与实践操作 (二)教学方法:实践与讲授法 (三)教学难点:方框属性的了解与实践操作 (四)教学过程:
dw操作技巧

Dreamweaver操作,看了第一行,想关了。
继续看下去...结果....哎,还是把全文复制过来吧第一章Dreamweaver的操作基础一、打开Dreamweaver的方法步骤:1.单击“开始”→所有程序→Dreamweaver→单击鼠标左键2.将鼠标指向桌面上Dreamweaver图标→双击鼠标左键3.将鼠标指向桌面上Dreamweaver图标→单击鼠标左键→在快捷菜单中单击打开。
二、认识Dreamweaver的界面三、Dreamweaver的操作基础1.新建步骤:文件→新建→基本页→创建2.打开步骤:文件→打开→查找范围→选定所需文件→打开3.保存步骤:文件→保存→另存为→保存在(地址)→输入(文件名)→保存4.复制步骤:打开所需文档→文件→另存为→保存在(地址)→输入新的(文件名)→保存四、属性栏的操作1.属性栏的打开方法步骤:窗口→属性(单击鼠标左键)2.文本的编辑步骤:选定→单击所需命令选项即可本章练习:第二章文字、图像与Flash动画一、使用文字1.设置文本属性步骤:打开原本文件→选定所需文字→字体下拉列表→选中所需字体(注:在属性面板中还可以分别设置字号、颜色、粗体、斜体等)2.插入常用文字元素(插入日期)步骤:常用→日期→日期格式→确定二、使用图像1.插入并设置图像步骤:常用→图像(按钮)→图像→选择图像源文件→查找范围→选定文件夹→选定所需图像→确定2.使用鼠标经过图像步骤:常用→图像→鼠标经过图像→原始图像(浏览)→选择所需图像→确定→鼠标经过图像(浏览)→选择所需图像→确定三、使用Flash动画1.插入动画步骤:常用→(媒体)Flash→选择所需文件→确定2.插入Flash按钮和文本步骤:(1)常用→(媒体)Flash→Flash按钮→选择样式→输入按钮文本→设置字体/字号→另存为(浏览)→保存在所需位置→输入文件名→保存→应用步骤:(2)常用→(媒体)Flash→Flash文本→输入方本→设置字体/字号→另存为(浏览)→保存在所需位置→输入文件名→保存→应用第三章建立网页超链接一、建立普通链接1.步骤:选中网页中的文字或图片→在属性面板中单击“链接” →浏览→选择文件→确定二、建立邮件链接步骤:打开原始文件→常用→电子邮件链接→输入文本→E-mail→确定三、建立锚点链接步骤:打开原始文件→常用→命名锚记→锚记名称→确定第四章使用表格排版一、表格的基本操作1.插入表格步骤:常用→表格→表格大小→输入行数/列数→表格宽度→确定二.设置边框和颜色步骤:选定表格→属性→边框颜色三.设置间距和填充步骤:(1)选定表格→属性→间距→输入数值(2)选定表格→属性→背景颜色四、单元格内文字对齐方式1.文字对齐方式步骤:选定表格→属性→格式栏→左对齐/居中对齐/右对齐/两端对齐2.表格对齐方式步骤:选定表格→属性→对齐五、拆分和合并拆分单元格1.步骤:选定→属性→合并单元格2.步骤:选定→属性→拆分单元格→输入行数/列数→确定六、插入和删除表格的行列步骤:修改→表格→插入行或列→位置→确定七、表格的布局视图步骤:选定→查看→表格模式→布局模式第五章使用表单元素一、关于表单/创建表单1.表单的应用范围非常广泛,如常见的留言板、讨论区、会员注册/登陆、在线查询等。
框架和框架集的基本操作课件

在创建框架集时,需要输入一些参数 来指定框架集的属性和配置,例如框 架数目、框架大小、超链接设置等。
使用图形化界面创建框架集
界面操作
在图形化界面中,通过鼠标拖拽和点击操作来创建框架集,用户可以直接在界面 上看到框架集的布局和属性。
输入参数
在创建框架集时,用户可以在界面上输入一些参数来指定框架集的属性和配置, 例如框架数目、框架大小、超链接设置等。
选择要删除的框架。
按下“Delete”键或选择“ 编辑”菜单中的“删除”选项
。
弹出提示框时,单击“是”确 认删除操作。
修改框架在框架集中的位置
打开要修改框架位置的框架集文件。
选择要移动的框架。
按住鼠标左键不放,同时拖动框架到目标位置。
松开鼠标左键完成移动操作。
06
框架和框架集的高级操 作
创建自定义的框架和框架集
作用
提供一种可重复使用的、模块化 的程序模板,减少编程工作量, 提高程序效率和可维护性。
框架集的定义和作用
定义
框架集是一种包含多个相互关联的框架的集合,这些框架共同构成了一个完整 的软件系统或应用。
作用
提供一种可扩展的、模块化的软件架构,方便对软件系统的开发和维护。
框架和框架集的关系
框架是框架集的基础单元,框架集由多个框架组成。
框架集提供了一种完整的软件系统或应用的架构,而单个框架则提供了特定功能或 服务的实现。
框架和框架集之间存在依赖关系,即一个框架的实现可能依赖于其他框架的功能。
02
创建框架集
使用命令行创建框架集
命令行参数
在命令行界面中,使用特定的命令和 参数来创建框架集,例如使用 “new_frameset”命令来创建一个 新的框架集。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
第六章使用框架、层和时间轴本章要点:●框架的概念●使用框架设置网页布局●层的概念●创建层●使用时间轴一、使用框架(P90 6.2 使用框架)(一)、使用框架如果多个网页拥有相同的导航区,只是内容有所不同,则可以使用框架来设计网页布局,这样浏览者在查看不同内容时,无需每次都下载整个页面,而可以保持导航部分不变,只下载网页中需要更新的内容即可,从而极大提高网页的下载速度。
这类网页称为框架页,其最典型的应用时各大论坛的设计。
1、框架的概念框架页面通过框架将网页分成多个独立的区域,在每个区域可以单独显示不同的页面,每个区域可以独立翻滚。
(1)框架网页的结构框架由框架和框架集组成,框架就是网页中被分隔开的各个部分,每一个部分都是一个完整的网页,这些网页共同组成了框架集。
框架集实际上也是一个网页文件,用于定义框架的结构、数量、尺寸等属性。
框架集又被称为父框架,框架被称为子框架,将某个页面划分为若干框架时,既可独立地操作各个框架,创建新文件,也可为框架指定自己制作好的文档。
选择【查看】-【可视化助理】-【框架边框】命令可以显示或隐藏框架边界。
(2)框架网页的功能——导航(3)框架结构的优点●浏览者无需为每个页面重新加载与导航相关的图形,可以大大提高网页的下载效率●每个框架都有自己的滚动条,浏览者可以独立滚动这些框架2、创建框架网页文档(1)在【新建文档】对话框中创建文件-新建-示例中的页-框架集-选择所需框架结构在【框架标签辅助功能属性】对话框中为每一个框架指定一个标题(2)在【布局】插入栏中创建插入-布局-框架-可选13种预定于框架(3)手动创建框架网页查看-可视化助理-框架边框,显示框架边框,选中所需分隔的框架,按ALT键同时,光标移至框架边框上,显示为双箭头时,即可将一个框架拆分为两个框架。
(二)、编辑框架1、框架的基本操作(1)创建嵌套框架打开一个框架网页,将光标移至要创建嵌套框架集的框架中,选择【插入记录】-【HTML】-【框架】-选择某种嵌套框架集(2)删除框架光标移至需要删除的框架边缘,显示为双箭头时,将鼠标朝向框架外继续拖拽至边框消失即删除该框架(3)选择框架和框架集【窗口】-【框架】,显示框架面板,在框架面板中选择所需框架。
2、设置框架和框架集属性(1)设置框架属性选择框架-属性●框架名称:文本框中输入框架名称,脚本语言编程时可能调用●源文件:该框架对应的源文件●滚动:默认,是,否,自动。
默认为自动,当浏览器窗口中没有足够空间来显示当前框架完整内容时会显示滚动条●不能调整大小:禁止改变框架的尺寸●边框:设置是否显示框架的边框;边框颜色●边界宽度和边界高度:设置框架与边界之间的距离(2)设置框架集属性选择框架集-属性●边框,边框颜色,边框宽度●行/列值:设置框架集的宽度数值;单位:像素,百分比,相对●行列选定范围:标示框注:当前所选框架集为框架集2,即两行一列的框架集其中2,3构成框架集1,框架集1与框架1构成框架集23、使用框架设置网页布局(例6-1)制作步骤包括以下部分:●建立站点●建立框架网页●建立“top”网页●建立“left”网页●建立“main”网页●设置框架属性●保存框架网页和初始网页●建立其它内容网页●建立超级链接二、使用层(P114 ch7 AP元素的使用)层是html网页的一种元素,可以放在网页中的任何位置,用于网页元素的精确定位。
一个页面中可以包含多个层,层之间可以互相重叠,通过设置透明度来决定每个层是否可见或可见的程度。
层就像是包含文字或图片等元素的胶片,按顺序叠放在一起,组成页面的最终效果。
层可以精确定位页面上的元素,并且在层中可以加入文本,图像,表格等元素。
层的主要功能●绝对定位:游离在文档之上,可以浮动定位网页元素●可以重叠:z轴属性,产生叠加效果●显示和隐藏:产生动态效果1、创建层(1)创建普通层●插入菜单-布局-绘制AP Div【拖动(200*115)和绘制(自定义大小)两种效果】●插入记录-布局对象-【AP Div】(2)创建嵌套层前提:在AP元素面板中,取消“防止重叠”两种方法:光标移至层中,●插入菜单-布局-绘制AP Div或插入记录-布局对象-【AP Div】●利用AP元素面板建立嵌套关系:⏹在AP元素面板中选中层1,按住ctrl并拖动至层2,即实现层1嵌套于层2之中⏹解除嵌套:将子层拖动至母层上方(3)设置层属性属性面板●层编号:显示层的名称,识别不同的层●左,上:层距离浏览器窗口左边界,上边界的距离,实现精确定位●宽,高:层的宽度和高度数值●Z轴:层的Z轴顺序。
在浏览器中,编号较大的层出现在编号较小的层的上面。
值可以为正,也可以为负。
当更改层的堆叠顺序时,使用“层”面板要比输入特定的z轴值更为简便●背景图像,背景颜色●类:选择CSS样式●可见性:层最初的显示状态✓Default——不指明层的可见性,大多数浏览器都会默认为inherit选项✓Inherit——继承父层的可见性。
✓Visible——显示层及其包含的内容,无论其父级层是否可见。
✓Hidden——隐藏层及其包含的内容,无论其父级层是否可见。
●剪辑:指定层的可见部分,输入距离层的四个边界的距离数值,只显示本层四个坐标数值中间的内容。
(该属性存在兼容性的问题,如IE 7下没有效果)●溢出:当层内容超过层的大小时的处理方式:✓Visible(显示):选择该选项,当层内容超出层的范围时,可自动增加层尺寸。
✓hidden(隐藏): 选择该选项,,当层内容超出层的范围时,保持层尺寸不变,隐藏超出部分的内容。
✓scroll(滚动条): 选择该选项,则层内容无论是否超出层的范围,都会自动增加滚动条。
✓auto(自动): 选择该选项,,当层内容超出层的范围时,自动增加滚动条(默认)2、层的基本操作(1)选择层✓【窗口】-【AP元素】命令,打开【AP元素】面板,单击层名称即可选中该层。
✓光标移至层的边框,当显示为十字形状时,单击即可选中该层✓按住shift键,单击要选择的层,可以选择多个层。
(2)改变层的显示顺序✓在【AP元素】面板中选中层,单击Z轴属性列,在文本框中输入叠放顺序的数值即可。
✓在【AP元素】面板中选中层,拖动至所需重叠的位置,在拖动中会显示一条线,释放鼠标即可改变层的叠放顺序。
(例图片层与文字层叠堆)(3)设置层可见性在【AP元素】面板中手动设置——眼睛图标按钮(4)在层中插入对象:直接插入(5)调整层大小:鼠标直接拖拽层边缘(6)移动层✓直接拖动边框✓属性面板输入层的左、上位置坐标,可精确定位✓按方向键一次一个像素;Shift+方向键,一次10个像素(7)对齐层选中多个层,【修改】-排列顺序-左右上下对齐(以最后一个选中的层位置为标准)(8)将层对齐网格借助网格功能,可实现进一步精确定位。
✓显示网格:查看-网格设置-显示网格,打开网格功能,✓靠齐到网格:查看-网格设置-靠齐到网格,即可在移动或绘制层时自动靠齐到网格。
(9)删除和复制层:选中-删除,复制,粘贴例6-3:打开例6-1,创建层并在层中插入文本和图像例AP DIV布局:将表格布局的inde.htm页面用层进行布局index_cen.htm3、转换表格和层(1)将表格转换为层选中表格-修改-转换-将表格转换为AP Div(空白表格不能转)(2)将层转换为表格选中层-修改-转换-将AP Div转换为表格(3)防止层的重叠因为表格不能够重叠,因此如果文档中存在重叠的层,就无法将其转换为表格。
因此需对文档中的层进行重新排列,使之不重叠。
修改-排列顺序-防止层重叠或【AP元素】面板中的【防止重叠】4、设置层属性在【首选参数】对话框中可以设置层的参数:编辑-首选参数-AP元素●显示:设置新建层的默认可见性(四选项与属性面板中一致)●宽和高:设置新建层的默认宽度和高度,单位为像素●背景颜色,背景图像●嵌套:选中它,可以在文档中创建嵌套层。
否则,在层内部绘制层时,创建的是重叠层也不是嵌套层。
●Netscape 4 兼容性:在文档头部自动添加一段代码,以修复netscape浏览器中重设浏览器大小时出现的CSS层错误。
三、使用时间轴在【时间轴】面板中创建一系列帧,通过改变每帧中层的位置,尺寸,可见性及重叠顺序等属性,创建动画效果。
1、认识【时间轴】面板【窗口】-【时间轴】命令,打开时间轴面板A.关键帧B. 时间轴弹出菜单C. 帧编号D. 行为通道E. 动画通道F. 动画条G. 播放栏●关键帧:定义动画条中已经为对象指定属性(如位置)的帧。
Dreamweaver 会计算关键帧之间的帧的中间值。
小圆标记表示关键帧。
●行为通道:说明应在时间轴中特定帧处执行的行为。
●时间轴弹出菜单:指定当前在“时间轴”面板中显示文档的哪一个时间轴。
●动画通道:显示用于制作AP 元素和图像动画的条。
●动画条:显示每个对象的动画的持续时间。
一个行可以包含表示不同对象的多个条。
不同的条无法控制同一帧中的同一对象。
●播放栏:显示当前在“文档”窗口中显示时间轴的哪一帧。
●帧编号:指示帧的序号。
“后退”和“播放”按钮之间的数字是当前帧编号。
您可以通过设置帧的总数和每秒帧数(fps) 来控制动画的持续时间。
每秒15 帧这一默认设置是比较适当的平均速率,可用于在通常的Windows 和Macintosh 系统上运行的大多数浏览器。
2、创建时间轴动画(1)通过移动层位置创建时间轴动画(例6-4)◆打开例6-3文档,【窗口】-【时间轴】命令,打开时间轴面板◆将层拖动到【时间轴】面板中,系统会自动打开一个信息提示框,单击确定。
(时间轴面板中会显示动画条)◆选中动画条尾部的关键帧标记,拖动到任意帧位置,设置动画中帧数(60帧)●制作直线运动动画:调整每一关键帧处层的位置,使连续两个关键帧处层不在同一位置显示。
●制作曲线动画:⏹右击时间轴上动画区域内任意帧,【增加关键帧】(15,30,45帧处增加关键帧)⏹调整每一关键帧处层的位置,使连续两个关键帧处层不在同一位置显示。
◆选中自动播放,循环播放,预览网页效果。
练习6-1,6-2(2)通过拖动层轨迹创建动画(例6-5)要根据复杂路径来创建动画,比关键帧更有效的方法是记录移动层时经过的轨迹。
◆打开例6-3文档,选中层,将层拖动到【时间轴】面板中。
◆选择【修改】-【时间轴】-【记录AP元素的路径】命令。
◆按住鼠标拖动层,创建层移动的路径。
◆创建层移动的路径后,在【时间轴】面板中会自动添加动画条。
选中自动播放,循环播放,预览网页效果。