零基础学网站制作系列教程-01

前言

自从做公众号后，就会经常会遇到读者过来问我，小二，我要做一个网站，需要多少钱，需要怎么开始，需要学习哪些知识，说实话，这样的问题，回答多了，就感觉都是一些重复的知识，然后在对不同的人重复说，所以，我就想，写一个小白都能明白的零基础教程，而对于那些有基础的牛人可以直接跳过。

其实，促使我写这个教程的还有一个原因，发现，现在关注我的读者，居然还有在读高中生，也有很大一部分是非程序员，以及在校的大学生等等，可能很多还是非计算机专业的学生。

而他们都有一个共同的特点，零基础，想自学不知道怎么开始，所以就有了今天这篇文章，如果你也是一个想通过自学来做一个属于自己网站的人，也请你看过来。

而对于已经是程序员的同行们来讲，这个都是非常简单的事情，你可以完全跳过。

而我的这个教程，就是写给那些零基础的读者朋友们看的，以及未来想入行前端这个行业的朋友。

好了，我们现在开始进入正题。

01、网站开发与制作的基本流程包括哪些步骤？

关于这个，其实，我之前在《手把手教你从零开始WordPress建站》一文中，也有提到过，当时，我刚好在用wordpress建一个企业网站，那时候，也是第一次用wordpress去建站，其实，要用wordpress建站，这个是针对有点HTML，CSS基础的人，而今天针对的人，是完全没有任何基础的人群，有基础的可以跳过。

总的来讲，做一个网站大致需要以下几个步骤来完成：

第一步，申请购买网站域名。

第二步，申请购买网站虚拟空间（主机）。

第三步，将网站域名与空间进行绑定。

第四步，上传网站程序文件，通过域名进行直接访问。

02、什么是网站域名，哪里可以购买？

简单的讲，网站域名，其实就是我们网站的IP地址，那什么是IP地址呢？IP地址，就像我们每个人的身份证号码一样，我们每个人都有一个自己的身份证号码，与其他人进行区别，而网站域名就像我们每个人的名字一样。也是为了跟别人区别，同时也为了方便记忆。

我们要记住一个人，肯定是先记住他的姓名，这样比较方便，而不是先记住他的身份证号码，再说了，很多人估计连自己的身份证号码都记不住吧，而且身份证号码也是比较私人的信息。也不便于对别人讲。

当然，我们的名字，因为姓氏关系，会有很多重复的姓名，但是网站域名，是没有重复的，网站域名是唯一性的。

总之，一句话，网站域名是像人名一样，好记，不可重复。IP地址就像人的身份证号码，难记，也不可重复。

网站域名具有唯一性，不可重复，就是别人已经注册购买的域名，你是不可以再购买的，像我购买的www.yangxiaoer.net，这个是我的个人域名，我已经购买了，你是没有办法再购买这个域名的。

对于购买域名，大家可以到中国万维网（http://www./）或者万网（https://wanwang.aliyun.com/）去申请购买。

推荐选择.com的域名，像我的个人域名：www.yangxiaoer.net这个域名，就是在中国万维网购买的，也不贵，一年几十块钱，域名都是按年付费的。

03、什么是网站虚拟空间，哪里里可以购买？

其实，网站空间也可以叫作网站服务器，就是用来存放网站程序文件的线上空间站，这个就好比，我们的移动硬盘，U盘，这类东西，你现在不用太纠结这个东西。

而网站服务器，其实还分为国内服务器，与国外服务器。

国内服务器，主要有BAT这几家，当然中国万维网也有服务器出售，购买国内服务器，还需要进行服务器备案，这个是中国工信部规定，这个中间是有点麻烦，但是，还是根据自己需求来，像我的www.yangxiaoer.net，这个采用的就是国外服务器，没有经过备案，因为我只是用来写教程使用的站点。

而国外服务器，就比较多了，像美国主机的，这些都是可以免备案的，而我购买的就是香港那边的主机，这个也是可以免备案的服务器。如果你想购买国外服务器，用来学习的话，你可以到我们的公众号的菜单栏【学习资源】-【建站必备】里面去了解一下，我们的国外服务器。

我的这个www.yangxiaoer.net这个站点，采用的就是香港II型这个虚拟主机，免备案的香港主机。

04、域名解析与域名绑定

域名解析，这个可以到你购买的域名服务商那里，登录域名商的后台界面就可以进行操作了。

我是在中国万维网（www.）购买的域名。，登录域名商后台以后，找到【域名管理】，选择需要解析的域名，然后点击【管理】，就会进入到管理界面，里面会有【域名解析】这个按钮，然后对其进行解析到你对应的服务器主机地址。

完成域名解析以后，你还需要登录你购买的服务器供应商的后台，对其域名进行绑定，如果你是购买的时候我们这边的服务器的话，这个我可以直接一步一步告诉你怎么做。

如果你有什么问题，你也可以加我的微信号，web_xiaoer。进行咨询。仅限购买我们服务器的朋友，对于不是我们这边服务器的小伙伴，暂时不提供域名绑定方面的咨询，因为你可以到你的购买服务器的服务商那里获取咨询。

05、网站程序文件与FTP上传工具

当你前面工作都准备好了，现在接下来就是将你的网站程序文件，怎么上传到你的网站服务器上，在这里，我们就需要借助一个上传工具，FTP上传工具，这个工具，可以到下面地址直接

解压安装完FTP工具后，你打开FTP软件，你就会看到如下界面：

而地址域URL，用户名称，密码这些信息，你的空间服务商都会提供给你，只要输入无误的话，点击连接，就可以连接到你的服务器上了。

接着，就可以选择你的网站程序文件进行全部上传，等到上传完成后，就可以通过域名进行访问你的网站了。

如下就是www.yangxiaoer.net,这个网站的程序文件。左边是本地文件，右边是服务器上的文件。

目前，文件已经上传了，现在可以通过www.yangxiaoer.net这个域名进行访问了。打开www.yangxiaoer.net这个域名，我们看到的页面内容如下：

是不是非常简单？今天的内容我不知道大家是否学会了？

当然，这个是我在网上下载的一个网站模板，只是为了今天的文章内容做素材使用的，如果你也想要的话，可以到下面地址直接获取这个网站的程序文件，网站程序文件地址如下：

如果你也想学做一个网站，并且没有一点基础的话，那你就跟着我的教程一步一步来吧。

好了，今天的内容就讲到这里，下节将讲述一些网站制作需要的工具与HTML方面的知识。

今天内容，如果有什么不明白的地方，可以在留言区给我留言，我们一起交流学习。

这里是【web前端开发】，我是杨小二，web前端开发公众号的创建者，是一名前端开发者与平面/UI设计师。