- 1、本文档共21页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
5层和时间轴
5.1 层 5.2 时间轴 本章小结 5.1 层 5.2 时间轴 《网页设计与网站建设》 $ [知识目标] 了解网页中的层 了解时间轴面板 掌握应用层和时间轴制作动画方法 8 [能力目标] 掌握在网页中创建层及编辑层的基本操作 熟练时间轴面板的操作 能够应用层和时间轴制作网页动画 第5章 层和时间轴 第5章 层和时间轴 5.1.1 创建层 5.1.2 层的基本操作 5.1.3 层与表格的转换 (一)创建层 1.新建一个文档。 2.在“插入栏”中的“布局”类别中,单击“描绘层”按钮。 3.鼠标指针变“+”,按住 左键并拖动,可以在网页中创 建一个层,如图。 按住Ctrl键,可以一次在 文档窗口中绘制多个层。 5.1.1 创建层 5.1 层 (二)创建嵌套层 1.新建一个文档,绘制一个层。 2.执行以下操作之一: ?将鼠标放在层中,单击菜单栏中“插入”|“布局对象”|“层”命令。 ?将一个层的标志图标 ,用拖拽的方式拖到另一层中。 3.创建了一个嵌套层。其外面的层被称为“父层”,里面的层被称为“子层”。 (三)向层中添加内容 将光标定位在层中,光标变为“|”,可以向层中插入文本或图像等网页元素。 5.1.1 创建层 5.1 层 1.选择层 使用下述方法中的任意一种方法,均可选中一个层: ?单击文档中层的边框线; ?单击层上方的 标记; ?单击文档左上方的层标志 2.移动层。 使用下述方法中的任意一种方法,均可移动层: ?选中层后,拖动 标记,可以将层移到文档的任意位置。 ?鼠标移到层的边框上,指针变为 ,拖动鼠标可以移动层。 ?对于多层的移动,拖动最后被选中的有实心控制点的层的 标记,可以同时将多层移动。 5.1.2 层的基本操作 5.1 层 3.层的对齐。 选中多层,单击菜单栏中“修改”|“排列顺序”命令,选择对齐方式,如“左对齐”、“右对齐”;“对齐上边缘”或“对齐下边缘”等。 4.层的属性设置。 同其他网页元素一样,层的设置需要在“属性检查器”中进行。选中层,层属性如图所示。 5.1.2 层的基本操作 5.1 层 剪辑:设置层的可视区域。通过上、下、左、右文本框设置可视区域与层边界的像素值 5.层面板的使用。 单击菜单栏中“窗口”|“层”命令或按快捷键F2,打开层面板。 ?“名称”:显示每个层的名称,双击可以改变层的名称。 ?“防止重叠”:选择该选项,则不能将一个层移到另一个层的上面。 ? 按钮:设置层的可见性,用鼠标反复单击可以实现层的可见和隐藏。 ,可见; ,隐藏。 ?“Z”:设置层的Z轴值。单点击层的Z轴位置可以修改Z轴值。 5.1.2 层的基本操作 5.1 层 (一)将层转化为表格 1.新建一个空白文档,在文档中绘制两个层。 2.单击菜单栏中“修改”|“转换”|“层到表格”命令,打开“转换层为表格”对话框。 3.设置完成后,单击“确定”按钮,即将文档中的层转化为表格。 5.1.3 层与表格的转换 5.1 层 (二)将表格转化为层 1.打开上面层转换为表格的文档。 2.单击菜单栏中“修改”|“转换”|“表格到层”命令,打开“转换表格为层”对话框架。 5.1.3 层与表格的转换 5.1 层 1、将表格转换为图层时,空的表格单元不转换,表格之外的内容也被置于层中。 2、因为表格单元不会重叠,所以Dreamweaver不会把重叠的层转换为表格。如果计划把一个文档中的层转换为表格,就要在建立、移动层和调整层大小时防止层发生重叠。 3、要防止层重叠,可在层面板中选择“防止重叠”选项。但如果是在建立了重叠层之后才选择了此选项,不会改变以前发生的层重叠,此时只有通过移动层的方法把重叠的层分开。 4、即使选择了防止层重叠选项,有些操作也会使层发生重叠。比如使用插入菜单插入层,在属性检查器中输入层边距等。总之,如果发生了层重叠,就要在文档窗口拖动重叠的层,使它们分离开来。 5.1.4 转换时需注意的问题 5.1 层 5.2.1 认识时间轴 5.2.2 创建动画 单击菜单栏中“窗口”|“时间轴”命令或按组合键Alt+F9,可以打开时间轴面板。 5.2.1 认识时间轴 5.2 时间轴 时间轴列表框 当前帧编号 时间轴菜单 行为通道 帧序号 动画条 动画通道 播放头 关键帧 (一)图像置换动画 (1)新建一个文档并保存。 (2)在文档中插入图像,并将图像拖拽到时间轴中,在时间轴的动画通道上会出现一个动画条,如图,默认长度为15帧。 (3)将动画条的右侧关键帧向右拖
您可能关注的文档
- 论宋代的战争词.doc
- 立足农村学校、践行纯洁的共产主义品质.doc
- 概率论word格式的考试题.doc
- 2012股市表现.doc
- 总复习2010.5.13.doc
- 建党九十周年征文大赛.doc
- XXX信息工作责任目标暨考核管理办法.doc
- 西方经济学第7章一般均衡理论和帕累托最优状态.ppt
- 6.1因式分解1.ppt
- 《三峡之秋》生本导学案.doc
- 江苏省灌云高级中学2023-2024学年高三上学期第一次月考地理试题含答案.docx
- 备战2024年高考物理一轮重难点复习 第十三章 近代物理.docx
- 江苏省高邮市一中2021-2022学年高三上学期第一次月考语文试题(原卷版).docx
- 江苏省华罗庚中学2023-2024学年高三上学期12月阶段检测数学试卷含答案.docx
- 江苏省海门中学2023-2024学年高三上学期第一次调研考试地理试题及答案.docx
- 备战2024年高考物理一轮重难点复习 第九章 恒定电流.docx
- 江苏省高邮市2023-2024学年高三下学期3月学情调研数学试题含答案.docx
- 备战2024年高考物理一轮重难点复习 实验十一:探究影响感应电流方向的因素.docx
- 备战2024年高考物理一轮重难点复习 实验三:验证平行四边形定则.docx
- 备战2024年高考物理一轮重难点复习 第十四章 光.docx
文档评论(0)