【干货】零云网络工程师手把手教你怎样把制作好的静态网站发布到互联网上

avatar
作者
筋斗云
阅读量:11

一、前言

小编最近经常被问到一个问题:我把网站制作好了,怎样才能让别人通过互联网看到呢?

说实话,这是一个困扰着很多人的问题,特别是在校大学生,他们往往在课堂上学习到了如何制作网站,却没人教他们如何把这些网站发布到互联网上,最后,煞费苦心制作出来的网站只能在本地计算机上孤芳自赏。

很多人可能会觉得,把网站发布到互联网上是一件很复杂的事情,很难做好,但小编可以告诉大家:其实一点都不难。

如果你的网站只是一个静态网页,那么你发布这个网站是一件很简单的事情,因为静态网站纯粹由HTML制作,没有数据库,无需在服务器中安装其他的框架,所以,本期的教程我们先来学习如何把静态网站发布到互联网上面去。

二、我们需要准备什么

1、已经制作完成的静态网站;

2、一个淘宝账号;

3、一个可用于支付的支付宝。

PS:阿里云有个“云翼计划”,只要是在校大学生,都可以享受9.9元/月的ECS云服务器租用价格,所以我们可以先利用这个廉价的服务器进行学习。

三、发布步骤

第一步:在阿里云租用ECS云服务器

1、进入“阿里云万网”网站(),选择产品-弹性计算-云服务器ECS

bgp多线机房租用服务价格_万网云服务器租用价格_阿里云独立服务器租用价格

2、点击“学生专享价 ¥9.9元/月”

bgp多线机房租用服务价格_阿里云独立服务器租用价格_万网云服务器租用价格

3、进入“阿里云云翼计划”的页面,下拉看见ECS云服务器的学生特惠,购买这个服务器,关于操作系统,这里我们选择“Windows Server 2012 R2 数据中心版64位中文版”。购买前,需要先登录阿里云账号(与淘宝账号一致),并完成实名认证和学生认证。

阿里云独立服务器租用价格_bgp多线机房租用服务价格_万网云服务器租用价格

万网云服务器租用价格_阿里云独立服务器租用价格_bgp多线机房租用服务价格

4、购买成功后,我们点击网站上方的“管理控制台”,进入管理控制页面

5、我们可以看到,我们已经拥有了一个ECS云服务器,我们点击“弹性计算”下的ECS云服务器

bgp多线机房租用服务价格_万网云服务器租用价格_阿里云独立服务器租用价格

6、点击“概览”下面的“实例”,我们进入实例的列表,这里我们可以看到我们拥有的这台ECS云服务器

bgp多线机房租用服务价格_阿里云独立服务器租用价格_万网云服务器租用价格

第二步:配置我们的Windows Server

1、下面我们开始配置我们的服务器,我们点击后面的“管理”,选择“连接管理终端”

万网云服务器租用价格_阿里云独立服务器租用价格_bgp多线机房租用服务价格

2、点击左上方的“发送远程命令”-“连接管理终端”,输入购买服务器时所给你的管理终端密码

万网云服务器租用价格_bgp多线机房租用服务价格_阿里云独立服务器租用价格

万网云服务器租用价格_bgp多线机房租用服务价格_阿里云独立服务器租用价格

3、连接成功后,我们进入到了Windows Server 2012 R2的服务器里,Windows Server需要交互式登录,我们需要按Ctrl+Alt+ Delete才能登录服务器,但是如果我们直接在键盘上按Ctrl+Alt+Delete,是无法作用到云服务器上的,所以我们点击左上方的“发送远程命令”-“Ctrl+Alt+Delete”

bgp多线机房租用服务价格_阿里云独立服务器租用价格_万网云服务器租用价格

4、通过交互式登录后,这里我们输入购买云服务器时所设置的管理员密码(非管理终端密码),登录服务器

万网云服务器租用价格_bgp多线机房租用服务价格_阿里云独立服务器租用价格

5、服务器登录成功,等待Windows自动激活后,点击左下角的图标,召出“服务器管理器”,并选择“添加角色和功能”

bgp多线机房租用服务价格_万网云服务器租用价格_阿里云独立服务器租用价格

6、这是“添加角色和功能”的向导,直接点击下一步,如果觉得此页无作用,也可以勾选“默认情况下将跳过此页”

阿里云独立服务器租用价格_万网云服务器租用价格_bgp多线机房租用服务价格

7、选择“基于角色或基于功能的安装”,点击下一步

bgp多线机房租用服务价格_阿里云独立服务器租用价格_万网云服务器租用价格

