Web前端开发技术基础概论 时间：2017-06-26     来源：web前端开发技术知识汇总

web(World Wide Web)即全球广域网，也称为万维网，它是一种基于超文本和HTTP的、全球性、动态交互的、跨平台的分布式图形信息系统。是建立在Internet上的一种网络服务，为预览者在Internet上查找和预览信息提供了图形化的、易于访问的直观界面，其中的文档及超链接将Internet上的信息节点组织成一个相互关联的网状结构。

web的起源

1.Web的应用架构是由英国人Tim Berners-Lee在1989年提出的，而它的前身是1980年Tim Berners-Lee负责的Enquire(Enquire Within Upon Everything的简称)项目。

2.1989年3月，Tim Berners-Lee撰写：《关于信息化管理的建议》,介绍了ENQUIRE项目 并构建了一个更加精巧的管理模型。

3.1990年11月12日，与Robert Cailliau合作提出了一个关于万维网正式的建议。

4.1990年11月13日第一个Web服务器nxoc01.cern.ch开始运行，由Tim Berners-Lee编写的图形化Web浏览器第一次出现在人们面前。

5.1991年，CERN(European Particle Physics Laboratory)正式发布了Web技术标准。

6.目前，与Web相关的各种技术标准都由著名的W3C组织(World Wide Web Consortium)管理和维护。

Web特点

1.Web的图形化

2.Web是具有平台无关性

3.Web是支持分布式结构

4.Web是具有动态性

5.Web是具有交互性

Web工作原理：

相关概念-：URL

统一资源定位符(Uniform Resource Locator，URL)，用于描述Internet上资源位置和访问方式的一种简介表示，是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它。

URL包括协议、主机(域名/IP:端口)、访问路径和文件名这几个部分构成的。

协议(scheme)：它告诉浏览器如何处理将要打开的文件。常用的模式是超文本传输协议(Hypertext Transfer Protocol，缩写为HTTP)，这个协议可以用来访问网络。

主机(域名/IP:端口)：服务器的名称或IP地址后面跟着一个冒号和一个端口号，采用的是套接字的形式。

访问路径和文件名：访问路径表示这个文件在服务器上的物理路径，相当于一个定位的功能，只有知道这个文件的路径在哪，我们预览器才能够在这个服务器上找到这个文件。不过有时候，URL以斜杠“/”结尾，而没有给出文件名，在这种情况下，URL引用路径中后一个目录中的默认文件(通常对应于主页)，这个文件常常被称为 index.html 或 default.htm

网站(Web Site)

网站是一个存放网络服务器上的完整信息的集合体。它包含一个或多个网页，这些网页以一定的方式链接在一起，成为一个整体，用来描述一组完整的信息或达到某种期望的宣传效果。

网页(Web pages)

网页是网站的组成部分，设计者可以将需要公布的信息按照一定的方式分类，放在每个网页上，网页里可以有文字、图象、声音及视频信息等。

首页(Home page)

首页也可以称之为主页，可以存放各种信息，是特殊的网页，网站的起始点和汇总点，是浏览者访问一个网站的第一个网页。

超链接(Hyper Link)

超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。

Web前端开发技术

HTML(Hypertext Markup Language)

HTML(超文本标记语言)，它是构成Web页面(Page)的主要工具。

用HTML编写的超文本文档称为HTML文档，它是由很多标记组成的一种文本文件，HTML标记可以说明文字、图形、动画、声音、表格、链接等

CSS(Cascading Style Sheet)

css样式表或称为层叠样式表，也是一种脚本语言。在Web页面设计时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

JavaScript

JavaScript是由 Netscape公司(Brendan Eich)开发的一种脚本语言(scripting language)。

在HTML基础上，使用JavaScript可以开发交互式Web网页，例如可以在线填写各类表格、联机编写文档并发布等。

Web前端开发工具及浏览器工具

关于Web的前端开发工具网络上有很多种，但是小猪猪现在在用的是Brackets这款开发工具，那这款开发工具有什么独特的地点呢。其实Brackets它的插件和代码提示都是相当强悍的，尤其是实时预览这项功能更加是深受前端开发人员的喜爱。

预览器的话我选择的是和Brackets成套使用的Chrome浏览器，因为这款开发工具只能够在有Chrome预览器的情况下才能够进行实时预览，