第4章--Dreamwear网页设计.pptVIP

表单的插入和表单的属性设置是表单定义的两个重要步骤 插入表单的步骤如下所示 表单操作 把鼠标定位在文档区中需要插入表单的位置 使用【插入/表单/表单】菜单命令或点击【表单】按钮，插入后的表单在文档中以虚线显示 表单操作 文档插入表单后，切换到代码视图，可看到表单的源代码如下： form id=form1 name=form1 method=post action= /form 表单操作 标签form和/form之间为存放表单内容的位置 只能在form和/form标签之间插入所有表单对象 表单操作 插入表单后，需要进行表单属性的设置 设置表单属性时，需要选中表单或把插入点放到表单内部，打开属性面板，对属性面板的各个选项进行设定 属性面板的主要选项列举如下 表单操作 表单 名称 动作 为表单命名以识别表单 在文本框中输入或者浏览处理该表单的动态页或脚本程序，用于处理表单提交的数据 设置处理该表单的动态页或脚本程序的打开方式 目标 表单操作 设置表单数据传输到服务器的方法，可用默认、POST及GET 3个选项 方法 MIME类型 通常和POST方法配合使用，用于指定对提交给服务器进行处理的数据使用MIME编辑类型 表单操作 表单 CSS (Cascading Style Sheets)，译为层叠样式表，是一系列格式设置规则，用来控制Web页面内容的显示方式，是控制一个文档中某一文本区域外观的一组格式属性 使用CSS设置页面格式时，可将内容与表现形式分开 CSS样式表的应用 CSS可以一次性对若干个文档所有的样式进行控制，同HTML样式相比，使用CSS样式表的好处在于它可以同时连接多个文档，并且当CSS样式有所更新或被修改以后，所有应用了该样式表的文档都会被自动更新 CSS样式表的应用 使用CSS样式不仅可以轻松地网页中的对象产生动态效果，同时还简化了HTML中各种繁琐的标签，使得各个标签的属性更具有一般性和通用性 CSS样式甚至超越了Web页面本身的显示功能，将样式扩展到多媒体上 CSS样式的主要功能与特点如下所示 CSS样式表的应用 功能 特点1 可以方便地为网页中的任何元素设置不同的背景颜色和背景图像 可以精确地控制网页中各元素的位置 可以为网页中各元素设置过滤器，从而产生如阴影、模糊、透明等效果 可以与脚本语言结合，从而产生各种动态效果 功能 特点2 功能 特点3 功能 特点4 CSS样式表的应用 模板 分离 如果不想在当前文档中附有模板格式，或不希望文档与模板保持关联，可以选择【修改/模板/从模板中分离】菜单命令，将文档与模板分离开来 分离后的文档成为普通网页文档，它的任意区域都可进行编辑 模板在网页布局中的应用 行为是Dreamweaver中一个非常有特色的功能，它的使用可以使用户不需要手工编写代码，就可以设计出具有相当的交互功能和动态效果的页面 行为的应用 行为 行为是指在网页中运行的一系列动作，行为将JavaScript代码放在文档中以允许访问者与Web页进行交互，通过用户的操作引起某个任务的执行。行为的实质是内置在Dreamweaver中的JavaScript函数库 行为能实现用户与网页间的交互，通过某个动作来触发某项事件 行为的应用 事件 事件是由浏览器为每个页面元素定义的，通常浏览器都会提供一组事件 事件总是与动作相关联。当访问者与网页进行交互时，浏览器生成事件 并非所有的事件都是交互的 行为的应用 行为基 本操作 1.添加行为 2.修改行为 3.删除行为 4.选择事件 5.调整顺序 6.获取更多的行为 行为的应用 常见 行为 常见行为可以通过在行为面板中单击加号按钮打开；主要行为包括打开浏览器窗口、交换图像、拖动层、显示弹出式菜单、弹出信息、检查表单、控制Flash、播放声音、转到URL等 行为的应用 标准行 为事件 不同的浏览器支持的事件类型是不同的，浏览器版本越高支持的事件类型越多，所以设计带有行为的网页之前，要充分考虑到浏览者的浏览器版本和类型 不同的浏览器都支持的通用事件称为标准行为事件 行为的应用 根据用途，Dreamweaver包括以下常用的事件种类 窗口事件 鼠标事件 键盘事件 表单事件 其他事件 行为的应用 窗口 事件 窗口事件与窗口的行为相关 常见的窗口事件列举如下所示 行为的应用 事件1 事件2 OnAbort在浏览器中停止了加载网页文档的操作时发生的事件 OnMove移动窗口或者帧时发生的事件 Onload选定的对象出现在浏览器上时发生的事件 事件3 行为的应用 OnResize访问者改变窗口大小时发生的事件 事件4 事件5 OnUnload访问者退出网页文档时发生的事件 行为的应用 键盘 事件 键盘事件与鼠标的各种行为相关 常见的键盘事件列举如下所示 行为的应用 事件1 事件2 o