DW_13应用表单浅析.ppt

Spry验证选择实际上是插入一个菜单/列表项，并增加了对菜单/列表项的验证。 主要：不允许空值、无效值，空值和无效值可以对菜单项指定。 * 实现表单及其验证。 1)为自己的网站添加用户注册的网页，用户需填入用户名、密码、电子邮件地址、个人简介、性别、爱好、地域等信息； 2)在刚才用户注册的网页上增加信息验证的功能。 八、用行为检查表单 通过浏览器可以对填好的表单做简单的值域规定，以便在用户填好后做出反映。 显示行为面板，选中欲设置的元素（如表单），然后在行为面板中单击“+”，选择“检查表单”。 在对话框中回答。 * 选中，则表明指定的文本框是必须回答的 第七节 表单的发送 可以用CGS、PHP、ASP程序处理表单(后台数据库接收)，也可以简单地将表单用电子邮件的方式传送。 严格地讲，一般情况下，用动态网页设计语言设计表单处理程序，并由后台数据库接收。 在表单框线上单击选中表单(或者单击form标签），在动作域中输入处理程序的路径或者电子邮件地址“Mailto:邮件地址？subject=表单名称”。 “？subject=表单名称”如：用户注册表单，用于显示邮件主题，以便于识别不同的表单。 * 另外在代码视图中表单标签中插入文本类型代码属性：enctype=text/plain。 如:form name=form1 method=post action= enctype=text/plain 在表单标签中插入一个空格，即可按顺序选择。 预览网页，提交表单，会弹出撰写邮件的界面，并自动填写好收件人地址。 (安装windows mail软件，并配置好进行验证。) * 实践： 设计如下所示的客户表单，并设置用电子邮件提交。 * 当插入字段集时，会弹出下列的对话框：字段集信息。 单击确定后，生成一个灰色边框的容器，在其中显示表单中的内容。字段集的标题显示在边线框上。 * 第五节 使用Spry显示动态数据(略) Dreamweaver中的Spry功能是由JavaScript定义的，类似于函数调用，用于拓展DW的功能。 本部分内容与后台数据库有关，略。 一、定义Spry XML数据集 二、创建Spry区域 三、创建Spry重复项 四、创建Spry重复列表 * 第六节 使用Spry构件 一、认识Spry构件 Spry是Adobe公司推出的JavaScript框架并将其集成在Dreamweaver中。一个JavaScript框架或库实际上是一系列工具和函数，它能更容易产生跨浏览器兼容的JavaScript代码。 Spry构件是一组基于Spry框架的常用用户界面组件。使用Spry构件可以快速的在网页上添加具有动态效果的组件如菜单、选项卡等。 * 可以使用CSS来自定义这些组件的外观，这些构件包括XML驱动的列表和表格、折叠构件、选项卡式界面和具有验证功能的表单元素。 从某种意义上讲，是对HTML的一种扩充，丰富了其功能。 注意： （1）插入spry构件前，页面必须先保存，否则会弹出提示对话框。 （2）插入spry菜单后保存页面，会自动保存生成的js文件和图片文件到SpryAssets文件夹中。 * 二、创建Spry菜单栏 1．插入Spry菜单栏 Spry菜单栏是一组可导航的菜单按钮，当将鼠标悬停在其中的某个按钮上时，将显示相应的子菜单。 方法：“插入”面板“Spry”中“Spry菜单栏”按钮或菜单栏“插入”—“布局对象”—“Spry菜单栏”或“插入”—“Spry”—“Spry菜单栏”命令。 在弹出的“Spry菜单栏”对话框中选择“水平”或“垂直”，然后单击“确定”按钮。 单击菜单栏的蓝色选择标签，选中，在属性窗口中创建并设置。 * * 2．编辑Spry菜单栏属性 “菜单项”：单击列表框中的具体菜单项，在“文本”文本框中编辑输入文本即重新定义该列表项的内容。 “+”按钮：添加菜单项。 “-”按钮：删除菜单项，如果有“子菜单”同时删除。 “上移项”或“下移项”按钮：进行菜单项的显示排序。 “链接”：输入链接的目标页面地址，或者单击“浏览”按钮以浏览到相应的文件。 “目标”：指定要在何处打开所链接的页面。 3．设置Spry菜单栏样式 方法：先选中要设置的菜单（单击选中）。然后在“属性”面板中选择“样式”就可以进行设置 4．保存含有“Spry菜单栏”的页面 在保存含有“Spry菜单栏”的页面文件时，会弹出“复制相关文件”对话框。表示软件将自动复制Spry菜单栏所需要到的CSS文件、JavaScript文件和相关图像文件到站点目录的SpryAssets文件夹内。单击“确定”按钮进行复制，否则将不能保证“Spry菜单栏”的正确运行。 三、创建Spry选项卡式面板 Spry选项卡式面板构件是一组面板（如页框），用来将内容存储到紧凑空