第6章Dreamweave中表格和表单的应用ppt课件.ppt

《第6章Dreamweave中表格和表单的应用ppt课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第6章Dreamweaver中表格和表单的应用表格在网页设计中，页面布局是一个重要的部分。Dreamweaver8.0提供了多种方法来创建和控制网页布局，最普通的方法就是使用表格，使用表格可以简化页面布局设计过程、导入表格化数据、设计页面分栏及定位页面上的文本和图像等。返回目录插入表格在Dreamweaver8.0“文档”窗口的“设计”视图中，将插入点置于需要插入表格的位置。如果文档是空白的，则只能将插入点放置在文档的开头。执行下列操作之一打开“表格”对话框，如下图所示。选择[插入][表格]菜单命令；在“插入栏”的“常用”选项卡中单击“表格”按钮；按【Ctrl+Alt

2、+T】键。图表格在“表格”对话框中可对各项参数进行设置。在表格中添加内容将表格插入到文档后即可向表格中添加文本或图像等内容。向表格中添加内容的方法很简单，只需将光标定位到要输入内容的单元格，再输入文本即可。选择表格表格的选取是编辑表格的前提，要在表格中进行任何操作都离不开选取表格。整个表格的选择整行或整列的选择单个单元格的选择一行或矩形单元格的选择单击一个单元格,然后按住shift键单击另一个单元格.这两个单元格定义的直线和矩形区域中的所有单元格都将被选择。在按住ctrl键的同时单击要选择的单元格、行或列，可选择不相邻的单元格。设置表格属性为了使表格更具特色，需要在“表

3、格”属性面板中对表格线的颜色、表格或单元格的背景、边框等进行设置。“表格”属性面板中显示了所插入的表格的所有特性，通过修改面板中的参数可快速地编辑表格外观。如果窗口中没有显示属性面板，可选择[窗口][属性]菜单命令打开。如下图所示。图表格属性拆分与合并单元格修改---表格---合并拆分单元格插入或删除行或列修改---表格---删除行或列格式化表格命令---格式化表格如下图所示图格式化表格表单表单是用于实现浏览者与网页制作者之间信息交互的一种网页对象，在Internet中表单被广泛应用于各种信息的搜集与反馈。通常表单的工作过程如下:(1）访问者在浏览有表单的页面时，可填

4、写必要的信息，然后单击“提交”按钮。(2）提交的信息通过Internet传送到服务器上。(3）服务器上有专门的程序对这些数据进行处理，如果有错误会返回错误信息，并要求纠正错误。(4）当数据完整无误后，服务器反馈一个输入完成信息。返回目录图“表单”面板输入标记标签是表单中的输入标记，它是个单标签。选中插入的单行文本域，设置文本域相关属性，如下图所示。1、单行文本框type=text，表示该输入项输入的是字符串，输入的内容以单行显示。type=text，标签除了有na

5、me和type属性外,还有3个可选的属性:value、size、maxlength。value属性：用来设定文本框中的初始值size属性：用来设定文本框的长度maxlength属性：用来设定该文本框允许用户输入的最大字符数。2、密码框：当type=“password”时，其使用方法与text很相似。password所输入的字符全以号表示,以保证密码的安全性多行文本框标签用来制作多行文本框，成对标签。语法：<textareaname=“name”rows=“value”cols=“value”value=“value”>cols

6、属性：用来设定多行文本框一次能显示的列数。rows属性：用来设定多行文本框一次能显示的行数。单选框和复选框1、单选框：单选按钮作为一个组使用，提供彼此排斥的选项值。用户在单选按钮组内只能选择一个选项。当type=“radio”时,表示该输入项是一个单选项,用户只能选择单选项中的一项作为输入信息。checked属性，用来表示此项被默认选中。value属性，用来设定选中项目后传送到服务器端的。2、复选框：复选框主要用来选择选项不唯一的一些信息。当type=“checkbox”时,表示该输入项是一个复选框，用户可以同时选中表单中的一个或多个复选项作为输入信息。checked属

7、性，用来表示此项被默认选中value属性，用来设定选中项目后传送到服务器端的值。菜单和列表在表单中，通过和标签就可以在浏览器中出现一个下拉式的菜单或带有滚动条的列表菜单。语法：选项值选项值……size属性：用来设定显示的选项数目，默认值