如何建立一个网站,可用互联网访问?(原创详细教程)

总体需要准备的东西:

  1. web服务器/虚拟主机。

  1. 域名。

  1. 网页源码。

  1. FTP上传下载工具。

  1. 数据库管理软件。(若搭建静态网站则不需要)

注:在此过程中,重点需要将域名解析到服务器,服务器与域名绑定。


详细教程如下:

以阿里云为例。

第一步:登录阿里云官方网站,注册一个账号,完善个人资料。

如何建立一个网站,可用互联网访问?(原创详细教程)_第1张图片

第二步

1.在其官网搜索栏搜索“云虚拟主机”。

如何建立一个网站,可用互联网访问?(原创详细教程)_第2张图片

2.然后机房选择香港地区(香港地区的服务器暂时免备案),产品选最便宜的独享经济增强版即可,操作系统选择Linux,然后购买。

如何建立一个网站,可用互联网访问?(原创详细教程)_第3张图片

第三步

1.在官网搜索栏搜索“域名注册”,然后点击进入。

如何建立一个网站,可用互联网访问?(原创详细教程)_第4张图片

2.搜索一个喜欢的域名,要没有被注册的,然后选择注册。(.top后缀的域名会比其他域名便宜一点)

如何建立一个网站,可用互联网访问?(原创详细教程)_第5张图片

第三步:将域名解析到服务器、将服务器与域名绑定、设置FTP连接密码。

1.将域名解析到服务器。

(1)在官网中点击“控制台”并进入。

如何建立一个网站,可用互联网访问?(原创详细教程)_第6张图片

(2)在搜索栏搜索”域名“,并点击进入。

如何建立一个网站,可用互联网访问?(原创详细教程)_第7张图片

(3)在左方选择”域名列表“,

如何建立一个网站,可用互联网访问?(原创详细教程)_第8张图片

(4)在下方全部域名中可以看到刚才购买的域名,然后点击“解析“。

如何建立一个网站,可用互联网访问?(原创详细教程)_第9张图片

(5)在右方选择添加记录。

如何建立一个网站,可用互联网访问?(原创详细教程)_第10张图片

(6)添加一条A记录(以www+域名形式访问),如下图。完成后点击“确认”。

如何建立一个网站,可用互联网访问?(原创详细教程)_第11张图片

注意:虚拟主机的公网IP地址查看方法如下。

(6.1)在搜索栏搜索“云虚拟主机”并点击进入。

如何建立一个网站,可用互联网访问?(原创详细教程)_第12张图片

(6.2)在下方全部主机中可以看到刚才购买的虚拟主机,然后复制对应显示的IP地址即可。

如何建立一个网站,可用互联网访问?(原创详细教程)_第13张图片

2.将服务器与域名绑定。

(1)在官网中点击“控制台”并进入。

如何建立一个网站,可用互联网访问?(原创详细教程)_第14张图片

(2)在搜索栏搜索“云虚拟主机”并点击进入。

如何建立一个网站,可用互联网访问?(原创详细教程)_第15张图片

(3)在下方全部主机中可以看到刚才购买的虚拟主机,然后点击“管理“。

如何建立一个网站,可用互联网访问?(原创详细教程)_第16张图片

(4)在左边选择“域名绑定”。

如何建立一个网站,可用互联网访问?(原创详细教程)_第17张图片

(5)在右边选择“绑定域名”。

如何建立一个网站,可用互联网访问?(原创详细教程)_第18张图片

(6)在下拉列表中选择刚才解析到本虚拟主机的域名,然后确定。(如下图)

如何建立一个网站,可用互联网访问?(原创详细教程)_第19张图片

3.设置FTP连接密码。(将本地编写好的网页源代码或素材以及文件等上传到服务器,最常用的是通过FTP登录传输)

(1)在左侧选择“站点信息”。

如何建立一个网站,可用互联网访问?(原创详细教程)_第20张图片

(2)重置FTP密码,然后记下FTP登录用户名和FTP登录地址。

如何建立一个网站,可用互联网访问?(原创详细教程)_第21张图片

注:若需要用到数据库的动态网站,可自行研究设置。

第四步:下载FTP客户端软件,远程连接服务器。这里以filezilla为例。

如何建立一个网站,可用互联网访问?(原创详细教程)_第22张图片
  1. 打开filezilla,输入刚才记下的FTP登录主机地址、FTP登录用户名、密码。

注:端口默认为21或22

如何建立一个网站,可用互联网访问?(原创详细教程)_第23张图片

2.连接成功后会显示服务器上的文件夹。(如下图)

如何建立一个网站,可用互联网访问?(原创详细教程)_第24张图片

第五步:上传网页源代码到服务器的网站根目录(这里根目录指的是htdocs)。

网页源文件:

如何建立一个网站,可用互联网访问?(原创详细教程)_第25张图片

如何建立一个网站,可用互联网访问?(原创详细教程)_第26张图片
  1. 将网页源文件带文件夹上传到服务器的网站根目录(这里根目录指的是htdocs)。

先进入根目录(这里根目录指的是htdocs),将文件夹拖动到该窗口,即表示将拖动的文件上传到该文件夹里(htdocs)。

如何建立一个网站,可用互联网访问?(原创详细教程)_第27张图片

注:

(1)将网页源文件带文件夹上传到服务器的网站根目录,需要通过 www.域名+文件目录 访问;

(2)只将文件夹下所有文件上传到服务器的网站根目录,直接可用 www.域名 访问。

第六步:通过浏览器访问(以 www.域名+文件目录的形式)。

如何建立一个网站,可用互联网访问?(原创详细教程)_第28张图片

这样别人就可以通过互联网访问到你搭建的网站了。

你可能感兴趣的:(前端,前端)