网络设计DreawaverCS应用实践摘要.pptVIP

3. 添加单选按钮 在“表单”插入栏中单击“单选按钮”按钮，在表单中添加一个单选按钮，其“属性”面板的设置与复选框的设置是相同的。 “单选按钮”按钮 注意： 单个添加的单选按钮达不到在网页中各个选项间进行单选操作的目的，因为各单选按钮之间是单独存在的。要使各选项中只能选中一个，要将这几个单选按钮的名称设置为同一个。 “列表/菜单”按钮 若在选择该菜单对象后，在“属性”面板的“类型”选项组中选中 按钮，可将添加的菜单改为列表，其“属性”面板中的一些选项将被激活，单击 按钮也可进行列表值的添加。 4. 添加列表/菜单 在“表单”插入栏中单击“列表/菜单”按钮，即在表单中添加一个菜单。选择该菜单对象，单击 按钮，在打开的“列表值”对话框中可添加列表选项。添加列表值后，在“属性”面板的“初始化时选定”列表框中将出现添加的列表项目，在其中可选中浏览网页时最初选定的选项。 菜单的效果 列表的效果 高度设置为“4” 选中“列表”按钮 可以设置列表的高度 5. 添加按钮 在“表单”插入栏中单击“按钮”按钮，在表单中插入的按钮默认为“提交”按钮，也可设置为其他名称。选择添加的按钮，其“属性”面板如下。 “按钮”按钮 “按钮名称”文本框:设置按钮的名称。 “值”文本框:设置显示在按钮上的文本，默认为“提交”。 值设置为“搜索” 设置后的按钮 第四讲 使用表格布局页面 一、表格的基本操作 二、表格的嵌套 一、表格的基本操作 1. 插入表格 2. 改变表格或单元格的宽度与高度 3. 单元格的拆分与合并 4. 插入、删除行与列 5. 为单元格设置背景颜色 在制作网页的过程中，可用表格对网页中的文本、图像及其他元素进行定位。 1. 插入表格 确定插入点后，在“插入”栏的“常用”类别中单击“表格”按钮 ，打开“表格”对话框，可以在“表格”对话框中设置表格的行数、列数、宽度、边框、边距以及间距。 “表格”按钮 通过拖动表格的边框，也可轻易改变表格的宽度与高度。 2. 改变表格或单元格的宽度与高度 使用属性面板可以非常方便地改变表格的宽度和单元格的宽度与高度，也可取消宽度与高度的设置。 3. 单元格的拆分与合并 (1). 拆分单元格 所谓拆分单元格，就是将一个单元格拆分为几行或几列。 3. 单元格的拆分与合并 (2). 合并单元格 所谓合并单元格，就是将相邻的几个单元格合并成一个单元格。 4. 插入、删除行与列 如果希望在某个单元格上方插入行，或者在其左侧插入列，可首先右击该单元格，然后从弹出的快捷菜单中选择“插入行”或“插入列” 。 如果希望删除行或列，可在弹出的快捷菜单中选择“删除行”或“删除列”。 5. 为单元格设置背景颜色 要为单元格设置背景颜色，应首先将光标置于要设置背景颜色的单元格中，然后在属性面板中单击“背景颜色”按钮，在弹出的调色板中选择想要填充的颜色。 二、表格的嵌套 嵌套表格就是在一个大表格的某个单元格里插入一个新表格的情况。 第五讲 初识Spry 一、关于Spry框架 二、关于Spry构件 三、使用菜单栏构件 一、关于Spry框架 1. 认识Ajax 2. 认识Spry 在如今Web2.0（更注重用户的交互作用）盛行、Ajax流行的时代背景下，Adobe公司推出了其Ajax框架Spry，并集成到Dreamwaver CS4中。Adobe Spry是一个为Web设计人员开发的Ajax框架，它使得在一个HTML页面中创建丰富体验成为了可能。 1. 什么是Ajax Ajax，常翻译为“阿贾克斯”， 是Web2.0的核心之一。使用Ajax的最大优点就是能在不刷新整个页面的前提下维护数据，这使得Web应用程序可以更为迅速地响应用户交互。 Ajax是Asynchronous JavaScript and XML（异步JavaScript和XML ）的缩写，它并不是一门新的语言或技术，实际上是几项技术按一定的方式组合在一起发挥各自的作用。它包括：使用XHTML和CSS标准化呈现；使用文档对象模型DOM实现动态显示和交互；使用XML和XSLT进行数据交换