1 / 6

第七章 层和时间轴

第七章 层和时间轴. 重点知识 层的定义 AP Div 的创建 AP Div 的操作 表格和 AP Div 的相互转换 时间轴的定义. 7.1 创建层. 创建层有以下几种方法。 插入层： 把光标置于想插入层的位置，然后从菜单栏中选择 【 插入记录 】/【 层 】 命令。 拖放层： 将层图标从 【 插入 】 面板中拖放到 【 文档 】 窗口 。 在 【 插入 】 面板中的 【 布局 】 栏中单击按钮，在 【 文档 】 窗口中拖动鼠标即可绘制出一个图层 。. 7.2 层的基本操作.

tomai
Download Presentation

第七章 层和时间轴

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 第七章 层和时间轴 • 重点知识 • 层的定义 • AP Div的创建 • AP Div的操作 • 表格和AP Div的相互转换 • 时间轴的定义

  2. 7.1 创建层 • 创建层有以下几种方法。 • 插入层：把光标置于想插入层的位置，然后从菜单栏中选择【插入记录】/【层】命令。 • 拖放层：将层图标从【插入】面板中拖放到【文档】窗口 。 • 在【插入】面板中的【布局】栏中单击按钮，在【文档】窗口中拖动鼠标即可绘制出一个图层 。

  3. 7.2 层的基本操作 • 当处理页面布局时，可以对层进行选择、移动、大小调整和对齐等操作。这些操作都是在【AP 元素】面板中完成的。 • 选定层：如果同时选择了多层，可以进行对齐层的操作，使它们的宽度和高度相同 • 调整层大小：可以同时调整多个层的代销以使它们具有相同的宽度和高度。 • 调整一个层的大小 • 同时调整多个层的大小 • 对齐层：对齐层的边缘；将层靠齐到网格

  4. 7.3 层与表格 层和表格都可以用来在页面中定位其他对象，Dreamweaver CS3为用户提供了转换层为表格和转换表格为层的功能，同时还支持层的溢出排版。 • 将层转换为表格：在浏览器大小有所变化或显示器的分辨率变化时，层的位置都有所变动。这些都不是预期的效果，此时就需要将层与表格进行必要的转换。 • 将层转换为表格：表格与层的相互转换只适合于布局排版比较简单的页面。

  5. 7.2 层的基本操作 • 移动层：图层的移动有以下几种操作方法： • 如果是通过拖定控制柄来移动层，那么可以拖动最后一个选定的层（黑色突出显示）的控制柄，如图7-15所示。 • 如果希望一次移动一个像素，可以使用方向键进行移动。按住Shift键的同时按方向键可以更快地移动层。 • 可以在【属性】面板中直接定位到想要的位置上，在【属性】面板中的【左】和【上】连个文本框中输入自己想要的值。

  6. 7.4 时间轴 层是静态的，但可以通过Dreamweaver CS3提供的时间轴功能来改变层的位置、大小、可见性和叠放顺序等属性来使之具有“动态”效果，即创建动画。 • 时间轴面板：【时间轴】面板了显示层和图像随时间变化的属性。执行【窗口】/【时间轴】菜单命令，可以打开【时间轴】面板。 • 创建时间轴动画：时间轴只能移动层，如果要移动图像或文本，则要先使用【插入】栏【布局】类别中的【绘制AP Div】按钮创建层，再将图像、文本或其他类型的内容插入到层中，然后通过移动层来移动这些元素。

More Related