8、这里是选择安装角色的服务器,服务器我们就只有一个,哪还有得选?直接下一步

阿里云独立服务器租用价格_万网云服务器租用价格_bgp多线机房租用服务价格

9、我们需要添加的角色是“Web服务器(IIS)”,所以我们勾选此项

阿里云独立服务器租用价格_万网云服务器租用价格_bgp多线机房租用服务价格

10、在弹出的窗体上,选择“添加功能”

阿里云独立服务器租用价格_万网云服务器租用价格_bgp多线机房租用服务价格

11、点击下一步

阿里云独立服务器租用价格_万网云服务器租用价格_bgp多线机房租用服务价格

12、进入“选择功能”的页面,如无特殊需求,这里我们也直接点击下一步

bgp多线机房租用服务价格_万网云服务器租用价格_阿里云独立服务器租用价格

13、这是IIS服务器的介绍页面,点击下一步

阿里云独立服务器租用价格_bgp多线机房租用服务价格_万网云服务器租用价格

14、又到了关键的步骤了,这里是选择添加角色功能的页面,由于我们需要把网站上传到这个服务器上,也方便日后网站内容的修改,所以我们这里选择添加FTP的功能,勾选FTP的三个功能,点击下一步

bgp多线机房租用服务价格_万网云服务器租用价格_阿里云独立服务器租用价格

15、这里是角色添加的确认页面,确认无误后,点击安装,开始安装角色功能

万网云服务器租用价格_阿里云独立服务器租用价格_bgp多线机房租用服务价格

16、IIS安装完毕后,现在我们应该就可以通过在浏览器上输入服务器的IP地址(在实例列表中,公网地址)来访问我们的IIS服务器了,这里我们看到的是IIS的默认页面,这是因为我们还没有把自己的网站放上去

阿里云独立服务器租用价格_bgp多线机房租用服务价格_万网云服务器租用价格

17、我们回到服务器上,点击服务器管理器的“工具”-“Internet信息服务(IIS)管理器”

万网云服务器租用价格_bgp多线机房租用服务价格_阿里云独立服务器租用价格

18、展开这个服务器,我们可以看到下面有个“网站”,为避免冲突,我们先删除默认的网站“Default Web Site”,右键点击删除即可

bgp多线机房租用服务价格_阿里云独立服务器租用价格_万网云服务器租用价格

19、我们右击“网站”-“添加网站...”,进入添加网站的页面,首先我们输入网站的名称,这个可以随便写,因为仅仅只有你自己能看见的名称,这里我输入自己的名字“SkyMine”

万网云服务器租用价格_bgp多线机房租用服务价格_阿里云独立服务器租用价格

20、接着,我们为这个网站选择在服务器上的储存目录,这里我选择了“C:\inetpub\wwwroot”,这是Windows默认的网站储存目录,我在这个目录下新建了一个文件夹“SkyMine”,作为我的网站的储存目录

阿里云独立服务器租用价格_bgp多线机房租用服务价格_万网云服务器租用价格

阿里云独立服务器租用价格_bgp多线机房租用服务价格_万网云服务器租用价格

21、IP地址我们指定为服务器的公网IP地址,这个IP地址可以在实例列表中找到,随后点击确定

bgp多线机房租用服务价格_阿里云独立服务器租用价格_万网云服务器租用价格

22、现在我们的网站就建立成功了,但是我们在浏览器中输入服务器的IP地址,是会提示403错误的,原因是因为我们这个网站是空白的,默认网站也已经删除

阿里云独立服务器租用价格_bgp多线机房租用服务价格_万网云服务器租用价格

23、为了把我们自己的网站放到服务器上,现在我们就要开始配置FTP站点了,我们右击“网站”,选择“添加FTP站点”

万网云服务器租用价格_bgp多线机房租用服务价格_阿里云独立服务器租用价格

24、“FTP站点名称”依然可以随便填,但不能与网站名称相同,内容目录的物理路径必须选择与网站储存目录相同的路径,确认无误后点击下一步

bgp多线机房租用服务价格_万网云服务器租用价格_阿里云独立服务器租用价格

25、“IP地址”我们选择自己的公网IP,SSL选项我们选择“无SSL”,点击下一步

万网云服务器租用价格_bgp多线机房租用服务价格_阿里云独立服务器租用价格

26、按照图中设置,指定用户的用户名是“Administrator”,切勿写错,随后点击确认

bgp多线机房租用服务价格_阿里云独立服务器租用价格_万网云服务器租用价格

27、现在,FTP服务器已经建立成功了,我们在自己的电脑上访问这个FTP服务器,地址是ftp://公网IP

