![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Correction status：Uncorrected
Teacher's comments：
Collection
Collection
WEB服器务主机的搭建是学习WEB开发的重要环节，后续学习到的知识内容都需要在真实的环境中进行调试，才知道
我们做的项目能不能达到实际的需求。下面就按照顺序把搭建的过程列出：
一、PHPSTUDY的安装：
WEB服务器的搭建看起来比较复杂，涉及许多软件的配置，需要一定的知识储备，过程不是太友好，但其终究是一个程序化的工作，所以就出现了一些集成工具包，一键安装，仅需少量配置即可完成搭建。此处我选择的是PHPSTUDY集成开发工具包。
下载完成后，双击运行，点击确认开始安装，安装过程很简单，无需进行任何干预，安装完成会在桌面出现图标。
运行后是这样的界面
点击启动按钮，如果运行状态都为绿色图标，代表安装成功。
二、环境的配置
安装完PHPSTUDY仅仅完成了一个基础工作，通过访问MYHOMEPAGE可以看到，当前还是一个默认的配置，指向的是默认的根目录。
接下来要为后续的学习开发做准备，需要创建一个新的网站项目，并为新项目绑定一个域名。以下为操作步骤：
1、首先点击“其他选项菜单”，选择“网站根目录”，跳转到默认的根目录下。
2、在当前目录创建的一个新的目录来代表我们自己的新网站项目。
3、为新建的网站项目绑定域名。依旧是点击“其他选项菜单”，选择“站点域名管理”
4、在“站点域名管理”界面创建一个新域名“html.io"并指向刚才新建的目录，然后保存设置退出。
5、最后一步，很关键的一个步骤，修改HOSTS文件，以实现对我们新建网站的访问。同样，点击“其他选项菜单”，选择"打开hosts”。
6、在打开的hosts配置文件中新增一条“127.0.0.1 html.io"解析记录，实现对新项目的域名访问。
至此，WEB服务器真实环境的搭建全部完成。
我们打开浏览器，在地址栏输入“html.io"，可以看到，新网站可以正常访问了。
学习WEB开发，除了搭建环境，在入门时一些必要的基础知识也要熟知。我们用浏览器访问网站，它是如何与服务器连接，我们看到的网页到底什么样的东西呢？这就与以下两个知识点有很大关系。
1、我们用浏览器访问网站，浏览器与服务器之间依靠HTTP协议进行指令请求与数据传输。
HTTP协议：是Hyper Text Transfer Protocol（超文本传输协议）的缩写,是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。HTTP协议工作于客户端-服务端架构为上。浏览器作为HTTP客户端通过URL向HTTP服务端即WEB服务器发送所有请求。Web服务器根据接收到的请求后，向客户端发送响应信息。
2、我们在浏览器里输入网址，浏览器找到服务器后，WEB服务器会将HTML内容返回给浏览器，以完成对网站的访问。
HTML：超文本标记语言(Hyper Text Markup Language)。HTML 不是一种编程语言，而是一种标记语言 (markup language)，是网页制作所必备的。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
基本实现形式如下：
这次学习接触到了PHP前端开发的入门知识，为接下来的学习开了一个好头，弄清了以前不是很了解的一些知识点，比如HOSTS配置文件的作用。它的实现原理是这样的：在浏览器输入网址（域名或URL） ，首先会检测Windows系统里hosts文件的域名解析配置， 如果有记录 ，优先使用配置文件里的 ， 如果没有配置 ，就到域名解析服务器把网址解析成ip地址 ， 然后给ip地址所在的服务器发送请求。
给自己加油！