整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
多不是程序員的朋友總是理解不了網站到底是什么，它到底是怎么存在和運行的，也總是以為建一個網站很復雜。其實建網站并不難，也不需要花費太大資金，只需要以下6個步驟即可做出一個網站。
了解完以上6個步驟后，下面我們來詳細學習下操作方法。
第一步：注冊域名（也稱網站網址、URL。如：xxxx.com）
什么是域名？
我們通常在上網時候訪問的網址(如：www.baidu.com)這個就是一個域名，客觀地講它就是網站在互聯網上的地址，是網站的入口。域名也是由若干部分組成，包括數字和字母。域名還可以起到引導、宣傳、代表等作用。域名后綴可分為很多種，例如：我們經常看到的后綴有.com、.cn、.net、.gov等等。
域名注冊費用怎么收取？
域名一般是按年注冊，當然費用也是按年收取的，如果第二年不想要了，會被自動收回；現在如果在九靈云（www.jiulingyun.cn）注冊一個，一般現在費用大概為這些：.com要69元/年；.cn要30元/首年；.net要76元/年；.com.cn要30元/年；.net.cn要30元/年；目前注冊域名公司有好多,如：騰訊云的愛名網、阿里云的萬網等。域名如果已被他人搶先注冊，就注冊不了啦，因為原則上是先注冊先得，不可重復的，那我們可以說它是獨一無二的。
第二步：購買云虛擬主機（也稱云服務器、網站空間）
什么是云虛擬主機？
云虛擬主機（Web Hosting）是一種網站托管服務。產品預裝了常見網站開發語言的運行環境、數據庫及管理工具，您可以通過云虛擬主機簡單、低成本地發布托管網站。
怎么購買云虛擬主機？
這里以九靈云（www.jiulingyun.cn）的云虛擬主機產品為例，具備高在線率、高安全性、高穩定性等多項優勢，有共享IP和獨立IP兩種類型，共享IP價格比較低，只要7元/一個月，特別適合初級入門建站用戶。新手建站建議購買共享IP云虛擬主機就夠用了，共享IP的云虛擬主機有2GB的網頁空間，支持語言：.NET,PHP,ASP，數據庫：100M。購買成功后在控制面板有FTP賬號和FTP地址，可以用于上傳PHP網站程序或者ASP、.NET網站程序，當然云虛擬主機控制面板也支持一鍵安裝網站程序，有dedeCMS內容管理系統、Discuz論壇系統、ECShop商城系統、metinfo企業官網系統等等。
第三步：域名備案（中國境內開設網站需要取得ICP備案，例如：浙ICP備XXXXX號）
為什么要備案？
根據中華人民共和國國務院令第291號《中華人民共和國電信條例》、第292號《互聯網信息服務管理辦法》（簡稱ICP管理辦法），國家對提供互聯網信息服務的ICP實行許可證制度。ICP證是網站經營的許可證，根據國家《互聯網信息服務管理辦法》規定，經營性網站必須辦理ICP證，否則就屬于非法經營。
備案審核時間
備案信息審核需要經過三個步驟：
1、服務器ISP接入商審核
2、待提交至通管局審核表示您提交的備案信息已通過ISP接入商審核, 備案系統正在向通管局系統提交您的備案信息, 備案系統會顯示“待提交至通管局審核”, 提交時間取決于通管局的接口可靠性, 正常時間在一天以內；
3、待通管局審核表示備案信息已成功提交至工信部接口, 通管局正在接收數據或審核，審核時間一般不超過20個工作日
如何開始備案？
現在的域名注冊商大多都會提供免費備案的服務，并且現在基本上都是電子化備案，無須再郵寄各種資料了，這里同樣以九靈云（www.jiulingyun.cn）為例子，備案前先準備好以下資料：
然后登錄電子化備案系統，選擇新增網站接入按照提示填寫相應的資料并且提交，提交后九靈云備案合作商會初次審核你的備案資料，如備案資料無誤將會提交管局審核，經過漫長的等待，管局審核通過后會以短信的形式將ICP備案號發送到你的手機上，至此備案結束。
第四步：域名與云虛擬主機的解析綁定，讓網站域名與云虛擬主機建立關聯
什么是域名系統（DNS）？
DNS，Domain Name System或者Domain Name Service（域名系統或者域名服務）。域名系統為互聯網上的主機分配域名地址和IP地址。由于網絡中的計算機都必須有個IP地址，來識別, 互相之間才能通信，但讓我們記住一大串的IP地址來訪問網站顯然是不可能的，人們更容易記住域名地址，而DNS系統的功能就是自動把域名地址翻譯為IP地址。域名服務是運行域名系統的Internet工具。執行域名服務的服務器稱之為DNS服務器，通過DNS服務器來應答域名服務的查詢，DNS就是域名服務器，他的任務就是確定域名的解析，把域名解析成IP地址，比如A記錄MX記錄等等。
如何將域名解析到云虛擬主機的IP上？
在操作域名解析之前，首先要在云虛擬主機控制臺添加綁定域名，這里以九靈云（jiulingyun.cn）的云虛擬主機的控制臺為例，進入九靈云用戶中心->云虛擬主機->找的已經購買的主機->點擊管理->找的域名綁定選項->然后點擊添加域名。例如我這里添加：www.xuexijianzhan.com。
根據域名綁定頁面底部的提示，需要用別名解析（CNAME）到：xxxxxxxxxx.xxxxxx.cn（為了數據安全，已做掩飾），此時你需要將這一長串網址復制下來，以備域名解析使用。
在云虛擬機綁定域名后，再進入用戶中心->域名->找的已經注冊的域名->點擊管理->添加解析，并根據云虛擬主機綁定域名的提示，添加一個CNAME的解析記錄，并將主機（host）填寫成:www，記錄值就粘貼剛剛復制下來的一長串網址。
經過以上操作，域名已經成功解析到了云虛擬主機上，并且可以通過域名訪問到云虛擬主機了。
第五步：安裝網站程序（也叫建站程序、網站源碼）
什么是網站程序？
網站程序通常是通過php、.NET、ASP等編程語言編寫并設計的一套網頁系統，有點類似我們電腦使用的軟件系統。唯一不同的是網頁系統是運行在云服務器、云虛擬主機上，可以通過任何有互聯網的終端訪問并查看。一般建站比較主流的就是CMS系統（內容管理系統），以下對一些比較有名的建站系統做一個簡單介紹：
WordPress：這個比較有名氣，全球使用量最大的博客程序，可以修改設計模板調用做企業站和外貿網站。更新比較快安全性也非常好，畢竟全球最大量使用。
DedeCMS：一款集簡單、健壯、靈活、開源幾大特點的開源內容管理系統，國內比較早的一套CMS系統。
discuz：做論壇的話這個首選，也是國內起步比較早的程序，目前被騰訊收購，對接公眾號 和微信非常好。已經非常成熟，很多大型網站比如合肥論壇 化龍巷 等都用這種程序。
ECshop：這個國內做商城的網站管理系統，免費開源，可以對接支付寶微信銀聯等支付。
phpwind：一個輕架構，高效率簡易開發，助你快速搭建并輕松管理社區站點。
如何安裝網站程序？
基本上所有的云虛擬主機提供商，都會提供預裝網站程序（一鍵安裝）的功能，例如九靈云的云虛擬主機控制面板就提供以上幾種主流的建站程序一鍵安裝。在安裝網站程序之前，需要先創建一個數據庫，登錄九靈云的用戶中心->云虛擬主機->找的已購的主機->點擊管理->選擇數據庫選項 安裝頁面提示創建一個數據庫，并將數據庫域名、數據庫名稱、數據庫賬號和密碼先復制出來。
創建完數據庫后，就可以點擊站點選項，找到預裝網站，然后選擇自己需要的網站程序，這里我們以discuz論壇程序為例，點擊確定后系統就會自動將網站程序所需文件放入云虛擬主機的網站目錄下。
在耐心等待一段時間后，就可以通過之前綁定的域名輸入到瀏覽器內訪問，因為大部分網站程序還需要一個在線安裝的過程（用于創建數據庫和基礎數據，還有基礎管理員），所以當我們訪問這個域名時就會進入discuz的安裝界面，安裝界面提示同意協議后填入前文提到的數據庫名稱、數據庫賬號密碼等信息以及管理賬號和密碼。填寫完這些信息后，點擊下一步即可開始安裝。
等待安裝完成后，即可進入discuz論壇首頁，可自行在右上角登錄剛剛安裝時填寫的管理員賬戶進入后臺管理。至此你已經網址的建立一個網址，并且可以自行后臺發布文章和管理會員等信息。
第六步：網站二次開發與網站仿站
網站二次開發與仿站需要有一定編程基礎，可以自行在網上學習一些php、html、javascript的基礎知識，有了這些基礎知識后二次開發和仿站就會很容易。前文推薦的大部分建站程序也都是開源的，如果你已經掌握了一定的編程基礎，也可以自行在網上下載這些建站程序的源碼來修改和自行添加功能。然后通過FTP工具上傳到云虛擬主機內，FTP工具大家可以自行網上尋找，在這里也小編也推薦兩個比較常用的FTP管理工具：
FileZilla：FileZilla是開放源碼軟件，具備所有的FTP軟件功能，如：斷點續傳（如果服務器支持），自定義命令，站點管理等功能。
WinSCP：WinSCP是一個免費開源的FTP客戶端，同時支持SFTP和SCP協議，WinSCP是快速輕量級的FTP客戶端，還支持一些高級功能，例如遠程文字編輯。當你打開一個FTP服務器上的純文本文件，在保存文件的時候會透明的保存和上傳到遠程服務器。
結語
關于仿站、FTP文件管理后續會出專門的文章來展開介紹，文章中提到的各個軟件和平臺用于方便介紹建站流程，大家可以自行百度，也可以私信我。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>登錄頁面</title>
/*總體的樣式*/
<style>
/*盒子樣式*/
#box{
width: 350px; //寬
height: 450px; //高
border: 1px solid black; //邊框
border-radius: 10px; //邊框弧度
font-family: 黑體; //字體
letter-spacing:8px; //段間距
word-spacing: 10px; //字間距
line-height: 40px; //行高
font-size: 18px; //字大小
padding: 20px; //內邊框
}
/*給'注冊'賦予樣式*/
.register{
width:280px ; //寬
height: 50px; //高
background-color: skyblue; //背景顏色
border-radius: 10px; //邊框弧度
}
/*將所有邊框都改變*/
*{
border-radius: 5px; 邊框弧度
}
/*使用class選擇器，賦予number寬高和邊框*/
.number{
width: 185px; //寬
height: 27px; //高
border-width: 1px; //邊框寬度
}
/*id選擇器*/
#two{
width: 55px; //寬
border-width: 1px; 邊框寬度
}
/*id選擇器*/
#phone{
width: 103px; //寬
}
/*class 選擇器*/
.boxs{
zoom: 75%; //清除浮動
color: darkgray; //顏色
}
/*class選擇器*/
.box_a{
width: 50px; //寬
height: 50px; //高
background-image: url("../image/04.jpg "); //背景圖片
background-repeat: no-repeat; // 是否平鋪
background-size: 50px 25px; //背景尺寸
position: relative; //定位 相對定位
left: 310px; //定位后左移
bottom: 32px; //定位后下移
}
</style>
</head>
<body>
<div id="box">
<h1>請注冊</h1>
<p style="color: darkgray">已有帳號?<a href="https://im.qq.com/index">登錄</a></p>
<form action="" method="post">
<label for="name">用戶名</label>
<input type="text" placeholder="請輸入用戶名" id="name" class="number"> <br>
<label for="phone">手機號</label>
<select name="" id="two" class="number">
<optgroup>
<option style="" class="">+86</option>
</optgroup>
</select>
<input type="text" placeholder="請輸入手機號" id="phone" class="number"> <br>
<label for="mima">密?碼</label>
<input type="password" placeholder="請輸入密碼" id="mima" class="number"> <br>
<label for="mima">驗證碼</label>
<input type="password" placeholder="請輸入驗證碼" id="is" class="number">
<div class="box_a"></div>
<div class="boxs">
<input type="radio" id="" class="accept">閱讀并接受協議<br>
</div>
<input type="submit" value="注冊" class="register" >
</form>
</div>
</body>
</html>
在這里插入圖片描述HTML（HyperTextMark-upLanguage）即超文本標記語言或超文本鏈接標示語言，是WWW的描述語言。
HTML文檔的結構
2.頁面背景色或背景圖像
Hello World！
</body>
（網頁背景圖像）
Hello World!
</body>
（網頁背景色彩）
3.文本相關標簽
標題標簽<h1>－<h6>，<font>標簽。
段落標簽<p>，換行標簽<br>。
<h#> ... </h#>，#=1, 2, 3, 4, 5, 6 （說明：<h1>到<h6>字體大小依次遞減）
<sub>下標文字，<sup>上標文字，<del>刪除線。
段落標簽<p>，換行標簽<br>。
<HR> 標簽用于在頁面上繪制水平線。
圖像的基本語法：<img src=“images/adv_2.jpg” width=“300” height=“150” alt=“在線報名” >
要鏈接到同一目錄 (C:\HTML) 下的頁面，可編寫 <A HREF = “Doc1.htm”> 或 <A HREF = “C:\html\Doc2.htm”>
鏈接到本頁面：
<a href=“http://www.it.com”>
<img src=“images/adv_2.jpg” border=“0” width="300"height="150">
</a>
<marquee scrolldelay=“100” direction=“up”>
滾動文字或圖像
</marquee>
說明：scrolldelay：表示滾動延遲時間，默認值為90；direction：表示滾動的方向，默認為從右向左。
目標：掌握列表的用法
使用表格的基本結構實現簡單表格
使用表格相關標簽實現跨行、跨列的復雜表格
會使用表單的基本結構制作表單頁面
會使用各種表單元素實現注冊頁面
能理解post和get兩種提交方式的區別
格式： <ul type=“”>
type屬性設置標號的類型，值可以取：
1 disc ：實心圓點
2 circle ：空心圓點
3 square ：實心方塊
無序列表
格式：<ol type=“” start=“”>
type設置標號的類型，值可以取：
1 1：顯示數字
2 A：顯示大寫字母
3 a：顯示小寫字母
4 I：顯示大寫羅馬數字
5 i：顯示小寫羅馬數字
有序列表
嵌套列表
門戶網站應用表格
<table>...</ table >定義表格
創建表格
表格表現
域名數量報表的創建
域名數量報表
1.跨多列的表格
2.跨多行的表格
3.如何創建跨行跨列的表格
品牌商城表的創建
width用來設置表格的寬度；height用來設置表格的高度；border用來設置表格邊框尺寸大小；bordercolor用來設置表格邊框顏色。
品牌商城表
背景：background屬性用來設置表格的背景圖片；bgcolor屬性用來設置表格、行、列的背景色。
對其方式：align屬性用來設置表格、行、列的對齊方式。
<input type=“text” value="張三" size="20">
文本框的建設
文本框
<input type=“password” value=“123456” size=“22”>
密碼框的建設
密碼框，22個字符寬度
<input type="radio" value="男" checked="checked">
單選按鈕的建設
單選按鈕框
<input type=“checkbox” name="cb2" value="talk">
<textarea name=“textarea” cols=“40” rows=“6”>內容</textarea>
<input type="reset" name=“reset" value=" 重填 ">
其他表單元素：<input type=“hidden”/>表單隱藏域
<input type=“image”/>表單圖片按鈕
<input type=“file”/>文件瀏覽
<label>標簽可以綁定某個表單元素，用于擴展可以相應點擊等事件的區域
如：當點擊復選框右邊的提示文字時，該復選框也可被選中。
內容有限，關于css，div和網頁布局的部分就下次在和大家分享吧！
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
