网页设计与制作——Photoshop版面构图+Dreamweaver网站实现-模块8.pptVIP

模块八 网页的交互功能 项目一 网页交互功能的实现 项目一 网页交互功能的实现 项目一 网页交互功能的实现 项目一 网页交互功能的实现 项目一 网页交互功能的实现 项目一 网页交互功能的实现 项目一 网页交互功能的实现 * 任务1 表单的创建与应用 步骤1：了解表单 表单的作用是把来自用户的信息提交给服务器，是网站管理者与浏览者之间沟通的桥梁，是获取用户输入的信息或者响应用户相应的操作，简单地说，表单就是用户可以在网页中填写信息的表格，其作用是接收用户信息，并将其提交给Web服务器上特定的程序进行处理。 步骤2：了解表单的组成 一个完整的表单包括表单对象和服务器端的表单处理应用程序两个基本组件。其中，表单对象就是网站前台供用户填写信息，起描述作用，此时表单只是一个外壳而已，不具有真正的工作能力，需要服务器端的表单处理应用程序的支持；服务器端的表单处理应用程序对用户填写的信息进行处理，这样才能真正实现网络交互。 步骤3：认识表单对象 1、单行文本域 2、多行文本域 3、按钮 4、单选按钮 5、复选框 6、单选按钮组 7、文件域 8、图像域 9、列表/菜单 10、隐藏域 11、跳转菜单 12、标签 13、字段集 步骤4：掌握表单的应用 1、创建表单 选择菜单栏中“插入记录”—“表单”—“表单” 命令 2、表单的称：该属性设置表单名称。 （2）动作：该属性决定由哪个特定的CGI程序来处理表单提交的数据。 （3）方法： 该属性告知服务器表单数据通过何种方式传送，有两种方式：POST和GET。 （4）类型： 该属性指定对提交给服务器进行处理的数据使用MIME编码类型。 （5）目标： 在“目标”弹出式菜单选择打开浏览窗口的方式。 _blank，_parent，_self，_top，。 任务2 框架的创建与应用 步骤1：了解框架 框架用来将页面划分为多个区域，每个区域之间相互独立。框架由框架集和框架组成。 1、框架，是浏览器窗口中的一个区域，它可以显示与浏览器窗口中其他区域内容无关的HTML文档。 2、框架集就是框架的集合，它是一个文档内一组框架结构的HTML网页，定义了网页显示的框架数、框架大小、载入框架的网页源和其他可以定义的属性等。 步骤2：了解框架的应用 框架最常见用途就是导航，大多数动态网站后台都会使用框架来进行布局。 优点： 1、访问者在浏览时不需要为每个页面重新加载与导航相关的图形； 2、每个框架都具有自己的滚动条，因此访问者可以独立滚动这些框架。 缺点： 1、难以实现不同框架中各元素的精确定位； 2、对导航进行测试很费时； 3、各个带有框架的页面的URL不显示在浏览器中，因此访问者难以将特定页面设为书签等。 步骤3：创建框架和框架集 1、利用预定义创建框架和框架集 （1）使用预先定义的框架创建框架 （2）在现有页面中创建框架 2、自定义框架和框架集 （1）创建框架集 选择菜单栏中“修改”-- “框架集”命令中的子命令。 （2）拆分框架 选择菜单栏中“修改”—“框架集”命令中的子命令 。 （3）删除一个框架 将边框框架拖离页面或拖到父框架的边框上。 （4）调整框架的大小 步骤4：选择框架和框架集 1、在文档窗口中选择框架和框架集 2、在“框架”面板中选择框架和框架集 步骤5：设置框架属性 1、设置框架属性 框架名称：用来做链接指向的目标。 源文件：指定在框架中的源文档。 滚动：当框架内的内容显示不下的时候是否出现滚动条。 不能调整大小：限定框架尺寸，防止拖动框架边框。 边框：用来控制当前框架边框，包括“是”、“否”、“默认”3个选项。 边框颜色：设置与当前框架相邻的所有框架的边框颜色。 边界宽度：设置以像素为单位的框架边框和内容之间左右边距，以像素为单位。 边界高度：设置以像素为单位的框架边框和内容之间上下边距，以像素为单位。 2、设置框架集属性 边框：设置在浏览器中查看文档时显示在框架周围是否显示边框，其下拉列表中包括“是”、“否”、“默认”3个选项，选择“默认”选项，将由浏览器端的设置来决定。 边框宽度：设置整个框架集的边框宽度。 边框颜色：设置整个框架集的边框颜色。 值：设置所选行或列的尺寸。 单位：设置“值”文本框中输入尺寸的单位，包括“像素”、“百分比”、和“相对”3个选项。 步骤6：修改框架 1、拆分框架 2、调整框架 3、删除框架 4、保存框架 *