1、申请域名。
2、申请空间。
3、定位网站。
4、分析网站功能和需求（网站策划）。
5、网站风格设计。
6、网站代码制作。
7、测试网站。
8、FTP上传网站。
9、完善资料。
10、网站推广维护。 建设工作： 网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。不同领域的网页设计，网页图形设计，界面设计，创作，其中包括标准化的代码和专有软件，用户体验设计和搜索引擎优化。 许多人常常会分为若干个工作小组，负责网站不同方面的设计。网页设计是设计过程的前端（客户端），通常用来描述的网站，并不是简单的一个页面，一个网站是包括很多工作的，其中包括域名注册设计效果图，布局页面，写代码等工作。
一、基本概念
1.什么是 HTML？
HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言，而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
2.HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词，比如
HTML 标签通常是成对出现的，比如 和
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签
3.HTML 文档 = 网页
HTML 文档描述网页
HTML 文档包含 HTML 标签和纯文本
HTML 文档也被称为网页
Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容。
二、常用标签
1.好了，废话不多说，先来看一个例子，打开记事本输入以下字段，保存为html格式：
例子解释：前面为开始标签，后面是结束标签
2.常见的一些标签
随意编写了一个HTML网页，大家可以参考。
<!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 href=”/index.htm”>DOTA2官网</a>
<a href=”/download/”>下载游戏</a>
</p>
<p>这里的游戏很好玩，里面有吃鸡哦：
<a href=”/”>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>
如果想学习做网页，还是需要系统买本html方面的书看一看。
常见的网站开发工具有以下几种：
1、Microsoft FrontPage,是一款轻量级静态网页制作软件，特别适合新手开发静态网站的需要，目前该应用很少用于制作网页。
2、Dreamweaver网页制作软件，该软件已成为专业级网页制作程序，支持HTML、CSS、PHP、JSP以及ASP等众多脚本语言的语法着色显示，同时提供了模板套用功能，支持一键式生成网页框架功能。是初学者或专业级网站开发人员必备之选择工具。
3、CSS Design:一款适合对CSS对进调试的专业级应用，能够对CSS语法进行着色，同时支持即时查看样式功能，特别方便程序的调试以及效果的比对。
4、Flash动画制作软件：动画或动态图片是网页的重要组成部分，充分合理的使用Flash程序来设计网页元素，往往可达到意想不到的效果。
5、PS(Photoshop)图像处理软件：用于对网页图片进行润色或特殊效果处理，是一款网页制作必备之软件。
6、Sublime全称为Sublime text，是一个代码编辑器。Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图、功能插件等。Sublime text还是一个跨平台的编辑器，支Windows、Linux、Mac等操作系统。
7、WebStorm 是JavaScript 开发工具。已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。
8、Visual Studio Code(简称“VS Code”)是一个运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代Web和云应用的跨平台源代码编辑器，可在桌面上运行，并且可用于Windows，macOS和Linux。
9、HBUilder是一款支持HTML5的Web开发软件。“快”是BUilder的最大优势，通过完整的语法提示、代码输入法以及代码块等，HBuilder可以大幅提升HTML、JavaScript的开发效率。
