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