网页设计与制作配套教学课件HTML+CSS+JavaScript张洪斌刘万辉课件 3_HTML高级应用_电子课件.ppt

网页设计与制作配套教学课件HTML+CSS+JavaScript张洪斌刘万辉课件 3_HTML高级应用_电子课件.ppt

ID:51625086

大小:4.82 MB

页数:81页

时间:2020-03-26

网页设计与制作配套教学课件HTML+CSS+JavaScript张洪斌刘万辉课件 3_HTML高级应用_电子课件.ppt_第1页
网页设计与制作配套教学课件HTML+CSS+JavaScript张洪斌刘万辉课件 3_HTML高级应用_电子课件.ppt_第2页
网页设计与制作配套教学课件HTML+CSS+JavaScript张洪斌刘万辉课件 3_HTML高级应用_电子课件.ppt_第3页
网页设计与制作配套教学课件HTML+CSS+JavaScript张洪斌刘万辉课件 3_HTML高级应用_电子课件.ppt_第4页
网页设计与制作配套教学课件HTML+CSS+JavaScript张洪斌刘万辉课件 3_HTML高级应用_电子课件.ppt_第5页
资源描述:

《网页设计与制作配套教学课件HTML+CSS+JavaScript张洪斌刘万辉课件 3_HTML高级应用_电子课件.ppt》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、网页设计与制作课程开发组制作主讲人:阚宝朋管曙亮本章要点单元1HTML高级应用任务1表单设计任务2窗口框架的使用任务3多媒体页面设计引例描述学习计划:第一步:通过表单技术完成订单信息、作品评价交互页面。第二步:使用框架技术制作一套新的网页布局方案。第三步;同时添加一些动感的多媒体元素,制作动感的多媒体页面。任务1:表单设计【任务陈述】为了加强与客户的沟通,本任务将通过HTML单信息页面、作品评价页面的设计。任务1:表单设计【知识准备】3.1表单的基本概念一、表单简介表单可以提供输入的界面,供浏览者输入数据,常见的应用如下:(1)Web搜索(2)问卷调查(3)注册用户(4)在线订购任务1:

2、表单设计3.1表单的基本概念一、表单简介表单建立步骤:第一:决定要搜集的数据,即决定了表单需要搜集用户的那些数据。第二:建立表单,根据第一步的要求选择合适的控件创建表单。第三:设计表单处理程序:用于接受浏览者通过表单所输入的数据并将数据进行进一步处理。任务1:表单设计3.1表单的基本概念二、表单的定义表单是页面上的一块特定区域,这块区域有一对

标签定义限定表单的范围携带表单的相关信息定义方法如下:表单标签该标签的主要作用是设定表单的起始位置,并指定处理表单数据程序的URL地址,表单所包含的控件就在与
之间定义。基本语法:

3、=urlmethod=get/postname=valuetarget=”目标窗口”enctype=”编码方式”>……任务1:表单设计3.1表单的基本概念二、表单的定义处理程序-action语法:……真正处理表单的数据脚本或程序在action属性里,这个值可以是程序或脚本的一个完整URL。在该语法中,表单的处理程序定义的是表单要提交的地址,也就是表单中收集到的资料要传递的程序地址。这一地址可以是绝对地址,也可以是相对地址,还可以是一些其他的地址形式例如发送E-mail等。实例任务1:表单设计3.1表单的基本概念二、表

4、单的定义表单的名称-name语法:……名称属性name用于给表单命名。这一属性不是表单的必需属性,但是为了防止表单信息在提交到后台处理程序时出现混乱,一般要设置一个与表单功能符合的名称,例如注册页面的表单可以命名为register。不同的表单尽量不用相同的名称,以避免混乱。表单名称中不能包含特殊符号和空格。实例任务1:表单设计3.1表单的基本概念二、表单的定义传送方法-method语法:……表单的method属性用来定义处理程序从表单中获得信息的方式,可取值为get或post,它决定了表单

5、中己收集的数据是用什么方法发送到服务器的。method=get:使用这个设置时,表单数据会被视为CGI或ASP的参数发送,来访者输入的数据会附加在URL之后,由用户端直接发送至服务器,速度上会比post快,缺点是数据长度不能够太长。method=post:使用这种设置时,表单数据是与URL分开发送的,用户端的计算机会通知服务器来读取数据,所以通常没有数据长度上的限制,缺点是速度上会比get慢。在没有指定method的情形下,一般都会视get为默认值。实例任务1:表单设计3.1表单的基本概念二、表单的定义目标显示-target语法:……

6、orm>target属性用来指定目标窗口的打开方式。表单的目标窗口往往用来显示表单的返回信息,例如是否成功提交了表单的内容、是否出错等。目标窗口的打开方式包含4个取值:_blank、_parent、_self和_top。其中_blank是指将返回的信息显示在新打开的窗口中;_parent是指将返回信息显示在父级的浏览器窗口中;_self则表示将返息显示在当前浏览器窗口;_top表示将返回信息显示在顶级浏览器窗口中。实例任务1:表单设计3.1表单的基本概念二、表单的定义编码方式-enctype语法:……表单中的enctype参数用于设置

7、表单信息提交的编码方式。编码方式的取值见下表。实例enctype取值取值的含义Text/plain以纯文本的形式传送application/x-www-form-urlencoded默认的编码形式multipart/form-dataMIME编码,上传文件的表单必须选择该项inputtype=”checkbox”复选框任务1:表单设计3.2表单元素一、添加表单控件按照控件的填写方式可以分为输入类和菜单列表类。输入类的控件一般以inp

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。