网页html设计软件,html网页设计软件有哪些

div>

关于Electron：

Electron是由Github开发，用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron通过将Chromium和Node.js合并到同一个运行时环境中，并将其打包为Mac，Windows和Linux系统下的应用来实现这一目的。

Electron于2013年作为构建Github上可编程的文本编辑器Atom的框架而被开发出来。这两个项目在2014春季开源。

目前它已成为开源开发者、初创企业和老牌公司常用的开发工具。

然后，我就对着一篇大神的分享神奇的做出了一个简单的应用，打包后可以直接运行

如图：

双击运行即可。

我简单的将整个的过程写了一份小文档可以分享给你尝试一下：

什么是Electron?Electron是一个基于Chrominum和NodeJS的跨平台桌面应用框架。在这个框架中很容易基于html、css和javaScript技术的跨平台应用，构建出来的应用会很好的兼容Mac、windows和Linux操作系统。它还有一些其他的特性：

• 自动更新--应用支持自动更新
• 原生菜单和通知--可以创建原生应用菜单和上下文菜单
• 应用奔溃报告--可以将奔溃提交到远程服务器
• 调试和分析--Chrominum的内容模块可以发生性能瓶颈和缓慢的操作，你可以在应用中使用自己喜欢的chrome开发者工具
• Windows installer--可以快速便捷地创建安装包

动手之前需要安装NodeJS，你还应该申请一个Github账户来保存和更新应用。Ready Go首先在git工具中将 electron/electron-quick-start库克隆下来git clone cd electron-quick-startnpm install&&npm start完成上面的步骤之后，你会看到一个像浏览器窗口的应用打开。它确实是一个浏览器窗口！

这个窗口显示的样子在不同的操作系统上会有所不同。我选择使用 Windows 的经典样式。非常赞！

新应用的[_a***_]和文件结构基本的文件结构electron-quick-start-index.html是一个html5页面，它具有一个很重要的作用：提供画布-main.js创建窗口并处理系统***-package.json是应用的启动脚本，它包含了应用信息，在主进程中运行-renderer.js处理应用的渲染进程打包应用electron-packagerelectron-packager可以将项目打包成各平台可直接运行的程序，而不是安装包先使用npm安装：npm install electron-packager -S运行打包命令：electron-packager . app --win --out tjj --arch=x64 --version 1.0 --overwrite --ignore=node_modules打包会把项目文件包括 node_modules 也一起打包进去，当然可以通过 –ignore=node_modules 来忽略文件，但是如果项目中有用到第三方库，忽略的话则找不到文件报错了。蓝色部分可自行修改：electron-packager . 可执行文件的文件名 --win --out 打包成的文件夹名 --arch=x64位还是32位 --version版本号 --overwrite --ignore=node_modules打包完成后的文件包名：***-win32-x64

恭喜你遇到行家了，本人IT出生。

HBuilder

这是国内最好的H5开发软件，如果你是开发手机桌面、电脑桌面完全ok，它本身就是建立在Html5的基础之上，而且全中文开发环境让国人很是满意。

WebStorm

这是目前最流行的Html开发软件，也是涵盖了很多东西，js、jquery、ajax等等，而且拥有智能提示，使得开发速度非常快。

DW

这个的话都是初学者用的了，我个人不是很喜欢因为开发速度慢，不过功能还是全，建议初学者用，这样才能学到东西。

说完前端那么还有后台呢？

Eclipse

建议使用j***a，因为j***a上手简单而且很成熟，这个东西你应该知道的。

以上软件不管你是开发手机桌面还是PC桌面都是没问题的。

单纯的html是写不出Windows或者Mac的桌面应用程序的，甚至单纯的网页都有一大堆问题，所以楼主提出问题是有问题的！但是作为开发者，大致理解楼主想问的问题，如何使用web开发语言实现桌面应用，在node.js还没出现之前是很难实现的，但是在node.js出现后，这也不是什么难题，现在大致实现桌面应用是套个浏览器内核然后打包成一个桌面系统可执行的程序，来实现web应用移植到桌面应用，目前流行的技术是eletron，著名的用这种技术实现的桌面程序就是vs code，一款非常好用的代码编辑器，扩展能力强大

纯 HTML 确实是写不出 桌面程序的，但是可以通过第三方工具对 HTML 文件进行打包操作，打包完后就是一个可以运行在桌面的应用程序了。

ElectronJs

***：

如果你可以建一个网站，你就可以建一个桌面应用程序。 Electron 是一个使用 J***aScript, HTML 和 CSS 等 Web 技术创建原生程序的框架，它负责比较难搞的部分，你只需把精力放在你的应用的核心上即可。

Electron 让你为你的公司或想法创建桌面端应用变得很简单。最初为 GitHub 的 Atom 编辑器开发，Electron 已被像微软、 Facebook、 Slack 和 Docker 这样的公司用于创建应用程序了。

NW.js

***：

NW.js（以前称为node webkit）允许您直接从dom调用所有node.js模块，并支持使用所有Web技术编写应用程序的新方法。

NW.js 是一个使用 Web 技术创建本地应用的框架，如 HTML、J***aScript 和 CSS。简单地说，当你在使用普通的流程开发一个 Web 应用时，开发完成后，运行一个生成器，将所有东西编译成一个本地应用，它会像一个浏览器一样运行你的 Web 应用。这种应用就被称为“Hybrid 应用（一种混合本地编程和 Web 编程技术的应用）”。

并且 NW.js 是国人开发的工具，比 Electron 还要早发布，不过目前没有 Electron 流行，如果是写基础小应用，二者没有什么大区别，可以随意尝试，这两个都是很不错的框架。

以上就是两种方便快捷的解决方案，希望能够帮到你。

关注我

如果我的回答，帮到了你，欢迎点赞转发哟，让跟多的人学到新知识。

如果你有什么疑问，也可以在下方评论哟，我会尽快为你解答。

感谢阅读 😏👍🏻