第17章 在Dreamweaver中编辑HTML网页.ppt

17.6.2 使用DIV DIV是一种HTML页面元素，可以理解为浮动在网页上的一个页面，它可以准确地定位到页面上的任意位置，并可以规定它的大小，通过DIV可以对网页进行精确定位。不仅如此，通过对DIV与行为的综合使用，还可以创作出赏心悦目的动作效果。 使用表单可以制作简单的交互式页面，收集来自用户的信息。表单是网站管理者与浏览者之间沟通的桥梁。收集、分析用户的反馈意见，做出科学的、合理的决策，是一个网站成功的重要因素。有了表单，网站不仅是“信息提供者”，同时也是“信息收集者”。 一个完整的表单有两个重要的组成部分，一是页面中进行描述的HTML代码，二是服务器的应用程序或客户端脚本，用于分析处理用户在表单中输入的信息。 17.7 使用表单 17.7.1 插入表单 表单可在文档中定义一个表单区域，表单对象都是插入在这个表单区域中的。插入表单的具体操作步骤如下。 17.7.2 插入文本域 文本域可用来接受任何类型的字母、数据文本输入内容。文本域非常有用，大多数信息都可以以文本域的形式输入。文本可以以单行或多行显示，也可以以密码的形式显示，在这种情况下，输入的文本将被替换为星号或项目符号。插入文本域的具体操作步骤如下。 17.7.3 插入单选按钮和复选框 单选按钮代表互相排斥的选择，在单选按钮组中选择一个按钮，就会取消选择该组中的所有其他的按钮。在复选框组中，可以同时选择任意多个使用的选项。复选框可以单独使用，也可成组使用。 17.7.4 插入列表和菜单 列表框可以以列表的方式显示一组选项，根据设置的不同，可以在其中选择一项或多项。下拉列表框是列表框中的一种特例，它通常显示为一行，单击右侧的箭头，则展开下拉列表，允许进行选择，通常这种下拉列表称为“下拉菜单”。 17.7.5 插入跳转菜单 跳转菜单可建立URL与列表/菜单中选项之间的关联。通过在列表中选择一项，浏览器将跳转到指定的URL。插入跳转菜单的具体操作方法如下。 17.7.6 插入按钮 表单按钮可控制表单操作，使用表单按钮将输入的表单数据提交到服务器或者重置该表单，还可以将其他已经在脚本中定义的处理任务分配给按钮。插入按钮的具体操作步骤如下。 CSS样式是一组可以控制文本块或文本区域外观的格式属性。使用样式可以控制文档的格式。使用外部样式表可以控制若干文档的格式。 17.8 使用CSS样式表 17.8.1 CSS的基本概念 所谓样式就是层叠样式表，用来控制一个文档中的某一文本区域外观的一组格式属性。使用CSS能够简化网页代码，加快下载显示速度，也减少了需要上传的代码数量，大大减少了重复劳动的工作量。样式表是对HTML语法的一次重大革新。如今网页的排版格式越来越复杂，很多效果需要通过CSS来实现，Adobe Dreamweaver CS5在CSS功能设计上做了很大的改进。同HTML相比，使用CSS样式表的好处除了在于它可以同时链接多个文档之外，当CSS样式更新或修改后，所有应用了该样式表的文档都会被自动更新 。 17.8.2 建立标签样式 定义新的CSS的时候，会看到Dreamweaver提供的4种选择方式：类样式、标签样式ID和复核内容样式。 17.8.3 建立类样式 类定义了一种通用的方式，所有应用了该方式的元素在浏览器中都遵循该类定义的规则。类名称必须以句点开头，可以包含任何字母和数字组合（如.mycss）。如果没有输入开头的句点，Dreamweaver将自动输入。在【新建CSS规则】对话框的【选择器类型】选项组中选择【类】选项，在【选择器名称】中输入名称 。 17.8.4 建立复合内容样式 复合内容样式重新定义特定元素组合的格式，或其他CSS允许的选择器表单的格式（例如，每当h2标题出现在表格单元格内时，就会应用选择器tdh2）。复合内容样式还可以重定义包含特定id属性的标签的格式（例如，由#myStyle定义的样式可以应用于所有包含属性/值对id=myStyle的标签）。 利用CSS可以固定字体大小，使网页中的文本始终不随浏览器改变而发生变化，总是保持着原有的大小，CSS固定字体大小的效果如图17.112所示，具体操作步骤如下。 17.8.5 应用CSS固定字体大小 行为是用来动态响应用户操作、改变当前页面效果或执行特定任务的一种方法。使用行为可以使访问者与网页之间产生一种交互，以改变页面或触发任务。Dreamweaver中的行为是一个带有面板对象设计思想的工具。它事实上是由预先编写好的JavaScript代码构成。 17.9 使用行为 行为由事件和动作组成，在Dreamweaver中，事件是一个具有交互性的事物，也可以是一件具有某种自动化的事情。行为被规定为依附于访问者页面上的某个特定的元素，可以是一个文本或者一个图像标记。行为有3个重要组成部分