如何查看iPhone的网站访问数据.ppt

第7章 制作表单页面 本章内容 练习思考 实验操作 本章内容 了解表单的工作原理 制作表单 插入各种表单元素 了解表单的工作原理 表单的作用就是收集用户的信息 用于调查、注册、定购等 在使用搜索引擎查找信息时，查找的关键字也是通过表单提交到服务器上 了解表单的工作原理 利用表单，可以帮助Internet服务器从用户处收集信息 了解表单的工作原理 表单的工作过程如下： 访问者在浏览有表单的网页时，可填写必须的信息，然后单击“提交”按钮。 这些信息通过Internet传送到服务器上。 服务器上专门的程序对这些数据进行处理，如果有错误会返回错误信息，并要求纠正错误。 当数据完整无误后，服务器反馈一个输入完成信息。 了解表单的工作原理 一个完整的表单应该包含两个部分： 在网页中进行描述的表单对象 应用程序，它可以是服务器端的，也可以是客户端的，用于对客户信息进行分析处理。 了解表单的工作原理 浏览器处理表单的过程一般是： 用户在表单中输入数据，然后提交表单，浏览器根据表单体中的设置处理用户输入的数据。 了解表单的工作原理 若表单指定通过服务器端的脚本程序进行处理，则该程序处理完毕后将结果反馈给浏览器（即用户看到的反馈结果） 若表单指定通过客户端（即用户方）的脚本程序处理，则处理完毕后也会将结果反馈给用户。 了解表单的工作原理 服务器端方式的主要优点是能全方位地处理用户输入的数据，但占用服务器的资源 客户端方式的优点是不占用服务器资源，反馈结果快，但只能对用户输入的数据进行有限的处理。 制作表单 表单的组成 一个表单域 若干个表单元素 所有的表单元素要放到表单域中才有效。 制作表单 动作 用于设置处理表单的服务器端脚本的路径。 制作表单 方法 选择表单提交的方法 Post表单信息将以文件的形式提交 Get将浏览者提供的信息附加在URL地址的后面提交到服务器 制作表单 插入单行文本域 插入密码域 插入多行文本域 插入复选框 插入单选按钮 制作表单 插入按钮 插入图像域 插入跳转菜单 下图是一个应用表单的实例 练习思考 简述表单的处理过程。 答：当用户填写了表单并单击“提交”按钮后，填写的信息会被发送到服务器上，服务器端脚本或应用程序对信息进行处理，并将成功结果反馈浏览者，或执行某些特定的程序。 练习思考 制作表单页面的第一步是什么？ 每个表单都是由一个表单域和若干个表单元素组成的，所有的表单元素要放到表单域中才会有效，因此，制作表单页面的第一步是插入表单域。 练习思考 表单提交有哪两种方法？ 答：两种方法是Post和Get。 Post表单信息将以文件的形式提交 Get将浏览者提供的信息附加在URL地址的后面提交到服务器 练习思考 选择题 如果需要获取登录的用户输入的密码，在表单文本字段的“属性”面板上应选择（ B ）。 A B C D 实训操作一 制作如下图所示的表单页面。 实训操作二 练习制作锚点链接 练习制作图像映射 第8章 使用样式表制作高级页面 本章内容 练习思考 实验操作 本章内容 样式表的概念 样式表的分类 各种样式的使用 为网页设置整体和局部链接效果 将样式表应用在整个网站 样式表的概念 样式表（Cascading Style Sheets）是一系列格式规则，简称CSS，它们控制网页内容的外观。 样式表的概念 层叠样式表CSS可以使用Html标签或命名的方式定义，可控制 传统的文本属性，例如字体、字号、颜色等， 可以控制一些比较特别的Html属性，如对象位置、图片效果、鼠标指针等。 样式表的特点 层叠样式表CSS的特点 将格式和结构分离 控制页面布局 制作体积更小下载更快的网页 将许多网页同时更新 浏览器成为更友好的界面 样式表的类型 样式表CSS包含以下三种类型： 类样式 标签样式 高级样式 样式表的类型 高级样式包含四种类型： a:link：设定正常状态下链接文字的样式。 a:active：设定鼠标单击时链接的外观。 a:visited：设定访问过的链接外观。 a:hover：设定鼠标放置在链接文字之上时，文字的外观。 在页面中使用样式表 设置文本样式 设置背景样式 设置区块样式 设置边框样式 设置鼠标光标样式 下图是应用样式表的实例 在页面中使用样式表 设置链接样式 分别设置高级样式中的a:active; a:hover; a:link; a:visited 可做页面的局部链接效果 将样式表应用于整个网站 导出样式 导入样式 练习思考 层叠样式表将定义（结构）的部分与定义（格式）的部分