一、万维网的发展（W3C组织的建立）

一、软件的分类

	
	软件一般分类三种：
			1.系统软件（操作系统）
			
			2.应用软件（计算机上用的软件基本上都属于应用软件）
			
			3.游戏软件

二、软件的组成

		
		综合上图，软件开发无非两种，一是写服务器，二是写客户端。
		

1.1 服务器简介

1.2 客户端简介

	图形化界面一般分为两种架构：
			C/S架构、B/S架构。

	C/S架构由于不跨平台，开发成本比较高。
	B/S架构由于跨平台，开发成本比较低。
		

三、B/S架构的特点

	
	B/S架构的特点：
			1.不需要安装
			2.无须更新
			3.跨平台
					B/S架构设计的产品不依赖平台，只要计算机里有浏览器，都可以访问。
					这一点对于企业来说是最重要的，因为作为商业应用来说，开发成本是企业最关注的。
					跨平台节约了开发成本。

		

四、万维网发展历史

4.1 万维网的建立

	1.1989年仲夏之夜，蒂姆成功开发出世界上第一个Web服务器和第一个Web客户机。
	  虽然这个Web服务器简陋得只能说是CERN的电话号码簿，它只是允许用户进入主机
	  以查询每个研究人员的电话号码，但它实实在在是一个所见即所得的超文本浏览/编辑器。

	2.1989年12月，蒂姆为他的发明正式定名为World Wide Web，即我们熟悉的WWW；
	
	3.1991年5月WWW在 Internet上首次露面，立即引起轰动，获得了极大的成功被广泛推广应用。

	4.Web通过一种超文本方式，把网络上不同计算机内的信息有机地结合在一起，并且可以通过
	  超文本传输协议（HTTP）从一台Web服务器转到另一台Web服务器上检索信息。
	  Web服务器能发布图文并茂的信息，甚至在软件支持的情况下还可以发布音频和视频信息。
	  此外，Internet的许多其它功 能，如E-mail、 Telnet、 FTP、 WAIS 等都有可通过
	  Web实现。

4.2 万维网的发展（W3C组织的来源）

	  90年代以来国际互联网的发展正如蒂姆所预见的，网景与微软的浏览器之争，被称为万维网
	  第一商战，快速膨胀的网络已有瘫痪之虞。
	  为此在1994年，蒂姆创建了非赢利性的万维网联盟W3C（World Wide Web Consortium），
	  邀集Microsoft、 Netscape、 Sun、Apple、IBM 等共155家互联网上的著名公司，
	  致力达到WWW技术标准化的协议，并进一步推动Web技术的发展。

	  蒂姆坚持，W3C最基本的任务是维护互联网的对等性，让它保有最起码的秩序。
      他反复重申建构Web技术的初衷是藉由WWW作为创意和效率的工具，提供使用者更好的共事与
      资讯获取交流环境，但当前WWW的增长象"缓慢地深层爆炸"般的（蒂姆语）进军商业领域，欲
      局限人际关系沟通的后果是作为创始者始料未及和十分遗憾的一点。总部设在美国麻省理工
     （MIT）的W3C现已有40余名工作人员，分工为若干研究开发小组，任务就是力图引导网络革
      命的发展方向，蒂姆风趣地把它称之为一项"如驾驶着大雪橇从山顶上以加速度向下滑的惊险
      工作"。

4.2.1 万维网前期发展遇到瓶颈

	前期，由于万维网没有统一的标准，即标签A在C和D浏览器中代表不同的含义，
	市场比较紊乱。万维网的发展遇到瓶颈。

4.2.2 W3C组织建立，制定万维网规范（W3C规范）

	由于前期万维网没有统一的标准，蒂姆联合其他机构成立了W3C组织，制定规范。

五、W3C标准

		
		根据W3C标准，一个网页分为三部分：
				结构：html。
						 用于描述页面结构。
						 
				表现：css
						 用于控制页面中元素的表现样式。

				行为：javascript
						 用于响应用户操作。
				

六、HTML、CSS和JavaScript

6.1 前端开发最核心技术

	我们知道，用所谓的网页三剑客已经不能满足需求了，那前端开发究竟要学习什么技术呢？
	网页最主要由3部分组成：结构、表现和行为。
	网页现在新的标准是W3C，目前模式是HTML、CSS和JavaScript。

6.2 前端开发技术简介

6.2.1 前端开发技术

（1）HTML是什么？
	HTML，全称“Hyper Text Markup Language（超文本标记语言）”，
	简单来说，网页就是用HTML语言制作的。
	HTML是一门描述性语言，是一门非常容易入门的语言。

（2）CSS
	CSS，全称“（层叠样式表）”。以后我们在别的地方看到“层叠样式表”、“CSS样式”，指的就
	是CSS。

（3）JavaScript
	JavaScript是一门脚本语言。

6.2.1 前端开发其他技术

前端技术最核心的是HTML、CSS和JavaScript，但是对于一个真正的前端工程师来说，哪怕你精通这三个，你也不能称为一个真正的“前端工程师”。因为前端技术除了HTML、CSS和JavaScript这三种，还需要学习Ajax、SEO等。

（1）Ajax

Ajax，即“Asynchronous Javascript And XML（异步JavaScript和XML）”，是指一种创建交互式网页应用的网页开发技术。

通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用Ajax）如果需要更新内容，必须重载整个页面。

Ajax是前后端交互的技术，主要实现在前端。（不懂？！没关系，我们在Ajax教程中会讲解到）

（2）SEO

SEO，即“Search Engine Optimization（搜索引擎优化）”。SEO优化是专门利用搜索引擎的搜索规则来提高目前网站在有关搜索引擎内的自然排名的方式（国内常见的搜索引擎有百度、360、搜狗等）。

简单来说，你建好了网站并不代表你网站就能被搜索引擎搜索到，我们一般使用百度搜索资料时，搜索出来的网页有很多，但是我们一般看了搜索结果的第一、二页就不再往下看了。SEO，就是为了我们的网站能排在搜索结果的前面，这样你的网站才会有流量。你做网站，相信你也是想让你网站有更多人浏览的吧。

6.3 基础总结

1、从web1.0到web2.0，网页制作已经变为前端开发了。现在对于前端开发，
你要学的不是什么“网页三剑客”，而是“HTML+CSS+JavaScript”；

2、前端技术核心元素的是HTML、CSS和JavaScript，但是我们还要学习一些Ajax、SEO知识；

3、前端技术只能开发静态网页，而进一步学习了后端技术，你能开发一个用户交互性更好、
功能更加强大的网站；

4、后端技术有ASP.NET（或PHP）、SQL Server等；

5、学习路线：
HTML入门 → CSS入门→HTML进阶→CSS进阶→JavaScript入门→jQuery入门
→ ASP.NET入门（或PHP入门）→Ajax→ASP.NET进阶（或PHP进阶）；

6、学习HTML就是学习各种标签，然后针对你想要的内容来使用相应的标签；

7、HTML标签即“HTML元素”；

8、HTML基本结构：