育知同创-专注移动互联网,专注强师高品质课程|Android培训|HTML5培训|Java培训|VR培训

加入收藏 关于我们 咨询电话:010-82583705
北京
其他分校: 深圳 大连 武汉

▶ 您现在的位置:首页 > 视频教程 > 《Mars亲授HTML5开发视频教程》第10讲-表单(上)

《Mars亲授HTML5开发视频教程》第10讲-表单(上)

时间:2016-06-01 10:12:26  来源:育知同创  作者:育知

  •    HTML5学习QQ群: 339367359

     

     

    主要内容

    1、表单在网页当中的作用

    2、表单控件标签的分类

    3、浏览器与服务器之间的关系

     

    表单在网页当中的位置

    首先让回忆一下在之间的课程当中我们为大家介绍的所有标签,我们会发现这些标签总体来说的作用在于展示信息,或者叫做展示数据。

     

    它们的目标在于将各种类型的信息采用更加便于识别的方式展示给用户,但是只使用这些标签构建出来的网页存在着一个很大的问题,那就是无法与用户互动。也就是说用户是能读取网页当中的内容,但是并不能按照自己的意愿去做些什么。

     

    这样说可能比较抽象,举个例子来说。

     1.jpg

     

    在前两节课当中所介绍的表格就存在这样的问题,虽然使用表格可以非常漂亮的展示结构化数据,但是如果用户希望表格当中的数据按照某一列的值进行排序,或者是删除某一列的值的时候,表格标签就显得无能为力的,这也就说网页无法与用户进行互动。

     

    这个问题非常的要命!

     0.gif

     

    技术发展到今天这个地步,用于已经不仅仅能够满足于查看网络当中的信息,他们还希望能够深度的参与到这些信息的收集和使用过程当中,希望自己面对不仅仅是一个冷冰冰的页面,而是能够对话的程序。

     

    最近几年游戏行业的变化也证明了这一点。现在的游戏领域当中有一个分支,叫做互动电影,就是采用做电影的手法来制作游戏。在这个领域的集大成者毫无疑问是小岛秀夫,他所制作的合金装备系列无论是从剧情上还是从制作的过程上,都采用了大量的电影元素。

     

    但是有些人可能会说,那么这和电影有什么区别呢,难道就是让我们在游戏机上看电影么?

     

    这种互动电影的最大特点是可以让用户决定故事的走向。也就是说玩家在游戏当中不同的选择可以将游戏的剧情推进到不同的方向,最后得到不同的结局,让用户有非常强烈的参与感和沉浸感,这是电影院当中的电影绝对做不到的事情。

     

    说到这里我不得不吐槽一下KONAMI,不但跟小岛闹翻导致他出走SONY,甚至连带着把寂静岭PT这么好的一个项目都搞太监了,简直是天理难容!!

     

    2.jpg

     

    好吧,我承认扯得有点远了,还是让我们回到今天的主题上,好好的学习HTML5技术,将来挣大钱,等小岛工作室的新游戏出来之后必须买买买!

     

    其实刚才说了那么多,核心就是我们目前面临的主要问题就是网页如何与用户互动,而表单这个系列的标签可以从某种程度上帮助我们解决这个问题。用一句话来说,表单的作用就是搜集不同类型的用户输入。这是整个互动交互的第一个环节。其实我们日常使用网站的时候天天都会和表单打交道,比如说我们的经常使用的登录功能,注册功能,搜索功能以及更新功能等等,都需要使用表单。

     

    每一个表单当中都包含了一些控件,这些控件的作用就是用来接收用户的输入,比如说有的控件可以让用户录入信息,有的控件可以让用户选择等等。用户输入完这些数据之后,就可以选择提交表单,把刚才输入的内容发送给服务器进行处理。但是服务器又是个什么鬼呢?

     

    服务器的作用

    提到服务器可能很多人马上想到的是摆放在机房当中的一系列性能强劲,结构复杂的计算机。这样理解其实也没有错,但是我们今天为大家介绍的是运行在这些硬件服务器当中的一种软件程序,叫做web服务器。

     

    这种服务器有两个方面的作用,第一就是将程序员已经编写好的网页代码--也就是HTML代码--通过网络传递到用户的浏览器当中,然后浏览器运行HTML代码,用户就可以看到一个个非常漂亮的网页。

     

    这些网页当中有可能有包含有今天我们所说的表单,用户填写这些表单之后,点击提交按钮,就可以将刚才填写的数据发送给服务器,服务器就可以进行相应的处理,比如说刚刚所说的登录功能和注册功能,就是这样实现的,这就是web服务器的第二个作用。

     

    总而言之,服务器的运行机制遵循着一种叫做请求和相应的机制。 但是说来说去这些概念貌似非常的抽象,下面我们就在自己的机器上安装一个web服务器,一边动手操作,一边理解这些概念~

     

    我们的原则是能动手尽量别BB。


    Tomcat服务器的安装

    现在市面上的web服务器种类非常的多,我们就不一一的给大家介绍了,今天要为大家介绍的是一个名为Tomcat的服务器,最所以选择这个服务器一方面是因为它的使用范围比较的广泛,另一个原因是它的使用方法也比较的简单,但是最重要的还是Mars对它最熟悉,哈哈!

     

    首先让我们下载安装Tomcat所需要的两个文件,一个是Java SDK安装文件,一个是Tomcat安装文件。 下载地址:

    安装步骤:

    1.安装Java SDK,通常情况下不要修改默认的安装设置;

    2.设置Java SDK所需要使用的环境变量;

    3.解压缩Tomcat文件; 首先我们需要安转Java语言运行环境,这里就不再详细的介绍Java了,如果想连接Java语言,可以到我们公司官网上去下载完整的Java语言开发视频教程。

    然后将Tomcat解压缩运行就可以了。

     

    如何判断Tomcat已经启动完毕了呢?大家打开浏览器,在浏览器上输入http://127.0.0.1:8080, 然后按下回车,如果可以看到如下的页面,就说明Tomcat已经启动完毕了。

     
     
    往期回顾

    《Mars亲授HTML5开发视频教程》第00讲-课程综述

    《Mars亲授HTML5开发视频教程》第01讲-学习方法

    《Mars亲授HTML5开发视频教程》第02讲-第一个HTML程序

    《Mars亲授HTML5开发视频教程》第03讲-文本标签

    《Mars亲授HTML5开发视频教程》第04讲-超链接与锚点

    《Mars亲授HTML5开发视频教程》第05讲-神马是路径

    《Mars亲授HTML5开发视频教程》第06讲-图片

    《Mars亲授HTML5开发视频教程》第07讲-列表

    《Mars亲授HTML5开发视频教程》第08讲-表格(一)

    《Mars亲授HTML5开发视频教程》第09讲-表格(二)





上一篇:《Mars亲授HTML5开发视频教程》第09讲-表格(二)

下一篇:Android公开课04期_Android刷脸神器How-old_第01讲:人脸识别基本介绍


开班信息

Copyright 2016 北京育知同创科技有限公司 京ICP备16004053号