中文DreamweaverCS3案例教程（第二版）作者沈大林等第七章课案.pptVIP

中文Dreamweaver CS3案例教程（第二版） 沈大林 主编 7.1 【案例28】“中国鲜花展参展人员登记表”网页 案例效果 表单是用户利用浏览器对Web站点服务器进行查询操作的一种界面，用户利用表单可以进行输入信息或选择选项等操作，然后将这些信息提交给服务器进行处理。这种查询具有交互性，因此这种查询方式称为交互查询。这些表单对象有文本域、下拉列表框、复选框和单选按钮等。 表单又称为表单域，它是放置表单对象的区域，表单对象是让用户输入信息的地方，只有表单域内的表单对象，才可以将其信息传送到服务器端，接收外来的信息。 第7章 表单、Spry构件和命令 操作步骤 1．创建标题和5个文本字段 2．创建其他表单对象 （1）在网页中创建了一个单选按钮组，设置属性。 （2）创建一个下拉列表框，设置属性。 （3）创建一个复选框，设置属性。 （4）在“提交”按钮右边创建一个ID为CHONGZHI的按钮，在“动作”中选中“重设表单”单选按钮。 相关知识 1．表单域和插入表单对象 （1）创建与删除表单域。 （2）设置表单域的属性。 （3）插入表单对象 2．设置文本字段和文本区域的属性 3．设置复选框和单选按钮的属性 4．设置按钮的属性 5．设置列表/菜单和文件域的属性 7.2 【案例29】“世界名花简介1”网页 案例效果 它是一个框架结构的网页，上边分栏框架内是“世界名花简介”红色文字，左边分栏框架内有一幅图像、一个下拉列表框和一个“前往”按钮，下拉列表框内有“世界名花—长寿花”、“世界名花—倒挂金钟”、“世界名花—东方罂粟”、“世界名花—杜鹃花”、“世界名花—荷花”、“世界名花—梅花”、“世界名花—牡丹花”、“世界名花—樱花”和“世界名花—玉兰花”选项。选择其中一个选项后，单击“前往”按钮，即可在右边的分栏框架内显示相应的网页。 操作步骤 1．制作框架内网页和框架集网页 2．制作跳转菜单 （1）单击“插入”（表单）栏内的“跳转菜单”按钮。 （2）输入要跳转的文件路径与文件名。 （3）在“插入跳转菜单”对话框内设置链接的网页文件在名称为MAIN的分栏框架内显示。添加其他8个菜单。 （4）选中下拉列表框，在其“属性”栏内选中“列表”单选按钮，设置列表。 相关知识 1．设置图像域的属性 2．设置隐藏域的属性 3．设置跳转菜单的属性 7.3 【案例30】“用户登录”网页 案例效果 “用户登录”网页中。用户可以输入用户名和密码。如果输入的数字个数少于8或大于16，则会显示相应的提示信息。 操作步骤 （1）这个网页内创建了一个DIV标签，蓝色文字“欢迎用户登录”，DIV标签填充色为黄色。而且该网页内定义了多个内部CSS样式。 （2）创建一个名为NAME1的“Sprt验证文本域”Sprt构件。 （3）采用相同的方法，再创建一个标签文字为“密码：”、ID值为PASS1的Sprt验证文本域。 相关知识 1．Sprt构件简介和Sprt构件的基本操作 2．Sprt验证文本域 3．Sprt验证文本区域 4．Sprt验证复选框 5．Sprt验证选择 7.4 【案例31】世界名花简介和图像浏览 案例效果 操作步骤 1．修改TOP1.htm网页 复制一幅名称为XH.jpg的鲜花图像，作为TOP1.htm网页的背景图像。，给TOP1.htm网页背景添加图像。 2．添加“Spry菜单栏”Sprt构件 单击“插入记录”→Spry→“Spry菜单栏”菜单命令。 3．设置菜单和创建链接 选中刚创建的Spry菜单栏，弹出其“属性”栏，设置菜单选项下各菜单命令； 相关知识 1．“Sprt菜单栏”Sprt构件 2．“Sprt折叠式”Sprt构件 3．“Sprt可折叠面板”Sprt构件 4．“Sprt选项卡式面板”Sprt构件 7.5 【案例32】重复操作 案例效果 重复操作就是记录一系列操作后，再快速重复着一系列操作应用于其他对象。“历史”面板可以记录用户的每一步操作。 操作步骤 1．利用“历史”面板撤销和重放操作 按【Ctrl】键，单击选中“历史记录”面板中的4条需要重复的步骤 2．利用“历史”面板自定义命令 （1）按【Ctrl】键，单击选中“历史记录”面板中需要保存的步骤。 （2）单击“历史记录”面板右下角的“将选定步骤保存为命令”按钮。 （3）删除自定义命令：单击“命令”→“编辑命令列表”菜单命令。 3．录制鼠标操作和使用录制命令 （1）单击“命令”→“开始录制”菜单命令，开始记录鼠标操作。 （2）使用录制命令，单击“命令”→“播放录制命令”菜单命令即可。 相关知识 1．清除HTML无效标记 单击“命令”→“清理XHTML”菜单命令，弹出“清理HTML/XHTML”对话框。“移除”选项区域有5个复选框，用来决定是否