




版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、第第7章章 制作表单页面制作表单页面n本章内容本章内容n练习思考练习思考n实验操作实验操作合肥网站建设 http:/本章内容本章内容n了解表单的工作原理了解表单的工作原理n制作表单制作表单n插入各种表单元素插入各种表单元素了解表单的工作原理了解表单的工作原理 表单的作用就是收集用户的信息表单的作用就是收集用户的信息n用于调查、注册、定购等用于调查、注册、定购等n在使用搜索引擎查找信息时,查找的关在使用搜索引擎查找信息时,查找的关键字也是通过表单提交到服务器上键字也是通过表单提交到服务器上了解表单的工作原理了解表单的工作原理 利用表单,可以帮助利用表单,可以帮助Internet服务服务器从用户处
2、收集信息器从用户处收集信息 了解表单的工作原理了解表单的工作原理 表单的工作过程如下:表单的工作过程如下:n访问者在浏览有表单的网页时,可填写访问者在浏览有表单的网页时,可填写必须的信息,然后单击必须的信息,然后单击“提交提交”按钮。按钮。n这些信息通过这些信息通过Internet传送到服务器上。传送到服务器上。n服务器上专门的程序对这些数据进行处服务器上专门的程序对这些数据进行处理,如果有错误会返回错误信息,并要理,如果有错误会返回错误信息,并要求纠正错误。求纠正错误。n当数据完整无误后,服务器反馈一个输当数据完整无误后,服务器反馈一个输入完成信息。入完成信息。 了解表单的工作原理了解表单的
3、工作原理一个完整的表单应该包含两个部分:一个完整的表单应该包含两个部分:n在网页中进行描述的表单对象在网页中进行描述的表单对象n应用程序,它可以是服务器端的,应用程序,它可以是服务器端的,也可以是客户端的,用于对客户也可以是客户端的,用于对客户信息进行分析处理。信息进行分析处理。 了解表单的工作原理了解表单的工作原理浏览器处理表单的过程一般是:浏览器处理表单的过程一般是:n用户在表单中输入数据,然后提交用户在表单中输入数据,然后提交表单,浏览器根据表单体中的设置表单,浏览器根据表单体中的设置处理用户输入的数据。处理用户输入的数据。了解表单的工作原理了解表单的工作原理n若表单指定通过服务器端的脚
4、本程若表单指定通过服务器端的脚本程序进行处理,则该程序处理完毕后序进行处理,则该程序处理完毕后将结果反馈给浏览器(即用户看到将结果反馈给浏览器(即用户看到的反馈结果)的反馈结果)n若表单指定通过客户端(即用户方)若表单指定通过客户端(即用户方)的脚本程序处理,则处理完毕后也的脚本程序处理,则处理完毕后也会将结果反馈给用户。会将结果反馈给用户。 了解表单的工作原理了解表单的工作原理n服务器端方式的主要优点是能全方服务器端方式的主要优点是能全方位地处理用户输入的数据,但占用位地处理用户输入的数据,但占用服务器的资源服务器的资源n客户端方式的优点是不占用服务器客户端方式的优点是不占用服务器资源,反馈
5、结果快,但只能对用户资源,反馈结果快,但只能对用户输入的数据进行有限的处理。输入的数据进行有限的处理。 制作表单制作表单表单的组成表单的组成n一个表单域一个表单域n若干个表单元素若干个表单元素 所有的表单元素要放到表单域中才有效。所有的表单元素要放到表单域中才有效。制作表单制作表单动作动作用于设置处理表单的服务器端脚本的路径。用于设置处理表单的服务器端脚本的路径。制作表单制作表单方法方法选择表单提交的方法选择表单提交的方法nPost表单信息将以文件的形式提交表单信息将以文件的形式提交nGet将浏览者提供的信息附加在将浏览者提供的信息附加在URL地址的后面提交到服务器地址的后面提交到服务器制作表
6、单制作表单n插入单行文本域插入单行文本域n插入密码域插入密码域n插入多行文本域插入多行文本域n插入复选框插入复选框n插入单选按钮插入单选按钮制作表单制作表单n插入按钮插入按钮n插入图像域插入图像域n插入跳转菜单插入跳转菜单下图是一个应用表单的实例下图是一个应用表单的实例练习思考练习思考简述表单的处理过程。简述表单的处理过程。答:当用户填写了表单并单击答:当用户填写了表单并单击“提交提交”按钮后,填写的信息会被发送到服按钮后,填写的信息会被发送到服务器上,服务器端脚本或应用程序务器上,服务器端脚本或应用程序对信息进行处理,并将成功结果反对信息进行处理,并将成功结果反馈浏览者,或执行某些特定的程序
7、。馈浏览者,或执行某些特定的程序。 练习思考练习思考制作表单页面的第一步是什么制作表单页面的第一步是什么? 每个表单都是由一个表单域和若干每个表单都是由一个表单域和若干个表单元素组成的,所有的表单元个表单元素组成的,所有的表单元素要放到表单域中才会有效,因此,素要放到表单域中才会有效,因此,制作表单页面的第一步是插入表单制作表单页面的第一步是插入表单域域。练习思考练习思考表单提交有哪两种方法?表单提交有哪两种方法?答:两种方法是答:两种方法是Post和和Get。nPost表单信息将以文件的形式提交表单信息将以文件的形式提交nGet将浏览者提供的信息附加在将浏览者提供的信息附加在URL地地址的后
8、面提交到服务器址的后面提交到服务器练习思考练习思考选择题选择题 如果需要获取登录的用户输入的密码,如果需要获取登录的用户输入的密码,在表单文本字段的在表单文本字段的“属性属性”面板上应面板上应选择(选择( B )。)。A BC D实训操作一实训操作一制作如下图所示的表单页面制作如下图所示的表单页面。实训操作二实训操作二n练习制作锚点链接练习制作锚点链接n练习制作图像映射练习制作图像映射第第8章章 使用样式表制作高级页面使用样式表制作高级页面n本章内容本章内容n练习思考练习思考n实验操作实验操作本章内容本章内容n样式表的概念样式表的概念n样式表的分类样式表的分类n各种样式的使用各种样式的使用n为
9、网页设置整体和局部链接效果为网页设置整体和局部链接效果n将样式表应用在整个网站将样式表应用在整个网站 样式表的概念样式表的概念 样式表(样式表(Cascading Style Sheets)是)是一系列格式规则,简称一系列格式规则,简称CSS,它们控制,它们控制网页内容的外观。网页内容的外观。 样式表的概念样式表的概念 层叠样式表层叠样式表CSS可以使用可以使用Html标签或命标签或命名的方式定义,可控制名的方式定义,可控制n传统的文本属性,例如字体、字号、颜传统的文本属性,例如字体、字号、颜色等,色等,n可以控制一些比较特别的可以控制一些比较特别的Html属性,如属性,如对象位置、图片效果、
10、鼠标指针等。对象位置、图片效果、鼠标指针等。 样式表的特点样式表的特点 层叠样式表层叠样式表CSS的特点的特点n将格式和结构分离将格式和结构分离n控制页面布局控制页面布局n制作体积更小下载更快的网页制作体积更小下载更快的网页n将许多网页同时更新将许多网页同时更新n浏览器成为更友好的界面浏览器成为更友好的界面 样式表的类型样式表的类型样式表样式表CSS包含以下三种类型:包含以下三种类型:n类样式类样式n标签样式标签样式n高级样式高级样式 样式表的类型样式表的类型高级样式包含四种类型:高级样式包含四种类型:na:link:设定正常状态下链接文字的:设定正常状态下链接文字的样式。样式。na:acti
11、ve:设定鼠标单击时链接的外:设定鼠标单击时链接的外观。观。na:visited:设定访问过的链接外观。:设定访问过的链接外观。na:hover:设定鼠标放置在链接文字:设定鼠标放置在链接文字之上时,文字的外观。之上时,文字的外观。 在页面中使用样式表在页面中使用样式表n设置文本样式设置文本样式n设置背景样式设置背景样式n设置区块样式设置区块样式n设置边框样式设置边框样式n设置鼠标光标样式设置鼠标光标样式下图是应用样式表的实例下图是应用样式表的实例在页面中使用样式表在页面中使用样式表设置链接样式设置链接样式n分别设置高级样式中的分别设置高级样式中的a:active; a:hover; a:li
12、nk; a:visitedn可做页面的局部链接效果可做页面的局部链接效果将样式表应用于整个网站将样式表应用于整个网站n导出样式导出样式n导入样式导入样式练习思考练习思考 层叠样式表将定义(结构)的部层叠样式表将定义(结构)的部分与定义(格式)的部分分离。分与定义(格式)的部分分离。 练习思考练习思考 关于样式表的描述正确的是关于样式表的描述正确的是(ABC)。)。A 不需要图像不需要图像B 不需要插件不需要插件C 不需要执行程序不需要执行程序D 不需要代码不需要代码练习思考练习思考 如果将类样式应用于一段文字,会如果将类样式应用于一段文字,会出现(出现(B)标签。)标签。A FontB ClassC tableD tr练习思考练习思考 自定义类样式时,样式命名应以自定义类样式时,样式命名应以 (.)开始。)开始。练习思考练习思考 使用样式表,可以设置页面中的使用样式表,可以设置页面中的(ABD)。)。A 文本样式文本样式B 背景样式背景样式C 鼠标样式鼠标
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 围棋培训机构管理制度
- 湖南省邵阳市新邵县2024-2025学年八年级下学期4月期中数学试题
- 江苏省泰州市泰兴市2024-2025学年八年级下学期4月期中考试数学试题
- 2011年山东省东营市中考政治试题(版-含答案)
- 培训招生学校管理制度
- 三位数除以一位数同步监控习题
- 二月初二楼台头活动方案
- 云中苗寨春节活动方案
- 云朵舞蹈活动策划方案
- 云端家访活动方案
- 2025年导游资格证考试笔试模拟试卷:旅游法规与政策解读与应用案例试题
- 中小学学校德育工作管理制度汇编
- 路由与交换基础知识试题及答案
- 混凝土浇筑清包合同范本
- 部编版2024-2025学年四年级下册语文期末测试卷(含答案)
- 生子前签协议书
- 加装电梯补偿协议书
- 人教版小学语文五年级下册复习材料
- 2025年中国龟甲胶市场调查研究报告
- 煤矿机电运输培训课件
- 2025至2031年中国牙科椅行业投资前景及策略咨询研究报告
评论
0/150
提交评论