第一章 WEB简介内容 第二章 HTML,JavaScript简介

来源:互联网 发布:foobar2000源码输出 编辑:程序博客网 时间:2024/05/22 00:04
第一章 WEB简介内容
1.http协议(超文本传输协议),状态字
2.搜索引擎,新闻系统,网页游戏
3.在WEB中分为两端:
客户端:使用浏览器,向WEB服务器发出请求,发出请求之后,
服务端:从WEB服务端,根据用户的请求内容,找到文件,并通过HTTP协议发回给客户端,客户端再通过浏览器进行解释,这一切都是依靠HTTP协议完成的。
4.静态WEB-Applet,Applet是作为最早的客户端实现的WEB技术手段出现的。但是由于Applet不能访问资源(数据库等),
后来在客户端植入JVM。只是在客户端发生了简单的变化,但是其他的服务器端并没有任何的改变。所以这个时候就相当于所有的动态效果,基本上都是在客户端完成的,后来Applet不用了,传输慢,就主要实在服务器端发生变化(动态WEB)。
动态除了使用Applet,也可以使用JavaScript实现
5.动态WEB的最大特点就是具备了交互性。而且在整个动态WEB之中,客户端现在所做的的工作非常的简单,就是一个简单的浏览器。
但是在服务器端却有了很大的改变。例如,在服务器端不再直接使用WEB 服务器进行接收了。而是先通过了一个WEB服务插件,
用于区分是动态请求还是静态请求。
 如果是静态请求的话,那么现在将内容交给WEB服务器,并且调用文件系统。
 Application能使用JDBC,因为Appletcation本身是一个容器。动态WEB能操纵资源本身也是因为WEB()容器造成的。
 如果是动态WEB则进入到一个WEB容器,之后,将开始进行代码的拼凑工作。WEB容器拼凑。
 动态WEB本身是没有固定代码的。但是不管是固定的代码还是拼凑的代码,现在基本上都会通过WEB服务器返回,返回给客户端,进行内容的显示。


 6.在整个的操作流程,实际上动态WEB和静态WEB最大的区别:动态WEB可以进行数据库的连接,而静态WEB无法连接数据库,现在的大部分应用程序都是围绕数据库进行的


 静态WEB基本上就是靠普通的HTML(网页实现的)。即使有了Applet,也只是在HTML之中加入若干代码而已。本身没有太大的改变


 7.但是,动态WEB的实现方式就很多了:
CGI:公共网关接口,可以使用多种语言实现,那么这样一来一个很明显的问题就出现了。例如:如果现在使用C或者是VB,肯定是采用多进程的形式进行处理的,所以传统的CGI程序实际上是一种多进程的处理语言,进程比线程慢很多,所以性能很低


PHP:超文本预处理,本身是从Linux上发展起来的。但是由于PHP本身没有各个大公司的支持,所以发展形式只能作为个人开发或者是小型项目的使用,PHP现在比较危险,Apache+Mysql架构


ASP:动态服务页,这门技术比较熟悉了,也比较流行了,但是这门技术到今天基本上用的很少了,ASP本身的性能是很差的,所以如果要使用的话,基本和PHP处于同一个层次了。但是
ASP.NET作为一个新的开发平台,本身的性能还是够高的。可是有一个问题,Windows+IIS+SQLServer,才能发挥性能。如果现在不是这个平台,则肯定会出现明显的性能问题了


JSP(Java服务页)/Servlet(服务器端小程序):不受平台限制。可以使用多种的操作系统,开发工具,开发平台,数据库。而且最主要的是JAVA本身是多线程的支持,所以性能要高很多


8.Java做的是一个标准


9.企业架构
  操作系统 -> 数据库 -> 中间件(Tomcat,JBoss,WebLogic等处理一些如事务等的复杂操作) -> 开发平台(Java EE)


10.由于WEB的开发已经涉及到了Java EE的企业开发范畴。所以必须先清楚企业开发中各个操作的形式。
    所谓的企业开发 = 为数据库的操作增加了一个皮而已。


