前面第一部分的教程結(jié)束了，很多朋友都催著寫后面的教程，可是，學(xué)哥也要上班的，也要養(yǎng)家糊口的，所以只能業(yè)務(wù)時間進(jìn)行創(chuàng)作，因此更新時間上可能無法保證很及時，請各位朋友們多多諒解。學(xué)哥也爭取寫的更詳細(xì)一些，方便很多零基礎(chǔ)的同學(xué)能夠跨過第一個門檻，從而進(jìn)入編程的美妙世界。
教程規(guī)劃
第二部分：html+css靜態(tài)網(wǎng)站和阿里云上線
學(xué)習(xí)做網(wǎng)站程序，學(xué)習(xí)html構(gòu)造網(wǎng)頁內(nèi)容布局，css來控制網(wǎng)頁顯示效果
學(xué)會做好自己的個人簡歷網(wǎng)站，學(xué)習(xí)如何設(shè)計，開發(fā)，測試網(wǎng)頁
學(xué)會在本地運(yùn)行網(wǎng)頁，以及如何將網(wǎng)站部署到阿里云
詳細(xì)說明一下規(guī)劃：
首先介紹一些網(wǎng)站基礎(chǔ)原理，將一個網(wǎng)站如何訪問的原理說明清楚
然后讓大家了解一個最簡單的helloworld網(wǎng)頁是如何一行一行寫出來，并可以呈現(xiàn)在瀏覽器中
再接著就是介紹關(guān)于html當(dāng)中的各種各樣的標(biāo)簽，具體的用法
然后以完成一個個人簡歷網(wǎng)站為實際例子來做講解說明
逐漸一個一個頁面的完成整個網(wǎng)站的設(shè)計，開發(fā)，部署
同時引入css將整個網(wǎng)站進(jìn)行美化和優(yōu)化，看起來更美觀
詳細(xì)講解css一些常用的標(biāo)簽屬性參數(shù)等等
最后是將完成的網(wǎng)站部署到公網(wǎng)上
具體要說明如何在阿里云購買一個服務(wù)器，并安裝一些必要的服務(wù)器軟件
然后將代碼部署上去，如何進(jìn)行網(wǎng)站測試
最后說明如何在阿里云購買一個域名，并進(jìn)行域名備案，然后將域名解析到對應(yīng)的服務(wù)器
最后通過瀏覽器測試部署好的網(wǎng)站，完成整個項目
當(dāng)然，系列課程少不了練習(xí)題目，練習(xí)題目就是模仿實現(xiàn)一個真實的公司網(wǎng)站，如下圖：
什么是網(wǎng)站
網(wǎng)站的概念，絕大多數(shù)人應(yīng)該都理解。在電腦或者手機(jī)上，打開一個瀏覽器軟件或者App，然后在地址欄中輸入一個網(wǎng)站地址，例如www.toutiao.com，然后輸入回車，就可以看到網(wǎng)站的內(nèi)容了。
網(wǎng)站都有哪些概念或者元素呢？用下面這個圖來描述一個經(jīng)典的網(wǎng)站概念：
下面，我們按照交互次序來解釋對應(yīng)的概念。
1.客戶端系統(tǒng)
要訪問一個網(wǎng)站，一般是在某個操作系統(tǒng)里面訪問，那這個操作系統(tǒng)一般在某個硬件設(shè)備上。
例如可以是一個臺式機(jī)安裝了蘋果系統(tǒng)，也可以是一個筆記本安裝了windows系統(tǒng)，還可以是一個手機(jī)安裝的是安卓系統(tǒng)或者蘋果手機(jī)系統(tǒng)。
一個經(jīng)典的例子是一個筆記本安裝了Windows 7操作系統(tǒng)：
2.瀏覽器軟件
訪問網(wǎng)站，一般都是通過瀏覽器。
瀏覽器軟件常用的比如windows里面的IE, 或者chrome ，或者Firefox，或者蘋果系統(tǒng)里面的safari瀏覽器。
瀏覽器軟件有很多種，不同的瀏覽器軟件都必須遵循一定的規(guī)范，這樣可以讓網(wǎng)站在不同的瀏覽器中都能正常顯示，但是也有很多瀏覽器會有自己定義的一些規(guī)范，碰到這種規(guī)范就一定要小心，要正確盡量使用標(biāo)準(zhǔn)的規(guī)范，讓自己的網(wǎng)站在盡可能多的瀏覽器軟件中都能正常訪問。
有的客戶端系統(tǒng)安裝的時候會打包帶著瀏覽器，這樣就無需安裝瀏覽器軟件。
大多數(shù)時候，我們都需要下載安裝我們喜歡的瀏覽器軟件。
建議大家在自己的電腦上安裝Chrome瀏覽器，因為用它來調(diào)試我們開發(fā)的網(wǎng)站很方便。
3.域名
一般要訪問一個網(wǎng)站，都是通過域名進(jìn)行訪問。
域名就是網(wǎng)絡(luò)上一臺服務(wù)器或者一群服務(wù)器對外提供的一個地址索引。
就好比：上海市人民公園 就是一個域名 www.renmingongyuan.com，它具體的地址是 南京西路231號 對應(yīng)的就是服務(wù)器的IP地址，假設(shè)是121.38.234.124 ，一般很難記住一個IP地址，但比較容易記住域名。
域名的用途是通過名稱進(jìn)行索引到對應(yīng)的網(wǎng)絡(luò)IP地址。
4.網(wǎng)絡(luò)連接
一般訪問網(wǎng)站都不是訪問本機(jī)操作系統(tǒng)中的程序，都是訪問互聯(lián)網(wǎng)絡(luò)上的一個機(jī)器上的程序，這就需要客戶端系統(tǒng)能夠和網(wǎng)絡(luò)進(jìn)行連接，確保物理連接層面是連接著的，這樣瀏覽器才可以訪問對應(yīng)的機(jī)器上的網(wǎng)站程序。
當(dāng)然，剛開始測試網(wǎng)站的時候，是可以放在自己機(jī)器電腦上進(jìn)行測試，測試完成后再部署到網(wǎng)絡(luò)機(jī)器上進(jìn)行測試。
網(wǎng)絡(luò)連接可以簡單分為局域網(wǎng)連接和互聯(lián)網(wǎng)連接。
局域網(wǎng)連接就是電腦和電腦之間組成的網(wǎng)絡(luò)是一個訪問受到限制的網(wǎng)絡(luò)，也就是一般不能在很遠(yuǎn)的地方進(jìn)行訪問，基本上都在一個比較靠近的物理空間之中。例如一個公司內(nèi)部的網(wǎng)絡(luò)，不能上網(wǎng)的網(wǎng)絡(luò)。
互聯(lián)網(wǎng)連接就是電腦和電腦之間可以通過網(wǎng)絡(luò)運(yùn)營商提供的互聯(lián)網(wǎng)接入方式進(jìn)行連接的網(wǎng)絡(luò)。例如家里通過光纖和撥號設(shè)備進(jìn)行連接到互聯(lián)網(wǎng)的網(wǎng)絡(luò)。俗稱可以上網(wǎng)。也就是可以訪問公網(wǎng)，也就是互聯(lián)網(wǎng)公共網(wǎng)絡(luò)。
5.Http網(wǎng)絡(luò)協(xié)議
從客戶端系統(tǒng)的瀏覽器上，輸入一個域名，然后瀏覽器通過一個數(shù)據(jù)協(xié)議向互聯(lián)網(wǎng)絡(luò)進(jìn)行索引定位到對應(yīng)的服務(wù)器。
然后服務(wù)器上面的web服務(wù)程序根據(jù)訪問請求，找到對應(yīng)的網(wǎng)站頁面程序，解釋運(yùn)行之后，將生成的網(wǎng)站內(nèi)容數(shù)據(jù)通過網(wǎng)絡(luò)返回給瀏覽器。
瀏覽器收到這些數(shù)據(jù)之后，按照html語法進(jìn)行描繪并顯示在瀏覽器當(dāng)中，就是我們看到的網(wǎng)站內(nèi)容了。
這當(dāng)中計算機(jī)瀏覽器和服務(wù)器web服務(wù)程序之間進(jìn)行通訊，遵循的協(xié)議就叫Http協(xié)議。
當(dāng)然，這只是一個最簡單的解釋，真正的計算機(jī)網(wǎng)絡(luò)協(xié)議一共有7層，適用于不同的理解模式。
具體大家可以去搜索“分層網(wǎng)絡(luò)協(xié)議”，進(jìn)行學(xué)習(xí)。這里我們只要知道http網(wǎng)絡(luò)協(xié)議即可。
6.服務(wù)器
服務(wù)器就是一臺能提供網(wǎng)站服務(wù)的機(jī)器設(shè)備。
它可以是一臺物理機(jī)器，也可以是一臺虛擬機(jī)器。
關(guān)鍵在于它上面安裝了操作系統(tǒng)，操作系統(tǒng)提供了一些服務(wù)程序，對外提供web服務(wù)。
操作系統(tǒng)可能是Windows系統(tǒng)，也可能是linux系統(tǒng)，也可能是unix系統(tǒng)。
一個經(jīng)典的服務(wù)器是阿里云的一臺安裝了ubuntu操作系統(tǒng)的虛擬機(jī)。
7.web服務(wù)程序
在服務(wù)器上一般要對外提供網(wǎng)站訪問服務(wù)，都需要安裝web服務(wù)程序。
比如windows系統(tǒng)上的IIS服務(wù)程序，linux系統(tǒng)上的Apache服務(wù)程序。
將網(wǎng)頁代碼部署到www服務(wù)程序規(guī)定的目錄下，我們就可以從互聯(lián)網(wǎng)訪問這些網(wǎng)頁了。
一個經(jīng)典的web服務(wù)程序是Nginx服務(wù)程序。
8.網(wǎng)站程序文件
不同的網(wǎng)站頁面，意味著是用不同的網(wǎng)站程序文件來實現(xiàn)的。
一個登錄網(wǎng)站頁面，和一個產(chǎn)品詳細(xì)介紹網(wǎng)站頁面，肯定是不一樣的文件。
將這些網(wǎng)站程序文件部署到www服務(wù)程序規(guī)定的目錄下，才能對外提供網(wǎng)站服務(wù)。
然后不同的客戶端通過瀏覽器訪問該網(wǎng)站時，看到的才是一樣的內(nèi)容。
網(wǎng)站程序文件，一般分為靜態(tài)程序文件和動態(tài)程序文件。
靜態(tài)程序文件，就是里面的輸出內(nèi)容是固定的，主要是以.html文件結(jié)尾的程序文件。例如 index.html 或者 product.html。
動態(tài)程序文件，就是根據(jù)情況輸出的內(nèi)容是變化的，主要是根據(jù)web服務(wù)程序提供的可用程序語言來實現(xiàn)。
例如login.php文件 或者 logout.aspx文件 等等。
一個經(jīng)典的網(wǎng)站程序文件就是用helloworld.html。
9.html語法
瀏覽器收到服務(wù)器web服務(wù)程序返回的結(jié)果數(shù)據(jù)之后，要按照html語法格式進(jìn)行分析，然后將對應(yīng)的頁面元素描繪到瀏覽器當(dāng)中，就是我們看到的內(nèi)容了。
例如<title>網(wǎng)頁標(biāo)題</title>，在瀏覽器的標(biāo)題欄就是現(xiàn)實“網(wǎng)頁標(biāo)題”。
例如<table><tr><td>表格元素</td></tr></table>，在瀏覽器里面就會出現(xiàn)一個表格。
后面，我們主要就是要學(xué)習(xí)通過html語法，將我們要呈現(xiàn)的頁面按照html語法寫成網(wǎng)站程序文件。
綜合上面的說明，一個經(jīng)典的網(wǎng)站原理圖就是下面這樣的：
實現(xiàn)一個最簡單的靜態(tài)網(wǎng)站要做哪些工作
根據(jù)不同的需求，要做的事情不同。
如果這個靜態(tài)網(wǎng)站只需要本機(jī)訪問：
1.用編輯器軟件編寫html網(wǎng)頁文件
2.打開瀏覽器訪問這個文件
如果這個靜態(tài)網(wǎng)站只需要局域網(wǎng)訪問：
1.用編輯器軟件編寫html網(wǎng)頁文件
2.在本機(jī)安裝web服務(wù)程序
3.將html網(wǎng)頁文件復(fù)制到web服務(wù)程序指定目錄下
4.在局域網(wǎng)中任何一臺電腦，打開瀏覽器訪問本機(jī)IP地址的這個文件
如果這個靜態(tài)網(wǎng)站需要互聯(lián)網(wǎng)訪問：
1.用編輯器軟件編寫html網(wǎng)頁文件
2.在一臺具有公網(wǎng)地址的服務(wù)器上安裝web服務(wù)程序，例如購買一個阿里云服務(wù)器
3.將html網(wǎng)頁文件復(fù)制到該服務(wù)器的web服務(wù)程序指定目錄下
4.任何一臺能上互聯(lián)網(wǎng)的電腦，打開瀏覽器訪問公網(wǎng)IP地址的這個文件
如果這個靜態(tài)網(wǎng)站需要互聯(lián)網(wǎng)域名訪問：
1.用編輯器軟件編寫html網(wǎng)頁文件
2.在一臺具有公網(wǎng)地址的服務(wù)器上安裝web服務(wù)程序，例如購買一個阿里云服務(wù)器
3.將html網(wǎng)頁文件復(fù)制到該服務(wù)器的web服務(wù)程序指定目錄下
4.任何一臺能上互聯(lián)網(wǎng)的電腦，打開瀏覽器訪問公網(wǎng)IP地址的這個文件
5.購買一個域名，將域名解析到具有公網(wǎng)地址的服務(wù)器IP地址
6.任何一臺能上互聯(lián)網(wǎng)的電腦，打開瀏覽器訪問域名的這個文件
后續(xù)，這4種形式，都會進(jìn)行詳細(xì)講解說明。
