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

《（中职）中文Dreamweaver CS3案例教程（第二版）第七章教学课件.ppt》由会员分享，可在线阅读，更多相关《（中职）中文Dreamweaver CS3案例教程（第二版）第七章教学课件.ppt（11页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

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

2、来的信息。第第7章章 表单、表单、Spry构件和命令构件和命令操作步骤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）在“插入跳转菜单”对话框内设置链接的网页

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

5、，再创建一个标签文字为“密码：”、ID值为PASS1的Sprt验证文本域。相关知识相关知识1Sprt构件简介和Sprt构件的基本操作2Sprt验证文本域3Sprt验证文本区域4Sprt验证复选框5Sprt验证选择7.4 【案例案例31】世界名花简介和图像浏览世界名花简介和图像浏览案例效果案例效果操作步骤操作步骤1修改TOP1.htm网页复制一幅名称为XH.jpg的鲜花图像，作为TOP1.htm网页的背景图像。，给TOP1.htm网页背景添加图像。2添加“Spry菜单栏”Sprt构件单击“插入记录”Spry“Spry菜单栏”菜单命令。3设置菜单和创建链接选中刚创建的Spry菜单栏，弹出其“属性”

6、栏，设置菜单选项下各菜单命令；相关知识相关知识1“Sprt菜单栏”Sprt构件2“Sprt折叠式”Sprt构件3“Sprt可折叠面板”Sprt构件4“Sprt选项卡式面板”Sprt构件7.5 【案例案例32】重复操作重复操作案例效果案例效果重复操作就是记录一系列操作后，再快速重复着一系列操作应用于其他对象。“历史”面板可以记录用户的每一步操作。操作步骤操作步骤1利用“历史”面板撤销和重放操作按【Ctrl】键，单击选中“历史记录”面板中的4条需要重复的步骤2利用“历史”面板自定义命令（1）按【Ctrl】键，单击选中“历史记录”面板中需要保存的步骤。（2）单击“历史记录”面板右下角的“将选定步骤保

7、存为命令”按钮。（3）删除自定义命令：单击“命令”“编辑命令列表”菜单命令。3录制鼠标操作和使用录制命令（1）单击“命令”“开始录制”菜单命令，开始记录鼠标操作。（2）使用录制命令，单击“命令”“播放录制命令”菜单命令即可。相关知识相关知识1清除HTML无效标记单击“命令”“清理XHTML”菜单命令，弹出“清理HTML/XHTML”对话框。“移除”选项区域有5个复选框，用来决定是否去除相关的HTML标记。2优化图像选中网页内插入的一幅图像，单击“命令”“优化图像”菜单命令，或者单击图像“属性”栏内的单击“优化”按钮。3获取更多命令单击“命令”“获取更多命令”菜单命令，可以弹出Adobe公司网站内的“Adobe-Exchang：功能扩展”网页，在此可以下载安装Adobe公司网站提供的一些新命令文件。