28、FTP请求用户名和密码,用户刚刚我们已经设置了,指定只有“Administrator”能访问,密码是大家的服务器管理员密码(非管理终端密码)

bgp多线机房租用服务价格_阿里云独立服务器租用价格_万网云服务器租用价格

29、登录成功后,我们就进入了自己的FTP服务器了,你所在的目录也是网站的储存目录,所以,我们可以在这里上传自己的网站

bgp多线机房租用服务价格_阿里云独立服务器租用价格_万网云服务器租用价格

第三步:上传已制作完成的网站

1、在登录成功的FTP服务器上,把自己已经制作完成的网站完完整整地复制进去

阿里云独立服务器租用价格_万网云服务器租用价格_bgp多线机房租用服务价格

2、现在,我们的网站就已经上传成功了,在浏览器上访问自己服务器的IP地址,就可以访问到自己的网站啦

阿里云独立服务器租用价格_万网云服务器租用价格_bgp多线机房租用服务价格

很多同学应该会问,为什么我们要输入服务器的IP地址,才能访问自己的网站呢,这样别人访问我们的网站不会很不方便吗?

确实,很不方便,这是因为你还没有拥有域名,当你拥有域名以后,你就可以像百度那样,访问域名,就可以访问到网站了,那么,我们究竟如何拥有一个自己的域名呢,当拥有域名以后,我们又如何操作才能让别人通过域名访问我们的网站呢。

接下来,我们就要教大家如何拥有一个自己的域名,并且使别人访问你的域名的时候就能看到你的网站。

第四步:购买一个域名并指向网站所在服务器

1、访问阿里云万网,在首页可见到域名搜索栏,在这里,你可以输入你想要注册的域名,点击查域名就可以查到你的域名是否被注册等等信息

阿里云独立服务器租用价格_bgp多线机房租用服务价格_万网云服务器租用价格

阿里云独立服务器租用价格_bgp多线机房租用服务价格_万网云服务器租用价格

2、为了给大家真切的演示,小编在这里真实地注册一个域名,由于是演示,所以我们选个较为便宜的域名“Skymine.site”,点击加入清单,并在右侧的域名清单处,点击“去结算”

bgp多线机房租用服务价格_万网云服务器租用价格_阿里云独立服务器租用价格

3、进入确认订单的页面,我们可以看到在域名的下面,有一个“云解析”的服务,这是域名解析的必要服务,所以我们点击“加入购物车”

万网云服务器租用价格_bgp多线机房租用服务价格_阿里云独立服务器租用价格

4、“域名所有者”选择为“个人”,并且创建新的信息模板,因为小编以前购买过域名,所以这里会有历史记录,没购买过域名,就要填写信息了

bgp多线机房租用服务价格_万网云服务器租用价格_阿里云独立服务器租用价格

阿里云独立服务器租用价格_bgp多线机房租用服务价格_万网云服务器租用价格

5、点击立即购买,会进入支付页面,自行支付即可

bgp多线机房租用服务价格_万网云服务器租用价格_阿里云独立服务器租用价格

bgp多线机房租用服务价格_万网云服务器租用价格_阿里云独立服务器租用价格

6、进入管理控制台,点击左侧菜单栏的“云解析”,我们会看到已经购买了的域名,这里我选择刚刚注册的skymine.site,点击后面的“解析”按钮

bgp多线机房租用服务价格_阿里云独立服务器租用价格_万网云服务器租用价格

7、现在我们进入了“域名控制台”,我们点击“立即设置”

阿里云独立服务器租用价格_万网云服务器租用价格_bgp多线机房租用服务价格

8、在这里输入上面已经配置好的ECS云服务器的公网IP地址,并点击提交

万网云服务器租用价格_bgp多线机房租用服务价格_阿里云独立服务器租用价格

9、域名指向成功,现在DNS服务器上,已经把我们的域名解析成我们的服务器IP地址了

阿里云独立服务器租用价格_万网云服务器租用价格_bgp多线机房租用服务价格

10、现在我们在浏览器输入我们的域名“”或者skymine.site,就可以访问我们的网站了

bgp多线机房租用服务价格_万网云服务器租用价格_阿里云独立服务器租用价格

哎~这篇教程是傻瓜式教程,各个步骤十分详尽,希望大家在这篇文章中,能学会如何把网站发布到互联网上吧,不说了,3000多字码得小编都要哭了,饭都凉了,容我先吃个饭压压惊~

如果觉得这篇文章有用,请转发给需要的朋友哦,如果对这篇文章有任何疑问,欢迎大家在文章下方留言,小编会一一解答的。

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!