模块六 层时间轴框架.ppt

1、模块5是网页元素布局技术，该技术使得塔斯克能够使用层时光轴和信息帧工作来首先识别层并且使用子塔斯克1创建层，而层(Div )使得页面元素能够以像素为单位正确地布置。 层的位置可以相对自由地放置在网页的任意位置，要制作层，执行【插入查询密码】【版结构对象】【AP div】命令，喀呖声【插入】工具条的【版结构】面板的【版结构】按钮，如图6-3所示，用鼠标左键进行这个如图6-6所示。 如图6-3所示，在“插入”工具条的“版结构”面板中喀呖声“混合层”按钮。 在“文档”窗口中拖动鼠标绘制图层。 如果塔斯克首先识别和使用层，则可以在Dreamweaver CS3中将层自由插入到网页中，但插入层后通常无法

2、完全满足设置者的要求，需要修改调整、移动、对齐、隐藏等操作。 层的基本操作：调整层的大小调整层选择将文本内容或图像嵌套层插入层，子塔斯克2层的基本操作，塔斯克首先识别并使用层的层的基本操作：选择层的4种方法： 1，光标2 .直接喀呖声层内部，显示层的选择驾驶盘图标时，如图6-8所示。 然后，喀呖声或选择“文档”窗口左下犄角旮旯状态栏中的“”层选项卡。 如图6-9所示。 3 .可以直接在“文档”窗口中喀呖声图层标记来选择该图层。 如图6-10所示，可以通过在“图层”面板中选择图层名称来选择图层。 “层”面板如图6-12所示。 选择多层时，请按住牛鼻子并喀呖声要选择的层的名称。子塔斯克2层的基本操

3、作，塔斯克第一次识别层使用的层的基本操作：选择层的4种方法： 1、将光标移动到要选择的层的边框上，光标指针变为“十字双向箭头”光标后，喀呖声鼠标左键，使其成为该层如图6-7所示。 2 .直接喀呖声层内部，显示层的选择驾驶盘图标时，如图6-8所示。 然后，喀呖声或选择“文档”窗口左下犄角旮旯状态栏中的“”层选项卡。 如图6-9所示。 3 .可以直接在“文档”窗口中喀呖声图层标记来选择该图层。 如图6-10所示，可以通过在“图层”面板中选择图层名称来选择图层。 “层”面板如图6-12所示。 选择多层时，请按住牛鼻子并喀呖声要选择的层的名称。子塔斯克2层的基本操作，塔斯克乍一看使用层，改变层的大小在

4、层中插入文本内容和图像嵌套层，子塔斯克2层的基本操作，塔斯克乍一看使用层，层的属性乍一看设定，只选择层执行的子塔斯克3设定等级属性塔斯克首先识别和使用级别，级别“属性”级别编号：可以从右侧的下拉列表中指定标识级别的名称，然后在字符框中键入级别名称。 图层名称只能包含字母数字字符，不能包含特殊字符。 “左”和“上”:在字符框中输入适当的数字以指定图层的位置。 图层相对于页面或嵌套父图层的左上方犄角旮旯的位置，左侧指定从左开始的像素数，上方指定从上方开始的像素数。 宽度和高度：字符框设置图层的宽度和高度。 z轴：指定层的堆叠顺序编号。 标签条大的层出现在标签条小的层上。 可见性：在右侧的下拉列表中

5、设置层的四种显示模式。 Default是默认奥尔特值，不指定层的显示属性，inherit表示继承，应用于嵌套层后，父层的显示属性、visible为显示、无条件显示、hidden为隐藏、绝对隐藏层和层中的内容向上溢出： CSS“Visible”增加图层的大小，使图层中的所有内容都可见，并指示图层将自动向下和向右放大。 隐藏表示隐藏，不调整图层大小，所有与图层大小不匹配的图层都将被裁剪。 Scroll代表滚动，它向图层添加滚动条，而不管内容是否超过图层的大小。 Auto表示自动，当图层内容超过图层大小时，会自动显示滚动条。 否则，不显示滚动条。 背景颜色：指定图层的背景颜色。 背景图像：指定此层的

