步驟：
1、申請(qǐng)域名。
2、申請(qǐng)空間。
3、定位網(wǎng)站。
4、分析網(wǎng)站功能和需求（網(wǎng)站策劃）。
5、網(wǎng)站風(fēng)格設(shè)計(jì)。
6、網(wǎng)站代碼制作。
7、測(cè)試網(wǎng)站。
8、FTP上傳網(wǎng)站。
9、完善資料。
10、網(wǎng)站推廣維護(hù)。 建設(shè)工作： 網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ)，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。不同領(lǐng)域的網(wǎng)頁(yè)設(shè)計(jì)，網(wǎng)頁(yè)圖形設(shè)計(jì)，界面設(shè)計(jì)，創(chuàng)作，其中包括標(biāo)準(zhǔn)化的代碼和專有軟件，用戶體驗(yàn)設(shè)計(jì)和搜索引擎優(yōu)化。 許多人常常會(huì)分為若干個(gè)工作小組，負(fù)責(zé)網(wǎng)站不同方面的設(shè)計(jì)。網(wǎng)頁(yè)設(shè)計(jì)是設(shè)計(jì)過(guò)程的前端（客戶端），通常用來(lái)描述的網(wǎng)站，并不是簡(jiǎn)單的一個(gè)頁(yè)面，一個(gè)網(wǎng)站是包括很多工作的，其中包括域名注冊(cè)設(shè)計(jì)效果圖，布局頁(yè)面，寫代碼等工作。
一、基本概念
1.什么是 HTML？
HTML 是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言。
HTML 指的是超文本標(biāo)記語(yǔ)言 (Hyper Text Markup Language)
HTML 不是一種編程語(yǔ)言，而是一種標(biāo)記語(yǔ)言 (markup language)
標(biāo)記語(yǔ)言是一套標(biāo)記標(biāo)簽 (markup tag)
HTML 使用標(biāo)記標(biāo)簽來(lái)描述網(wǎng)頁(yè)
2.HTML 標(biāo)簽
HTML 標(biāo)記標(biāo)簽通常被稱為 HTML 標(biāo)簽 (HTML tag)。
HTML 標(biāo)簽是由尖括號(hào)包圍的關(guān)鍵詞，比如
HTML 標(biāo)簽通常是成對(duì)出現(xiàn)的，比如 和
標(biāo)簽對(duì)中的第一個(gè)標(biāo)簽是開始標(biāo)簽，第二個(gè)標(biāo)簽是結(jié)束標(biāo)簽
開始和結(jié)束標(biāo)簽也被稱為開放標(biāo)簽和閉合標(biāo)簽
3.HTML 文檔 = 網(wǎng)頁(yè)
HTML 文檔描述網(wǎng)頁(yè)
HTML 文檔包含 HTML 標(biāo)簽和純文本
HTML 文檔也被稱為網(wǎng)頁(yè)
Web 瀏覽器的作用是讀取 HTML 文檔，并以網(wǎng)頁(yè)的形式顯示出它們。瀏覽器不會(huì)顯示 HTML 標(biāo)簽，而是使用標(biāo)簽來(lái)解釋頁(yè)面的內(nèi)容。
二、常用標(biāo)簽
1.好了，廢話不多說(shuō)，先來(lái)看一個(gè)例子，打開記事本輸入以下字段，保存為html格式：
例子解釋：前面為開始標(biāo)簽，后面是結(jié)束標(biāo)簽
2.常見的一些標(biāo)簽
隨意編寫了一個(gè)HTML網(wǎng)頁(yè)，大家可以參考。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>selenuim彈窗</title>
</head>
<body>
<div align="center">
<h4>一起測(cè)試吧</h4>
<input type="button" onclick="jianjian()" value="帶輸入框的彈窗"/>
<span id="textSpan"></span>
<div align="center">
<font color="red" size="6">
<p>DOTA是什么：
<a >DOTA2官網(wǎng)</a>
<a >下載游戲</a>
</p>
<p>這里的游戲很好玩，里面有吃雞哦：
<a >STEAM</a>
</p>
</div>
</body>
<script>
function jianjian(){
document.getElementById("textSpan").innerHTML="";
con = prompt("輸入1為OK，輸入2為false");
if(con==1){
document.getElementById("textSpan").innerHTML="<font style='color: green;'>OK</font>";
}else if(con==2){
document.getElementById("textSpan").innerHTML="<font style='color: green;'>都說(shuō)了false還輸入啊</font>";
}else{
document.getElementById("textSpan").innerHTML="<font style='color: red;'>您沒有按要求輸入，請(qǐng)重新輸入</font>";
}
}
</script>
</html>
如果想學(xué)習(xí)做網(wǎng)頁(yè)，還是需要系統(tǒng)買本html方面的書看一看。
常見的網(wǎng)站開發(fā)工具有以下幾種：
1、Microsoft FrontPage,是一款輕量級(jí)靜態(tài)網(wǎng)頁(yè)制作軟件，特別適合新手開發(fā)靜態(tài)網(wǎng)站的需要，目前該應(yīng)用很少用于制作網(wǎng)頁(yè)。
2、Dreamweaver網(wǎng)頁(yè)制作軟件，該軟件已成為專業(yè)級(jí)網(wǎng)頁(yè)制作程序，支持HTML、CSS、PHP、JSP以及ASP等眾多腳本語(yǔ)言的語(yǔ)法著色顯示，同時(shí)提供了模板套用功能，支持一鍵式生成網(wǎng)頁(yè)框架功能。是初學(xué)者或?qū)I(yè)級(jí)網(wǎng)站開發(fā)人員必備之選擇工具。
3、CSS Design:一款適合對(duì)CSS對(duì)進(jìn)調(diào)試的專業(yè)級(jí)應(yīng)用，能夠?qū)SS語(yǔ)法進(jìn)行著色，同時(shí)支持即時(shí)查看樣式功能，特別方便程序的調(diào)試以及效果的比對(duì)。
4、Flash動(dòng)畫制作軟件：動(dòng)畫或動(dòng)態(tài)圖片是網(wǎng)頁(yè)的重要組成部分，充分合理的使用Flash程序來(lái)設(shè)計(jì)網(wǎng)頁(yè)元素，往往可達(dá)到意想不到的效果。
5、PS(Photoshop)圖像處理軟件：用于對(duì)網(wǎng)頁(yè)圖片進(jìn)行潤(rùn)色或特殊效果處理，是一款網(wǎng)頁(yè)制作必備之軟件。
6、Sublime全稱為Sublime text，是一個(gè)代碼編輯器。Sublime Text具有漂亮的用戶界面和強(qiáng)大的功能，例如代碼縮略圖、功能插件等。Sublime text還是一個(gè)跨平臺(tái)的編輯器，支Windows、Linux、Mac等操作系統(tǒng)。
7、WebStorm 是JavaScript 開發(fā)工具。已經(jīng)被廣大中國(guó)JS開發(fā)者譽(yù)為“Web前端開發(fā)神器”、“最強(qiáng)大的HTML5編輯器”、“最智能的JavaScript IDE”等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強(qiáng)大的JS部分的功能。
8、Visual Studio Code(簡(jiǎn)稱“VS Code”)是一個(gè)運(yùn)行于 Mac OS X、Windows和 Linux 之上的，針對(duì)于編寫現(xiàn)代Web和云應(yīng)用的跨平臺(tái)源代碼編輯器，可在桌面上運(yùn)行，并且可用于Windows，macOS和Linux。
9、HBUilder是一款支持HTML5的Web開發(fā)軟件?！翱臁笔荁Uilder的最大優(yōu)勢(shì)，通過(guò)完整的語(yǔ)法提示、代碼輸入法以及代碼塊等，HBuilder可以大幅提升HTML、JavaScript的開發(fā)效率。