HBuilder 是DCloud（数字天堂）推出的一款支持HTML5 的Web 开发IDE。HBuilder的编写用到了Java、C、Web 和Ruby。HBuilder 本身主体是用Java 编写的。
它基于Eclipse，所以很好地兼容了Eclipse 的插件。
它的特点： 快，是HBuilder 的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css 的开发效率。
1.HBuilderX 介绍
➢执着于更快一步的理念，HBuilderX 的左侧项目管理器是单击响应而不是双击。
➢单击展开目录，单击预览文件，双击打开文件。
➢预览文件时，顶部标签卡是斜体的，此时继续预览其他文件会替换预览标签卡。双击文件后，标签卡为正体，不会被替换。预览的文件一旦开始被编辑，也会自动变为正式打开状态。
➢项目管理器默认是不显示图标的，可以将鼠标移到项目管理器区域，右上角会悬浮菜单，在里面可以选择显示图标。HBuilderX 支持业内多种图标插件，可以在工具-插件安装中找到更多图标插件。
➢HBuilderX 的文件保存是免丢失的，并且有热退出功能。所谓热退出，就是关闭hx 时不要保存文件。再次打开时仍然是之前的状态。未保存的文件也会继续原样展现。
➢HBuilderX 默认带有每30 秒保存一次临时文件的策略（可以在设置里调节时间间隔）
➢不管是关闭HBuilderX，还是断电、崩溃，临时文件始终会自动保存。
➢前端预编译型语言越来越多，每次保存都触发编译比较消耗资源，有了HBuilderX，可以专注写代码而不需要隔一会按一下Ctrl+S，需要编译时再保存，或编辑多个文件后按Ctrl+Alt+S 全部保存。
2.HBuilderX 下载(www.chuimin.cn)
浏览器访问DCloud（数字天堂）官方网站进行下载，解压打开HBuilderX.exe 工具文件， 选择喜欢的主题和习惯的快捷键方案， 点击开始体验按钮，如图9.32 所示。
图9.32 默认欢迎页面
打开后首先看到的是HBuilderX 自述文件， 可以帮助我们更快的学习HBuilderX，如图9.33 所示。
图9.33 自述文件
关掉之后，创建一个项目文件。点击菜单栏的文件，新建项目，弹出【新建项目】的弹窗，修改项目名称和浏览选择项目存放地址，选择模板基于HTML 项目，如图9.34 所示。
图9.34 新建项目
打开创建的项目，就可以看到项目目录。打开Html 文件，就可以编写代码了，如图9.35所示。
图9.35 网页代码
有关基于HTML与CSS网页设计的文章
拥有自研的世界级语法分析引擎一直是HBuilder 系列产品傲视业内的资本。但如果一个文件是单独从硬盘被打开，不是整个项目被拖入HBuilderX，那么此时无法加载框架语法库。图9.37代码助手2.编辑器与项目管理器的同步HBuilderX 默认是打开的标签卡和项目管理器自动关联，切换标签卡时项目管理器也会跟随变化。图9.39取消同步总结Dreamweaver 是被业界广泛使用的站点管理和页面制作的可视化工具。HBuilderX 工具的使用作业1.总结Dreamweaver 的各项优点。......
2023-10-19
作为完整的页面往往包含很多个部分，例如Logo、导航、Banner、菜单、主体和版底等，使用Photoshop设计界面时，按照规定的准则命名图层或图层组，不仅有利于快速查找和修改页面效果，还可以大幅提高切图和后期制作的工作效率，如图1-32所示为一款结构完整的网页界面设计。图 1-32下面列举了一些常用的CSS标准化设计命名，在使用Photoshop设计页面时，可以用英文名来命名每个部分。头：he......
2023-11-17
网页界面设计也具有了统一的设计特点，并且兼备了新时代的艺术形式。如图1-5所示为网页界面交互性的体现。图 1-5多维性多维性源于超链接，主要体现在网页设计中对导航的设计上。为了让浏览者在网页上迅速找到所需的信息，设计者必须考虑快捷而完善的导航设计。把所有这些问题归结为一点，即网页设计者无法控制页面在用户端的最终显示效果，但这也正是网页设计的引人之处。......
2023-11-17
桩基础随着桩的材料、构造形式和施工技术的发展而名目繁多，可按多种方法分类，如图2-2所示。图2-2桩基础的分类打桩施工方法端承型桩。端承桩在承载能力极限状态下，桩顶竖向荷载绝大部分由桩端阻力承担，桩侧摩阻力可忽略不计。预制桩根据沉入土中的方法不同，可分为打入桩、水冲沉桩、振动沉桩和静力压桩等。水平受荷桩主要承受作用于桩体上的水平荷载，桩身主要承受弯矩，最典型的是抗滑桩和基坑支挡结构中的排桩。......
2023-08-29
图15.4.8网页卸载事件发生unload事件时，网页的所有资源会立刻释放，向服务器发送请求几乎都会失败，此时只能完成一些可以立刻完成的操作，比如缓存资源、清理Cookie等。图15.4.9beforeunload事件设置了beforeunload事件的页面，浏览器会提醒数据可能不会被缓存。图15.4.10beforeunload事件为了避免网站显示迷惑性的文字，吓唬用户，部分浏览器全部使用统一的文字描述，比如图15.4.9提示“系统可能不会保存您所做的更改”。......
2023-11-08
网页程序设计要使用多种技术和计算机语言，包括HTML、脚本程序设计、CSS样式表及美工技术等。只用HTML和CSS编写的程序只能在浏览器窗口展示静态页面，不能响应如鼠标事件、对表单的输入验证、页面变化等。JSP是基于Java体系的Web开发技术，用它进行服务器端的应用程序开发，如连接并读取数据库等。本章实训的内容是使用HTML进行客户端的静态网页程序设计和使用JavaScript进行客户端的动态网页程序设计。......
2023-11-19
图2.14欧洲信息技术市场产值表2.在网页中显示两行三列的表格，展示八月份访客浏览器的数据，如图2.15 所示。图2.16不规则表格4.在网页中显示订单详细信息的表格，使用colspan 属性实现单元格的合并，如图2.17 所示。图2.18找不到网页6.在网页中实现图片和文字的布局，完成拍拍公告栏展示，如图2.19 所示。图2.20版权声明2.在网页中使用嵌套表格，完成一本图书信息的显示页面，如图2.21 所示。......
2023-10-19
视频教学资源学校目标理解WEB 标准了解XHTML理解结构与表现分离理解CSS 的盒状模型掌握CSS 实现页面布局所需的样式属性本章单词请在预习前完成下列单词的学习，将其写在横线上。在持续多年的网站重构浪潮中，经过广大WEB 设计者和开发者广泛的实践和传播，WEB标准的概念逐渐深入人心。而现在，遵循WEB 标准进行网站和网页设计与开发，已成为业界的共识。......
2023-10-19
相关推荐