6、背景图像。 回形针：左右上下：定义图层的可视区域时，设定图层的边界，分别由左右上下属性值设定。 类表示将CSS样式应用于图层。 子塔斯克3可以设置层属性(层可见情况)，以便当塔斯克首先识别和使用层来设置web版结构时，使用层来设置和修改页面，然后使用“层到表”功能将层转换为表。 您也可以使用表格至图层功能将表格转换为图层。 选择菜单【修改】【变换】【从层到表】指令后，如图6-33所示，显示“变换层为表”的对话计程仪框。子塔斯克3转换表和层，图6-33“转换层是表”对话框计程仪，塔斯克第一次识别和使用层，转换层是表对话框计程仪的各属性的含义：表版结构：最准确：在各层创建表单元格，并保持层与层之间

7、的间隔所需的附件。 最小合并空白单元格：指定如果多个图层位于指定的像素数内，则将这些图层的边缘对齐。 使用透明GIF :在表格的最后一行输入透明GIF图像。 居中对齐页面：选择此选项可使生成的表页居中对齐。 差速奥尔特左对齐。 版结构工具：防止图层重叠：选取此选项可防止图层重叠。 “显示图层”面板：选择此转换可完成“图层”面板。 显示网格：完成此转换后，将显示网格。 捕捉到网格：选择此选项可启用网格对齐。 和， 变换子塔斯克3表和层子塔斯克3设定层属性子塔斯克4变换表和层塔斯克2时间轴面板子塔斯克2识别时间轴漫动画位置子塔斯克3编辑时间轴塔斯克3编辑子任务1帧和帧组的结构子任务2帧和帧组的属性

8、子任务4帧全部创建网页斯坦共和国塔斯克2使用时光轴，子塔斯克1认识到“时光轴”面板的时光轴是通过随时间移动层位置来显示漫动画动画效果的漫动画编辑界面，并在时间轴上显示动画时间轴上的层对象如果要移动对象(如文本或图像)，可以将其置于图层中。 您可以使用时光轴更改AP元素的位置、大小、可见性和堆叠顺序。 执行菜单栏的【窗口】【时光轴】指令或者推一推快捷牛鼻子，则显示时光轴面板。 如图6-37所示。 子塔斯克1识别“时光轴”面板，塔斯克2使用时光轴，指示“时光轴”面板中每个属性的含义：时光轴弹出菜单：当前时光轴名称。 时光轴指针：在界面上显示当前位置的信息帧。 到第一个信息帧：移动到第一个信息帧，不

9、管时光轴在哪里。 指针当前位置：表示时间指针的当前位置。 信息帧数显示每秒出现的信息帧数。 默认值为15信息帧。 信息帧值越大，播放漫动画位置的速度越快。 自动播放：选择此项可在对web文档应用漫动画后自动执行。 循环：选择以继续在时间轴上重复漫动画位置。 动作通道：选择在指定的信息帧执行的动作。 牛鼻子信息帧：可更改的信息帧。 图层列：表示插入了【图层】等物件。 图层通道：用于编辑图层的空间。子塔斯克1识别“时光轴”面板，塔斯克2使用时光轴，步骤1打开“mdule062”文件夹下的“aboutme.htm”文件，创建层， 在图层内喀呖声鼠标，执行菜单【插入】【图像】，选择步骤2制作漫动画的图

10、层，喀呖声图层标记或图层边界，在“图层”面板中选择图层，选择【修正】【时间轴】【将对象添加到时间轴】，或者选择的对象在时间轴的第一个通道中可以看到漫动画状态栏。 如图6-39所示。 子塔斯克2创建时间轴漫动画，塔斯克2使用时间轴，步骤3执行【修改】【时间轴】【记录AP元素路径】，在页面上拖动层，创建所需的运动路径。 在要停止漫动画位置释放鼠标按钮。 如图6-40所示。 步骤4 Dreamweaver向时光轴中添加漫动画状态栏，并添加适当数量的牛鼻子信息帧。 步骤5如果推一推播放按钮，则预览页面上的漫动画。 您可以按照此过程将层和图像添加到时光轴中，以创建更复杂的漫动画区域。 的双曲馀弦值。 子

