前言
自從做公眾號后，就會經(jīng)常會遇到讀者過來問我，小二，我要做一個(gè)網(wǎng)站，需要多少錢，需要怎么開始，需要學(xué)習(xí)哪些知識，說實(shí)話，這樣的問題，回答多了，就感覺都是一些重復(fù)的知識，然后在對不同的人重復(fù)說，所以，我就想，寫一個(gè)小白都能明白的零基礎(chǔ)教程，而對于那些有基礎(chǔ)的牛人可以直接跳過。
其實(shí)，促使我寫這個(gè)教程的還有一個(gè)原因，發(fā)現(xiàn)，現(xiàn)在關(guān)注我的讀者，居然還有在讀高中生，也有很大一部分是非程序員，以及在校的大學(xué)生等等，可能很多還是非計(jì)算機(jī)專業(yè)的學(xué)生。
而他們都有一個(gè)共同的特點(diǎn)，零基礎(chǔ)，想自學(xué)不知道怎么開始，所以就有了今天這篇文章，如果你也是一個(gè)想通過自學(xué)來做一個(gè)屬于自己網(wǎng)站的人，也請你看過來。
而對于已經(jīng)是程序員的同行們來講，這個(gè)都是非常簡單的事情，你可以完全跳過。
而我的這個(gè)教程，就是寫給那些零基礎(chǔ)的讀者朋友們看的，以及未來想入行前端這個(gè)行業(yè)的朋友。
好了，我們現(xiàn)在開始進(jìn)入正題。
01、網(wǎng)站開發(fā)與制作的基本流程包括哪些步驟？
關(guān)于這個(gè)，其實(shí)，我之前在《手把手教你從零開始WordPress建站》一文中，也有提到過，當(dāng)時(shí)，我剛好在用wordpress建一個(gè)企業(yè)網(wǎng)站，那時(shí)候，也是第一次用wordpress去建站，其實(shí)，要用wordpress建站，這個(gè)是針對有點(diǎn)HTML，CSS基礎(chǔ)的人，而今天針對的人，是完全沒有任何基礎(chǔ)的人群，有基礎(chǔ)的可以跳過。
總的來講，做一個(gè)網(wǎng)站大致需要以下幾個(gè)步驟來完成：
第一步，申請購買網(wǎng)站域名。
第二步，申請購買網(wǎng)站虛擬空間（主機(jī)）。
第三步，將網(wǎng)站域名與空間進(jìn)行綁定。
第四步，上傳網(wǎng)站程序文件，通過域名進(jìn)行直接訪問。
02、什么是網(wǎng)站域名，哪里可以購買？
簡單的講，網(wǎng)站域名，其實(shí)就是我們網(wǎng)站的IP地址，那什么是IP地址呢？IP地址，就像我們每個(gè)人的身份證號碼一樣，我們每個(gè)人都有一個(gè)自己的身份證號碼，與其他人進(jìn)行區(qū)別，而網(wǎng)站域名就像我們每個(gè)人的名字一樣。也是為了跟別人區(qū)別，同時(shí)也為了方便記憶。
我們要記住一個(gè)人，肯定是先記住他的姓名，這樣比較方便，而不是先記住他的身份證號碼，再說了，很多人估計(jì)連自己的身份證號碼都記不住吧，而且身份證號碼也是比較私人的信息。也不便于對別人講。
當(dāng)然，我們的名字，因?yàn)樾帐详P(guān)系，會有很多重復(fù)的姓名，但是網(wǎng)站域名，是沒有重復(fù)的，網(wǎng)站域名是唯一性的。
總之，一句話，網(wǎng)站域名是像人名一樣，好記，不可重復(fù)。IP地址就像人的身份證號碼，難記，也不可重復(fù)。
網(wǎng)站域名具有唯一性，不可重復(fù)，就是別人已經(jīng)注冊購買的域名，你是不可以再購買的，像我購買的www.yangxiaoer.net，這個(gè)是我的個(gè)人域名，我已經(jīng)購買了，你是沒有辦法再購買這個(gè)域名的。
對于購買域名，大家可以到中國萬維網(wǎng)（http://www.szhot.com/）或者萬網(wǎng)（https://wanwang.aliyun.com/）去申請購買。
推薦選擇.com的域名，像我的個(gè)人域名：www.yangxiaoer.net這個(gè)域名，就是在中國萬維網(wǎng)購買的，也不貴，一年幾十塊錢，域名都是按年付費(fèi)的。
03、什么是網(wǎng)站虛擬空間，哪里里可以購買？
其實(shí)，網(wǎng)站空間也可以叫作網(wǎng)站服務(wù)器，就是用來存放網(wǎng)站程序文件的線上空間站，這個(gè)就好比，我們的移動硬盤，U盤，這類東西，你現(xiàn)在不用太糾結(jié)這個(gè)東西。
而網(wǎng)站服務(wù)器，其實(shí)還分為國內(nèi)服務(wù)器，與國外服務(wù)器。
國內(nèi)服務(wù)器，主要有BAT這幾家，當(dāng)然中國萬維網(wǎng)也有服務(wù)器出售，購買國內(nèi)服務(wù)器，還需要進(jìn)行服務(wù)器備案，這個(gè)是中國工信部規(guī)定，這個(gè)中間是有點(diǎn)麻煩，但是，還是根據(jù)自己需求來，像我的www.yangxiaoer.net，這個(gè)采用的就是國外服務(wù)器，沒有經(jīng)過備案，因?yàn)槲抑皇怯脕韺懡坛淌褂玫恼军c(diǎn)。
而國外服務(wù)器，就比較多了，像美國主機(jī)的，這些都是可以免備案的，而我購買的就是香港那邊的主機(jī)，這個(gè)也是可以免備案的服務(wù)器。如果你想購買國外服務(wù)器，用來學(xué)習(xí)的話，你可以到我們的公眾號的菜單欄【學(xué)習(xí)資源】-【建站必備】里面去了解一下，我們的國外服務(wù)器。
我的這個(gè)www.yangxiaoer.net這個(gè)站點(diǎn)，采用的就是香港II型這個(gè)虛擬主機(jī)，免備案的香港主機(jī)。
04、域名解析與域名綁定
域名解析，這個(gè)可以到你購買的域名服務(wù)商那里，登錄域名商的后臺界面就可以進(jìn)行操作了。
我是在中國萬維網(wǎng)（www.szhot.com）購買的域名。，登錄域名商后臺以后，找到【域名管理】，選擇需要解析的域名，然后點(diǎn)擊【管理】，就會進(jìn)入到管理界面，里面會有【域名解析】這個(gè)按鈕，然后對其進(jìn)行解析到你對應(yīng)的服務(wù)器主機(jī)地址。
完成域名解析以后，你還需要登錄你購買的服務(wù)器供應(yīng)商的后臺，對其域名進(jìn)行綁定，如果你是購買的時(shí)候我們這邊的服務(wù)器的話，這個(gè)我可以直接一步一步告訴你怎么做。
如果你有什么問題，你也可以加我的微信號，web_xiaoer。進(jìn)行咨詢。僅限購買我們服務(wù)器的朋友，對于不是我們這邊服務(wù)器的小伙伴，暫時(shí)不提供域名綁定方面的咨詢，因?yàn)槟憧梢缘侥愕馁徺I服務(wù)器的服務(wù)商那里獲取咨詢。
05、網(wǎng)站程序文件與FTP上傳工具
當(dāng)你前面工作都準(zhǔn)備好了，現(xiàn)在接下來就是將你的網(wǎng)站程序文件，怎么上傳到你的網(wǎng)站服務(wù)器上，在這里，我們就需要借助一個(gè)上傳工具，F(xiàn)TP上傳工具，這個(gè)工具，可以到下面地址直接
解壓安裝完FTP工具后，你打開FTP軟件，你就會看到如下界面：
而地址域URL，用戶名稱，密碼這些信息，你的空間服務(wù)商都會提供給你，只要輸入無誤的話，點(diǎn)擊連接，就可以連接到你的服務(wù)器上了。
接著，就可以選擇你的網(wǎng)站程序文件進(jìn)行全部上傳，等到上傳完成后，就可以通過域名進(jìn)行訪問你的網(wǎng)站了。
如下就是www.yangxiaoer.net,這個(gè)網(wǎng)站的程序文件。左邊是本地文件，右邊是服務(wù)器上的文件。
目前，文件已經(jīng)上傳了，現(xiàn)在可以通過www.yangxiaoer.net這個(gè)域名進(jìn)行訪問了。打開www.yangxiaoer.net這個(gè)域名，我們看到的頁面內(nèi)容如下：
是不是非常簡單？今天的內(nèi)容我不知道大家是否學(xué)會了？
當(dāng)然，這個(gè)是我在網(wǎng)上下載的一個(gè)網(wǎng)站模板，只是為了今天的文章內(nèi)容做素材使用的，如果你也想要的話，可以到下面地址直接獲取這個(gè)網(wǎng)站的程序文件，網(wǎng)站程序文件地址如下：
如果你也想學(xué)做一個(gè)網(wǎng)站，并且沒有一點(diǎn)基礎(chǔ)的話，那你就跟著我的教程一步一步來吧。
好了，今天的內(nèi)容就講到這里，下節(jié)將講述一些網(wǎng)站制作需要的工具與HTML方面的知識。
今天內(nèi)容，如果有什么不明白的地方，可以在留言區(qū)給我留言，我們一起交流學(xué)習(xí)。
這里是【web前端開發(fā)】，我是楊小二，web前端開發(fā)公眾號的創(chuàng)建者，是一名前端開發(fā)者與平面/UI設(shè)計(jì)師。
