web的相关概念知识以及开发环境安装

一、web的相关概念知识

1. Web系统的组成

Web是Internet上最受欢迎的一种多媒体信息服务系统，整个系统由Web服务器、浏览器和通信协议组成。

2. Web开发

Web开发就是设计实现Web系统的过程。
主要包括浏览器端页面的制作和服务器端程序的编写。
浏览器端称作Web前端， 服务器器端称作Web后端。

3. 浏览器

浏览器是指可以显示网页服务器或者文件系统的HTML文件内容，并让用户与这些文件交互的一种软件。
常见的浏览器有：Firefox、Internet Explorer、Safari、Opera、Google Chrome、QQ浏览器、百度浏览器、猎豹浏览器、360浏览器、UC浏览器、遨游浏览器、世界之窗浏览器等。
不是所有的浏览器都支持HTML5，同一浏览器不同的版本对HTML5的支持情况也不同。

4. URL

URL（英文Uniform Resource Locator的缩写）中文译为“统一资源定位符”,是互联网上标准资源的地址。互联网上的每一个文件都有唯一的URL。
基本URL包含模式（或称协议）、服务器名称（或IP地址）、路径和文件名。完整的、带有授权部分的普通统一资源标志符语法格式如下：
协议://用户名:密码@子域名.域名.顶级域名:端口号/目录/文件名.文件后缀?参数=值#标志

5. WWW

WWW（英文World Wide Web的缩写）中文译为“万维网”，是Intertnet提供的一种网页浏览服务，常简称Web。

6. http

HTTP (英文Hypertext transfer protocol的缩写) 中文译为超文本传输协议，是一种详细规定了浏览器和万维网服务器之间互相通信的规则。

7. 网站

是指在因特网上根据一定的规则，使用HTML等工具制作的用于展示特定内容相关网页的集合。用户可以通过浏览器来访问网站，获取需要的资讯或者享受网络服务。

8. Web标准

Web标准是由W3C和其他标准化组织制定的一系列标准的集合。
该标准用来创建和解释基于 Web 的内容，
其网页部分的标准通过三部分来描述：结构、表现和行为。（html，css，JavaScript）

二、html，css，JavaScript解释

1. HTML

HTML是Internet上用于设计网页的基础语言。它是一种标记语言，用于对网页中的文本、图片、声音等内容进行描述，告诉浏览器以什么方式或结构显示网页内容。

2. CSS

CSS称作层叠样式表，“层叠”是指当在HTML中引用了多个样式文件，且当样式发生冲突时，浏览器能依据层叠顺序处理。CSS弥补了HTML对网页格式化方面的不足，不仅为网页元素提供了更为丰富显示效果，还可以实现网页布局和排版定位的作用。

3. JavaScript

JavaScript是一种脚本语言，它和HTML结合，使得用户与网页元素之间不只是浏览与显示的关系，而是实现了一种实时、动态、交互的页面功能。

三、开发工具

• HTML是一种标签语言，标签语言代码是以文本形式存在的。因此，所有的记事本工具都可以作为它的开发环境。HTML文件的扩展名为.html或.htm。将编写好的文件另存为.html或.htm文件，就可以在浏览器中预览效果了。
• 下载地址：https://code.visualstudio.com/（免费！挺好用）
  
  下载安装完毕后打开软件，会看见下面四个图标：第一个为代码编辑区域；第四个为插件下载区域；其他两个一般不用。
  
  推荐插件：搜索插件点击安装即可，安装完重启即可。
  上图的四个插件：
  中文插件；快捷键插件；页面效果展示；文件夹，文件图标展示；
• 安装完效果展示：

编写完代码后，在空白区域点击鼠标右键，点击Open in default Browser，即可查看代码效果。