同学们好，这节课梁老师将给大家介绍几款常用的网页开发工具，分别是Dreamweaver、Sublime、WebStrome和HBuilder、VSCode等，其中老师将重点介绍Adobe公司的DreamWeaver软件的工作界面、基本操作，详细分析DreamWeaver的代码视图、拆分视图 、设计视图以及实时视图的区别与意义，并且讲解了如何在Dream weaver中新建站点和新建网页文档的方法。准备好了吗，我们开课了！

网页开发工具：

       推荐大家使用VSCode（全称：Visual Studio Code），它是一款由微软开发且跨平台的免费源代码编辑器。该软件支持语法高亮、代码自动补全、代码重构、查看定义功能，并且内置了命令行工具和 Git 版本控制系统。

- VScode 官网地址：https://code.visualstudio.com/

- VScode 详细操作文档：https://www.runoob.com/vscode/vscode-tutorial.html

- VScode下载页地址： https://code.visualstudio.com/download

- VSCode 教程地址：https://www.runoob.com/vscode/vscode-tutorial.html

工欲善其事，必先利其器。网页开发工具还有很多，大家可根据需要选用即适合又好用的工具。

织梦Adobe Dreamweaver，简称“DW”、老牌专业网页编辑器，集网页制作和管理网站于一身的所见即所得网页编辑器，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

Sublime Text 作为一个尽为人知的代码编辑器，其优点不用赘述。同时支持Windows、Linux、Mac OS X等操作系统。具界面整洁美观、文本功能强大，且运行速度极快，非常适合编写代码，写文章做笔记。它还支持众多插件扩展，实现强强联手。官网：http://www.sublimetext.com/

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。官网：http://www.jetbrains.com/webstorm/

HBuilder号称飞速编码的极客工具，手指爽，眼睛爽。
HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。 [1]  HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。官网：http://www.dcloud.io/

Visual Studio Code

Visual Studio Code(简称 VS Code / VSC) 是微软推出的跨平台编辑器。它采用经典的VS的UI布局，功能强大，扩展性很强。 VSCode是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux。
    官网：https://code.visualstudio.com/

EditPlus，Notepad++等增强记事本程序

...

        推荐以下网页开发工具，同学们可自行前往官网免费下载。

HBuilder （ https://www.dcloud.io/  ）

Visual Studio Code  ( 简称VSCode )  https://code.visualstudio.com/