网页设计与制作08.pptVIP

第8章 创建动态网页 本章要点： u?????? 表单与表单属性设置 u?????? 表单对象与表单对象属性设置 u?????? 行为的概念 u?????? 时间轴的概念 u?????? 时间轴动画实例 u?????? 表单与行为的应用实例 8.1 表单 8.1.1 表单和表单对象 8.1.2 创建表单 操作实例8-1 创建表单并设置表单属性 操作步骤： ①单击需要插入表单的位置，设置插入点。 ②在“表单”工具栏中单击“表单”按钮，插入表单 ③选中表单：单击表单外框选中该表单。 ④为表单命名：在“表单”属性面板的“表单名称”框中，为标识表单输入一个惟一的名子。命名表单可使脚本语言引用或控制表单。 ⑤执行下列操作之一，在“动作”框中指定表单信息的脚本或应用程序所在的URL路径。 ·单击文件夹图标，然后选择指定的文件。 ·直接输入指定文件的完整路径。 ⑥在“方式“下拉列表中选择处理表单数据的方式。 操作实例8-2 在表单插入布局表格 操作步骤： ①在表单区域内单击鼠标，设置插入点。 ②在“布局”工具栏单击“表格”按钮，在弹出的“插入表格”对话框中输入所需的行列数并设置属性。例如，5行3列，并将“边框”、“单元格边距”与“单元格间距”均设置为0。 ③单击“确定”按钮。 ④根据需要对表格与页面背景做适当的修饰。 8.1.3 插入表单对象 1．插入文本区域或文本字段并设置属性 文本区域的类型有三种： ·文本字段：只允许输入单行文本。一般用于输入名称、地址或密码等。 ·文本区域：可以输入多行文本，并且自动显示滚动条。 ·密码域：是一种特殊类型的文本域。当浏览者在密码域中输入时，输入的文本被隐藏，代之以星号“*”显示。 文本区域或文本字段属性 ·文本域：可为该域输入一个惟一的名称。 ·字符宽度：默认设置文本区域的长度为24个字符。 ·类型：选取所要创建的文本区域类型。 选取“单行”，以创建单行文本区域。 选取“多行”，以创建多行文本区域。 选取“密码”，以创建密码区域。 ·行数：默认设置文本区域的显示行数为两行。 ·换行：对多行文本区域而言。可在“换行”下拉列 表中，选取一种设置。 ·初始值：设置文本区域的默认显示文本，该文本将显示在浏览器首次启动表单时的文本区域中。 操作实例8-4 按图8-9在表单插入单选按钮 操作步骤： ①在表单中单击需要插入单选按钮的位置，设置插入点。执行下列操作之一，插入单选按钮。 ·在“插入”菜单选择“表单”、“单选按钮”选项。 ·在“表单”工具栏，单击“单选按钮”图标。 ②选中“单选按钮”，在“单选按钮”属性面板中进行相应的设置 。 操作实例8-6 按图8-12所示在表单插入复选 操作步骤： ①在表单中单击需要插入复选框的位置，设置插入点。执行下列操作之一，插入复选框。 ·在“插入”菜单选择“表单”、“复选框”选项。 ·在“表单”工具栏单击“复选框”图标。 ②选中复选框，在“复选框“属性面板进行相应的设置 。 操作实例8-7 在表单插入文本标签 操作步骤： ①单击需要添加“文本标签”的单选按钮或复选框。例如，绘画前的复选框。 ②执行下列操作之一，打开“编辑标签“对话框。 ·在“修改”菜单选择“快速标签编辑器”选项。 ·按快捷键Ctrl + T。 ③在“编辑标签“模式中，按Tab键快速移动到“input”标签的最后，然后按空格键，在出现的提示菜单中双击选择id或直接输入id，然后在引号中输入id的名字。例如，输入“6”。 ④按回车键确定。 ⑤选中与已设id值的表单对象相对应的文本。例如，选中“绘画”。按快捷键Ctrl + T打开快速标签编辑器。 ⑥在“环绕标签“编辑模式中，输入Label for=”6”。将文本与表单对象关联起来。 ⑦按快捷键Ctrl + S保存网页。 ⑧按快捷键F12预览网页。 操作实例8-9 按图8-19所示在表单插入滚动列表 操作步骤： ①在表单中单击需要插入滚动列表的位置，设置插入点。插入列表/菜单。 ②选中插入的“列表/菜单”，在属性面板的“类型”中选择“列表”。 ③在“列表/菜单”框中为该列表输入一个惟一的名称。 ④在“高度”框中输入列表所显示的行数，默认行高为4。 ⑤如果允许在列表中一次选取多个选项，则选中“允许多选”选项。 ⑥单击“列表值”按钮，在“列表值”对话框输入列表显示的文本与值。 ⑦单击“确定”按钮，关闭“列表值”对话框。 ⑧在属性面板中的“初始化时选定”域中，选取一个选项。 ⑨按快捷键Ctrl + S保存网页。按快捷键F12预览网页，按住“Shift”或“Ctrl”键，可以多选。 8.2 行为