做有态度的前端团队

网易FEG前端团队

从建站到发布网站

如何编辑网站我就不说了,大家都会的,我主要是讲下如何将网站发布到线上这一系列的步骤(PS:数据库什么的都不考虑,上传最简单的静态页面,其他的留给大家探索)。

第一步:申请空间

我为了给大家演示,我就找了一个免费的空间--主机屋(PS:申请怎样空间看个人需求,平常练练玩玩就申请一个免费的就好,免费的有一个不好的缺点,就是每个月要来网站申请延期,这个比较麻烦的。),其他的知道过程就能举一反三了,进入主机屋:http://www.zhujiwu.com/
下拉就能看下图信息,按箭头指的方向点击,我就选择了第一个演示,如下图。
1-1.png

点击查看详情看到的页面,点击立即开通,如下图。
1-2

之后点击初始化网站!,如下图
1-3.png

初始化后的网空间就是下图显示的样子,之后点击控制面板配置空间(PS:免费延期按钮就在控制面板上面)如下图。
1-4.png

这就是第三步需要发布工具登录的信息,点击密码自己设,如下图。
1-5.png

最后一步:空间绑定域名,控制台从左到右第二栏第二个按钮进入,如下图。
1-6.png

按提示添加了你购买的域名,点击一键解析,如下图服务器生成的cr539.webcname.net.第二步域名解析会用到cr539.webcname.net。
1-7.png

第二步:申请域名及域名解析

我们访问一个网站时候,首先要有网址供你访问,那我们就需要去购买一个域名了; 你会问,我们缺的不是网址吗?为什么不是买网址呢,而是去买域名呢! 域名又是什么鬼。
不急不急,我来跟你解释一下!单独讲域名你肯定比较迷糊,想了解自己也可以百度下,反正我没看懂,网址和域名我串着给你讲,就好理解些。当域名注册成功后,需要根据网址所载信息内容的性质,在域名的前面加上一个具有一定标识意义的字符串,才能构成一个网址。 例如,www.sina.com.cn 是一个网址,其中 www 标识着的服务器是Web服务器,而sina.com.cn 则是域名。所谓域名,其实是互联网中用于解决地址对应问题的一种方法。但是随着Internet的发展,它已经成为"企业的网上商标"。就象所有企业都重视自己产品的商标一样,域名有着同样的价值,例如:IBM公司的域名就是 ibm.com,可口可乐公司的域名就是cocacola.com。
重点来了,我们去哪买域名呢? 很简单,打开页面一搜,一堆的卖域名的,看你自己喜欢选择,建议选择大点的公司购买,更有保障。我就拿我在阿里云购买的过程来说(PS: 我就是怕麻烦,阿里云直接可以用淘宝账号登录,这样就不用重新注册用户了,有种打广告的感觉)。

重点:
一、购买域名:https://wanwang.aliyun.com/?spm=5176.8142029.388261.20.J3SysK ,如下图
2-1.png

通过这个查询你想注册的域名是否可以注册,选定了可以注册的域名就可以下单了(PS:就和淘宝购物一样)我选择了一个国际域名 .com 之前可以不用备案,不知道现在要不要,不过我备案了,选择中国域名.cn是一定要备案的。

二、解析域名
点击图中解析按钮,进入到域名解析页面,,如下图
2-2.png

第一个参数(记录类型):我的服务器是产生的是域名相同的访问效果链接,需要增加CNAME记录,第四个参数(记录值)就填服务器产生的值,如下图。
2-3.png

第二个参数(主机记录):按自己需求填 ,我只是添加了两条常用来访问的,如下图。
2-4.png

第三个参数(解析线路):这个我也不太清楚,就选择了默认。
第四个参数(记录值):是服务器端产生的,和第一个参数关联。

我生成了两个访问方式,如下图:dengzhi.com www.dzhichao.com
2-5.png

第三步:上传网站到服务器

根据空间生成的账号登录到上传网站的软件,在这演示的软件叫FlashFXP 主机屋登录信息那个页面有链接可以直接下载 ,你也可以用8-utf,两个软件用法差不多,不过都没仔细用,只用了上传功能,如下图。
3-1.png

下图左边区域是你本地的文件目录,选中你要上传的网站文件,点击进入文件夹,选中所有文件右键点就传输可以了(注:右边一定要在Web目录里面)。右边是空间目录,我们文件都上传到Web目录里面,点击进入WebWeb目录下删除默认生成的index.html文件,之后上传的文件都放在里面,如下图。
3-2.png

下图为我上传的文件结构,如下图
3-3.png

第四步:浏览页面

访问地址如下:
dzhichao.com
www.dzhichao.com

手机阅读请扫描下方二维码:

添加新评论

ali-40.gifali-41.gifali-42.gifali-43.gifali-44.gifali-45.gifali-46.gifali-47.gifali-48.gifali-49.gifali-50.gifali-51.gifali-52.gifali-53.gifali-54.gifali-55.gifali-56.gifali-57.gifali-58.gifali-59.gifali-60.gifali-61.gif