11.在JAVA EE的开发中是以 B/S作为主要的开发模式,在JAVA EE中提供了多种组件及各种服务


12.有四个容器,有四个组件。基本上每个组件都对应一个容器。
 
13.忠告:不要将所有的精力都放在框架的学习,应该巩固好基础,才可以更好的学习。


14.JAVA EE核心组成
  容器(Container):Applet Container,Application Container,Web Container,EJB Container。
  组件:Applet,Application,JSP/Servlet,EJB
  服务:HTTP,RMI-IIOP,Java IDL,JTA,JDBC,JMS,JavaMail,JAF,JNDI,JAXP,JCA,JAAS,JSF,JSTL,SAAJ,JAXR


15.JAVA EE在企业环境中的位置
客户层:JAVA 客户端,Web客户端(网外用户,网内用户),(防火墙)


中间层:EJB容器(EJBs),WEB容器(Servlet,JSPs,HTML),JAVA EE服务(JNDI,JMS,JDBC)


企业信息系统层:遗留的应用程序,关系型数据库,企业资源规划系统


16.Struts开发框架,Struts 现在已经成为了一个行业的标准,而且现在的开发之中依然存在着Struts1和Struts2共生存的局面。
 Struts是WEB容器中才有的内容。
 只有将整个课程之中的MVC设计模式掌握透彻了,才可以真正的进行各种技术的学习。
 在整个JAVA EE中MVC是其核心设计思路;
 Struts开发主要是为了解决WEB层的开发问题,可以节约设计的成本。




 第二章 HTML,JavaScript简介
1.理解服务器与浏览器的的操作原理
2.掌握HTML核心标签的使用
3.客户端通过浏览器,发送一个HTTP协议的请求后,之后WEB服务器会根据请求调用相应的文件系统,找到文件,之后再将信息通过HTTP协议返回给客户端浏览器,而客户端浏览器可以接收的显示内容就包含了HTML语言,所以在学习动态WEB技术之前必须对HTML有所了解。
4.HTTP协议(超文本传输协议),是一个客户端请求和回应的标准协议,用户输入地址和端口号之后就可以从服务器上取得所需要的网页信息。
5.每一个Socket程序都应该要有一个监听端口,在浏览器中默认的端口号是80端口
  地址可以是IP地址,或者是DNS域名(域名到IP地址);
6.HTML(超文本标记语言)是网络上的通用语言,也是网络Web语言的基础。它是一种标记语言,通过嵌入代码或标记来表明文本格式。


7.HTML元素概览
  主窗体元素:
<html></html> 超文本的开始和结束
<head></head> 超文本开始信息的开始和结束
<title></title> 超文本窗口标题的开始和结束,它被显示在浏览器的标题栏中
<meta> 用来描述HTML文档的元信息,即文档自身的信息
<body></body> 网页主体部分,是HTML语言的核心部分


  字符风格控制元素:
<h1></h1> ~ <h6></h6>  定义字体大小,h1最大,h6最小
<center></center> 居中
<b></b> 字体加粗
    <i></i> 字体变斜体
<u></u> 字体加下划线
<s></s> 字体加中划线
<sup></sup> 字体变为上标
<sub></sub> 字体变为下标
<font color="bule"></font> 定义字体属性


  版面控制元素:
<pre></pre> 空格,回车有效
<p></p> 段落的开始和结束
<hr> 加水平线
<img src="uri"...> 插入图片


  标题元素:
<ul>和<ol> 标题分级方式:ul表示无序,ol表示有序
<li> 子标题

  链接:
<a href="连接地址"></a> 超链接
  表格元素:
<table></table> 显示表格
<tr></tr> 表格的行表示
<td></td> 表格的列表示
  表单元素:
<form name="" action="url" method="getpost">和</form>显示表单
<input type="TYPE"> 普通输入文本
<input type="PASSWORD"> 密码输入框
<input type="checkbox"> 复选框
<input type="radio"> 单选框
<input type="image"> 将图片设置为提交按钮
<select></select> 下拉列表框
<option></option> 设置下拉选项
<textarea cols="n" rows="n"></textarea> 多行文本域
<input type="submit"> 提交按钮
<input type="reset"> 重置按钮
<input type="hidden"> 隐藏域
<input type="file"> 文件选择框
  框架元素:
