本教程操作环境：windows7系统、dell g3电脑。
国内制作网页用的最多是：
1、代码编辑器（程序员专业级）
01、vscode
visual studio code（简称vscode）是microsoft在2015年4月30日build开发者大会上正式宣布一个运行于 mac os x、windows和 linux 之上的，针对于编写现代web和云应用的跨平台源代码编辑器， 可在桌面上运行，并且可用于windows，macos和linux。它具有对javascript，typescript和node.js的内置支持，并具有丰富的其他语言（例如c++，c＃，java，python，php，go）和运行时（例如.net和unity）扩展的生态系统。
02、phpstorm
phpstorm 是 jetbrains 公司开发的一款商业的php集成开发工具，旨在提高用户效率，可深刻理解用户的编码，提供智能代码补全，快速导航以及即时错误检查。
03、sublime text
sublime text 是一个文本编辑器（收费软件，可以无限期试用），同时也是一个先进的代码编辑器。sublime text是由程序员jon skinner于2008年1月份所开发出来，它最初被设计为一个具有丰富扩展功能的vim。
sublime text具有漂亮的用户界面和强大的功能，例如代码缩略图，python的插件，代码段等。还可自定义键绑定，菜单和工具栏。sublime text 的主要功能包括：拼写检查，书签，完整的 python api ， goto 功能，即时项目切换，多选择，多窗口等等。sublime text 是一个跨平台的编辑器，同时支持windows、linux、mac os x等操作系统。
04、webstorm
webstorm 是jetbrains公司旗下一款javascript 开发工具。已经被广大中国js开发者誉为“web前端开发神器”、“最强大的html5编辑器”、“最智能的javascript ide”等。与intellij idea同源，继承了intellij idea强大的js部分的功能。
05、hbuilder
hbuilder是dcloud（数字天堂）推出的一款支持html5的web开发ide。 hbuilder的编写用到了java、c、web和ruby。hbuilder本身主体是由java编写。
它是个号称专门为html5准备的ide，我在几年前用过，貌似是基于 eclipse 内核的。所有基于 eclipse 的软件我都不想用。当初记得它连 代码的 format 都有 bug。格式化代码在上面推荐的几个中任意一个用扩展都能轻易做到非常完美的地步。
06、notepad++
notepad++是一套非常有特色的自由软件的纯文字编辑器(许可证:gpl)，有完整的中文化接口及支持多国语言编写的功能(utf8 技术)。它的功能比 windows 中的 notepad(记事本)强大，除了可以用来制作一般的纯文字说明文件，也十分适合当作编写电脑程序的编辑器。notepad++ 不仅有语法高亮度显示，也有语法折叠功能，并且支持宏以及扩充基本功能的外挂模组。
07、eclipse
eclipse 是著名的跨平台的自由集成开发环境（ide）。最初主要用来java语言开发，但是目前亦有人通过插件使其作为其他计算机语言比如html、php、c++和python的开发工具。
08、brackets
adobe 开源的前端开发工具。这个基本上是完全为前端准备的，支持插件。内置 server，可以直接预览变化。
2、环境软件（程序员专业级）
01、phpstudy：
由开发的知名php集成环境，公益免费。该程序包集成最新的apache+php+mysql+phpmyadmin+zendoptimizer，一次性安装，无须配置即可使用，是非常方便、好用的php调试环境。
02、宝塔面板：
网页版在线集成环境，支持linux与windows系统。一键配置:lamp/lnmp、网站、数据库、ftp、ssl,通过web端轻松管理服务器。
03、xampp for mac：
mac 可以安装xampp for mac ， 这是免费的。
04、mamp：
mac版本，mamp free版（免费版）即可，功能够用， pro是收费版本。
国外制作网页可以用如下软件：
1、coolsite360。特点有可复制模板，更可任性diy，无需编程，在线创建，自动适配桌面及移动端。
2、adobe dreamweaver。简称“dw”，中文名称 梦想编织者，最初为美国macromedia公司开发，2005年被adobe公司收购。
3、flash。是由macromedia公司推出的交互式矢量图和 web 动画的标准，由adobe公司收购。做flash动画的人被称之为闪客。
4、fireworks。是由macromedia推出的一款网页作图软件，软件可以加速 web 设计与开发， 是一款创建与优化 web 图像和快速构建网站与 web 界面原型的理想工具。
5、frontpage。frontpage，是微软公司出品的一款网页制作入门级软件。frontpage使用方便简单，会用word 就能做网页，因此相对dreamweaver等软件更容易上手。
推荐学习：html视频教程
以上就是制作网页用什么软件的详细内容。