1.5 HTML常用开发工具

单元1Web前端开发基础软件工程技术专业SoftwareTechnologyWeb前端设计与开发课程导学知识点实战举例课程导学本章总结学习目标1.知识目标（1）了解HTML、CSS、JavaScript发展历史；（2）了解HTML常用开发工具；（3）掌握并熟练使用HbuilderX工具；（4）掌握并熟练新建项目。2.能力目标（1）能使用Hbuilder创建一个Web项目；（2）能使用HTML语言设计一个网页并运行。3.素质目标（1）具有质量意识、安全意识、工匠精神和创新思维；（2）熟悉软件开发流程和规范，具有良好的编程习惯。

本章主要介绍HTML、CSS、JavaScript的发展历史，jQuery的介绍将在第七章展开。通过一个Web项目的构建，使读者对HTML常用开发工具和HTML文档结构有基本的入门了解。课程导学知识点实战举例课程导学本章总结HTML语言语义简单，操作系统自带的文本编辑器就可以编写HTML，只需要将文档保存为.html或.htm即可。常用开发工具也有很多，下面介绍几款。1.AdobeDreamweaver

Dreamweaver是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面，用于制作并编辑网站和移动应用程序的网页设计软件。Dreamweaver是集网页制作和管理网站于一身的所见即所得的网页代码编辑器。借助经过简化的智能编码引擎，轻松创建、编码和管理动态网站。还能够通过访问代码提示，快速了解HTML、CSS以及其他Web标准。（注：根据自身需求选择版本）官网链接地址：/cn/products/dreamweaver.html2.WebStormWebStorm是JetBrains公司旗下一款JavaScript开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaSIDE”等。与IntelliJIDEA同源，继承了IntelliJIDEA强大的JS部分功能。（注：根据自身需求选择版本）官方链接地址：/zh-cn/webstorm/?utm_source=baidu&utm_medium=cpc&utm_campaign=cn-bai-br-core-ex-课程导学知识点实战举例1.5HTML常用开发工具本章总结3.VisualStudioCodeVisualStudioCode(简称VSCode/VSC),是一款免费开源的现代化轻量级代码编辑器，界面美观大方，功能强劲实用，软件支持中文，拥有丰富的插件，集成了所有一款现代编辑器所应该具备的特性，包括语法高亮(syntaxhighlighting)，可定制的热键绑定(customizablekeyboardbindings)，括号匹配(bracketmatching)以及代码片段收集(snippets)。支持Windows，OSX和Linux。内置JavaScript、TypeScript和Node.js支持。官方链接地址：/#built-in-git4.HbuilderX介绍HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写，它基于Eclipse，所以顺其自然地兼容了Eclipse的插件。快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。HBuil