<frameset> 设置框架页显示
<frame> 表示每一个框架里的页面


8. HTML的后缀可以是*.html,也可以是*.htm
9.写HTML代码注意层次感
10.在大部分情况下,每一个标记的编写的时候都必须完结。
11.如果有内容掌握不住,可以寻求美工的帮忙,因为在实际的项目之中,所有的页面都应该由美工为用户提供好。
12.一定要记住,所有的表单元素都必须放在<form>之中,而且所有的表单元素中的name属性非常重要,以后讲解JavaScript或者是JSP的时候都将使用到。


JavaScript和HTML事件处理简介
1.主要事件
2.JavaScript与表单的操作
3.掌握正则表达式在JavaScript中的使用
4.对于程序开发人员来讲,使用JavaScript与表单进行互操作是最为重要的一个组成部分。掌握一些基本的对象操作方法
5.事件:就是指某一种操作。例如:现在电脑打开,对于电脑就是一种事件。在Java脚本中的事件有可能就是触发了某一类的操作而产生的
6.所有的事件都是以on开头命名的,标准命名
7.手工触发事件
8.所谓单击就是指当按下的时候才会进行事件的发生。
9.现在所有的内容都是一些固定的,而且之前也提示过了,JavaScript中的事件处理最好与表单一起操作才更加的合理。那么现在通过一个表单完成JavaScript的操作代码。
10.使用正则完成匹配 /正则/.test(内容)
11.onsubmit事件是一个在表单上编写的事件操作,只要提交都要触发此事件。
12.正则可以继续使用,只是换了一种形式,而且建议,最好在使用正则的时候加上开头^和结尾$.
13.既然现在可以取得普通文本的内容,那么现在再取得单选钮(radio),和复选框(checkbox)的内容。
14.在使用JS的时候有一个特别的内容就是如果多个控件定义了同一个名字的话,则此时将按照数组的形式操作。
15.如果是复选框,则也是数组。
16.既然这些内容都取得了,那么所有表单的内容也都取得到
17.下拉列表框的操作。
18.JS不仅可以找到表单的内容,而且可以修改内容,但是以上的这些代码实际上是一个最基本的表单的操作方法。
19.但是这些操作本身都非常有规律,每一个表单的控件就是一个对象(基于对象)。
20.事件一旦触发之后可以通过函数进行处理。
21.JS作为前台技术的一种实现,在开发中本身也是有着非常重要的作用,所以在本书所有的项目开发之中都将进一步的应用各种
JS以实现一些固定的功能。



JS中的windows对象
1.掌握windows对象的常用操作方法
2.在使用JS打开窗口或关闭窗口的时候都要使用Windows对象,而且如果做一些比较特殊的效果也会使用windows对象,但是由于其本身是一个对象,所以可以直接应用里面的各种操作方法。
3.打开新的页面,可以加参数控制窗口的大小
4.open方法可以结合一些简单的事件使用。
5.还有一种成为确认框,如果现在要删除某些操作的时候,往往会出现一个确认的提示按钮。
6.但是在windows对象中有一个重定向的方法非常有用处,所谓的重定向,就是指页面可以重新连接到一个新的位置上。
7.在windows对象之中也存在着父子的关系,通过一个窗口可以打开另一个窗口(使用open()),那么原本的窗口就称为父窗口,打开的窗口就称为子窗口。
8.opener
9.之前的代码刷新效果不是很明显,但是虽然不明显,可是这个功能很重要,以后是要使用的。
所以下面做一个更复杂的操作,从子窗口中接收数据并设置在父窗口之中。
10.实际上对于JavaScript本身是非常容易的,而且主要是靠代码的编写经验,一开始学习的时候一定要掌握一些基本的语法,但是这些语法只要是将Java技术掌握了,那么就可以轻松的完成了。







原创粉丝点击