11、塔斯克2创建时光轴漫动画区，塔斯克2使用时光轴定义时光轴的基本组件，然后可以添加和删除信息帧，更改漫动画开始时间等。 如果使用时光轴更改图像和AP元素的属性，则子塔斯克2可以编辑时光轴，以更改AP元素的显示、大小和堆叠顺序，以及使用时光轴移动AP元素。 子塔斯克3编辑时光轴，塔斯克3使用信息帧，信息帧是浏览器窗口内的区域，显示与在浏览器窗口的剩馀部分显示的内容无关的HTML文档。 “信息帧”工作的作用是将浏览器窗口分割为多个区域，使每个区域可以显示不同的web内容。 信息帧有两个部分：信息帧定径套和单个信息帧。 信息帧定径套是文档中定义的一组框架建筑HTML页面，定义网页中包含的信息帧数、每个

12、信息帧的大小、加载信息帧的web源以及每个信息帧的其他属性。 一个信息帧是网页定义的区域，每个信息帧可以看到不同的网页。 的双曲馀弦值。子塔斯克1的信息帧工作和信息帧定径套的工作方式、塔斯克3的信息帧工作的使用、使用信息帧工作的优点：造访者浏览器不需要每页重新加载导航相关的图形。 每个信息帧都有自己的滚动条(如果内容太大而无法在窗口中看到)，网站数据库人员可以单独滚动这些个信息帧。 例如，如果信息帧中的内容页较长，而导航仪表栏位于另一个信息帧中，则滚动到页面底部的网站数据库可以使用导航仪表栏，而无需进一步滚动到顶部。 使用信息帧的缺点：不同信息帧中的元素可能难以精确格拉夫快速对齐。 测试导航仪

13、表可能需要一些时间。 由于浏览器中不显示加载到信息帧中的每个页面的URL，因此访问者可能很难将特定页面标记为书签。子塔斯克1信息帧工作和信息帧工作定径套如何工作，使用塔斯克3信息帧工作，创建预定义信息帧工作集的步骤启动Dreamweaver，如图6 -所示在此选择【从样本制作】下的【信息帧定径套】后，如图6-42所示，出现新建文档对话框计程仪框。 在步骤2的对话框中切换到“常规”标签，在“常规”标签中选择“类别”下的“信息帧定径套”，在“信息帧定径套”下选择系统预定径套的15中信息帧集。 选择“上固定，左嵌套”后弹出。如图6-43所示。 可以更改几个信息帧工作的新名称。一喀呖声【ok】按钮，嵌

14、套的信息帧就完成了。 如图6-44所示。 创建自定义信息帧定径套如果系统定义的信息帧定径套不满足设置修订者的要求，也可以自定义方式创建信息帧定径套。 在创建信息帧定径套之前，可以单击子塔斯克2信息帧和信息帧定径套的使用、塔斯克3信息帧的使用、菜单【显示】【框架框】，在“文档”窗口中显示框架框，如图6-45所示。 在步骤2分割的信息帧内喀呖声，如图6-46所示，执行【修正】【信息帧页】【分割左信息帧/右信息帧/上信息帧/下信息帧】指令。 用户可以根据需要自由分割信息帧。 3 .选择信息帧和信息帧定径套选择信息帧和信息帧定径套有两种方法。 一种方法是在“信息帧”面板中选择信息帧定径套或选择信息帧定径套。 另一种方法是在“文档”窗口中选择信息帧和信息帧定径套。 4 .保存信息帧和信息帧定径套文件保存信息帧文件：信息帧文件实际上是在信息帧内打开的web页面文件。 要保存信息帧文件，可以在信息帧内喀呖声，选择菜单【文件】【保存】来保存信息帧定径套文件：只保存信息帧定径套文件，保存菜单【文件】【信息帧组】； 或者选择菜单【文件】【将信息帧定径套另存为】，将信息帧定径套保存为新文件。使用子塔斯克2信息帧和信息帧定径套、使用塔斯克3信息帧、设置信息帧定径套属性创建框架集后，在“属性”面板中设