（中职）中文Dreamweaver CS3案例教程（第二版）第七章教学课件

1、（中职）中文Dreamweaver CS3案例教程（第二版）第七章ppt课件中文Dreamweaver CS3案例教程（第二版）7.1 【案例28】“中国鲜花展参展人员登记表”网页案例效果表单是用户利用浏览器对Web站点服务器进行查询操作的一种界面，用户利用表单可以进行输入信息或选择选项等操作，然后将这些信息提交给服务器进行处理。这种查询具有交互性，因此这种查询方式称为交互查询。这些表单对象有文本域、下拉列表框、复选框和单选按钮等。表单又称为表单域，它是放置表单对象的区域，表单对象是让用户输入信息的地方，只有表单域内的表单对象，才可以将其信息传送到服务器端，接收外来的信息。第7章 表单、Spr

2、y构件和命令操作步骤1创建标题和5个文本字段2创建其他表单对象（1）在网页中创建了一个单选按钮组，设置属性。（2）创建一个下拉列表框，设置属性。（3）创建一个复选框，设置属性。（4）在“提交”按钮右边创建一个ID为CHONGZHI的按钮，在“动作”中选中“重设表单”单选按钮。相关知识1表单域和插入表单对象（1）创建与删除表单域。（2）设置表单域的属性。（3）插入表单对象2设置文本字段和文本区域的属性3设置复选框和单选按钮的属性4设置按钮的属性5设置列表/菜单和文件域的属性7.2 【案例29】“世界名花简介1”网页案例效果它是一个框架结构的网页，上边分栏框架内是“世界名花简介”红色文字，左边分栏

3、框架内有一幅图像、一个下拉列表框和一个“前往”按钮，下拉列表框内有“世界名花长寿花”、“世界名花倒挂金钟”、“世界名花东方罂粟”、“世界名花杜鹃花”、“世界名花荷花”、“世界名花梅花”、“世界名花牡丹花”、“世界名花樱花”和“世界名花玉兰花”选项。选择其中一个选项后，单击“前往”按钮，即可在右边的分栏框架内显示相应的网页。操作步骤1制作框架内网页和框架集网页2制作跳转菜单（1）单击“插入”（表单）栏内的“跳转菜单”按钮。（2）输入要跳转的文件路径与文件名。（3）在“插入跳转菜单”对话框内设置链接的网页文件在名称为MAIN的分栏框架内显示。添加其他8个菜单。（4）选中下拉列表框，在其“属性”栏内

4、选中“列表”单选按钮，设置列表。相关知识1设置图像域的属性2设置隐藏域的属性3设置跳转菜单的属性7.3 【案例30】“用户登录”网页案例效果“用户登录”网页中。用户可以输入用户名和密码。如果输入的数字个数少于8或大于16，则会显示相应的提示信息。操作步骤（1）这个网页内创建了一个DIV标签，蓝色文字“欢迎用户登录”，DIV标签填充色为黄色。而且该网页内定义了多个内部CSS样式。（2）创建一个名为NAME1的“Sprt验证文本域”Sprt构件。（3）采用相同的方法，再创建一个标签文字为“密码：”、ID值为PASS1的Sprt验证文本域。相关知识1Sprt构件简介和Sprt构件的基本操作2Sprt

5、验证文本域3Sprt验证文本区域4Sprt验证复选框5Sprt验证选择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

6、【案例32】重复操作案例效果重复操作就是记录一系列操作后，再快速重复着一系列操作应用于其他对象。“历史”面板可以记录用户的每一步操作。操作步骤1利用“历史”面板撤销和重放操作按【Ctrl】键，单击选中“历史记录”面板中的4条需要重复的步骤2利用“历史”面板自定义命令（1）按【Ctrl】键，单击选中“历史记录”面板中需要保存的步骤。（2）单击“历史记录”面板右下角的“将选定步骤保存为命令”按钮。（3）删除自定义命令：单击“命令”“编辑命令列表”菜单命令。3录制鼠标操作和使用录制命令（1）单击“命令”“开始录制”菜单命令，开始记录鼠标操作。（2）使用录制命令，单击“命令”“播放录制命令”菜单命令即可。相关知识1清除HTML无效标记单击“命令”“清理XHTML”菜单命令，弹出“清理HTML/XHTML”对话框。“移除”选项区域有5个复选框，用来决定是否去除相关的HTML标记。2优化图像选中网页内插入的一幅图像，单击“命令”“优化图像”菜单命令，或者单击图像“属性”栏内的