《DreamweaverCS网页设计与制作》Dreamweaver基础知识刘敏娜主编.ppt

2.15.4 Spry折叠式面板 它是一组可折叠的面板，可以将大量内容存储在一个紧凑的空间中，用户可以通过单击该面板上的选项卡来隐藏或者显示折叠控件中的内容，在整个操作过程中，只能有一个面板是打开的状态。 图 折叠式spry插入效果 人有了知识，就会具备各种分析能力， 明辨是非的能力。 所以我们要勤恳读书，广泛阅读， 古人说“书中自有黄金屋。 ”通过阅读科技书籍，我们能丰富知识， 培养逻辑思维能力； 通过阅读文学作品，我们能提高文学鉴赏水平， 培养文学情趣； 通过阅读报刊，我们能增长见识，扩大自己的知识面。 有许多书籍还能培养我们的道德情操， 给我们巨大的精神力量， 鼓舞我们前进。 * 2.6.5 制作导航条 2.6.6 插入图像占位符 2.6.7 添加背景图像 2.6.8 使用Photoshop文件 2.7在网页中使用多媒体 2.7.1 在网页中插入Flash动画 2.7.2 使用Flash文本和按钮 2.7.3 插入Flash视频和Flash Paper文件 2.7.4 使用插件添加网页元素 2.7.5 插入Flash元素—图像查看器 2.8使用表格结构布局 2.8.1 页面的布局 2.8.2 使用表格 2.8.3 选择表格 2.8.4 导入表格式数据 2.8.5 导出表格式数据 2.8.6扩展和布局模式 2.9使用AP Div布局页面 2.9.1什么是AP 2.9.2如何创建AP Div 2.9.3 AP Div的操作 2.9.4 设置属性 2.9.5 使用面板 2.9.6 使用技巧 2.10使用层叠样式表 采用css技术可以有效的对页面的布局，字体，颜色进行精确的控制，所以现在这门技术越来越多的引入到网页设计中。在Dreamweaver中可以方便的创建css样式,对样式进行编辑。 2.10.1 css样式简介 样式是用来控制文档中某个文本区域外观的属性格式，利用css可以一次设置多个样式。css的英文全称是Cascading Style Sheets，也称层叠样式表。 在网页中用户可以使用css样式控制文本的格式，比如，字体，大小，颜色，还可以控制表格，AP Div等的显示效果。 2.10.2 css的分类 在Dreamweaver中有3种样式表类型： 类样式：可以使用到任何的标签中。主要用来设置文本或者文本块的属性。 标签：用来重定义特定标签的外观。当更改一个HTML标签的样式时，所有使用该标签的文本都得到了更新。 高级：可以重新定义特定标签组合的格式或者重新定义包含特定ID属性的所有标签的格式。 2.10.3 css规则的保存形式 用户自定义的css规则可以保存在外部的css文件中，也可以保存在某个网页中（这种形式被称为嵌入式样式表）。 外部的css样式表：多个样式保存在一个独立的css文件中，通过链接或者导入可以被多个网页使用。 嵌入式样式表：将css规则定义在文档头标记中的style…/style标记中。 2.10.4 如何创建css 在使用css样式之前必须新建css样式，这样才能对网页中的内容应用此样式。在Dreamweaver中提供了方便快捷的方法来设置样式。 2.10.5 应用css样式 在Dreamweaver中可以也能够用制作好的css样式，操作方法如下：在文档窗口中选中要套用格式的对象（如文本，图像等元素），打开css面板，选择某种样式后，在样式面板的右上角选择按钮，从弹出的列表中选择“套用”命令，这样可以为所选的内容增加样式。 2.10.6 附加样式表 如果网页中要使用已经定义好的外部样式表，可以通过附加方式进行设置。 2.10.7 标签 新建css规则对话框中第二种类型的css是“标签”。这种类型是针对于Dreamweaver中的各种标签来制定的。当选择“标签”类型后，可以在“标签”下拉项中看到Dreamweaver中的各种标签类型，可以选择某个标签来重定义其样式。定义样式的操作与前面讲到类样式的操作一致。不同在于，如果重定义了标签，此时拥有这个标签的对象的效果会自动随着标签的变化而变化，不需要手动应用标签。 2.10.8 高级 “高级”选项用来为某个HTML组合或所有的包含特定ID属性的标签定义样式。用户可以在“选择器”中输入多个标签，用逗号作为间隔。高级选项中的“伪类”和“伪元素”也很实用，伪类的状态在用户操作时会发生动态的发生变化，或者随着时间的变化而产生不同的输出效果。在选择器中单击下拉列表按钮可以看到4个选项，分别为4个伪类定义样式。 2.11使用框架布局页面 利用框架技术可以把浏览器显示区域分割成几个