前端编辑工具比较好用免费的HTML编辑器有哪些

web前端开发工具有哪些

web前端开发工具主要是有css、html、java、js、jquery，这些入门操作都是非常简单 1、学习css，这个css没有包含css3，通常我们看到对于web前端工程师要求是要会使用css+div或css+html对界面进行布局，因此 css是辅助html来展示以及布局的，称之为css样式。

上面说的css+div中的div就是html主要用在布局上的，div是核心要掌握的东 西。

而且css是一定需要配合div进行使用，所以学css要熟悉掌握position、height、float、width，并对于界面的最大最小、能 使用百分百、margin、overflow、padding等。

这些关系到布局样式的一定要能够熟练掌握，实在不明白可以到杭州有码互联咨询 下，有码讲师都是有超过三年以上的项目经历。

2、html是web前端开发工具中最为基础和最简单的，在html中要掌握的有form table、span、p、div、ul li 、font这各类标签。

尤其是table和div，table虽然也能布局使用，但是不方便，通常是用table和数据打交道的。

而div是用来布局。

3、学习web前端开发的话要是能够会些java、php等后台语言更是加分了。

因为web前端的界面数据都是在后台那过来的，要是会后 台语言的话，就更节约时间，不仅知道如何于后台交互数据是最好的，也知道怎么写前端的代码会更加规范。

就不会出现写法和后 端的数据不匹配，要重现编写的尴尬现象了。

4、掌握js，也许前面提到的大家都觉得还可以。

但一说到JS就晕了吧？事实上js的入门非常的简单，只要能够会根据某个name、 或id拿到网页的样式、值和dom。

以及会给某些name或id的元素标签赋值、追html、追加数据，在按照逻辑推断。

至于效果无疑就 是弹框、跳转、隐藏等。

再把这些结合到其他的，代码其实就一点也不不会难了。

学会了基础的js之后，其他的方面结合学习资料 多看多用基本上是没问题的。

5、学习jquery.jquery是把js封装了一套的一个js插件。

最终就是希望代码简化、操作更方便。

Jquery入门也不难，它需要学的和 js一样，不同的是换成了jq的代码。

其他结合别的学习资料就可以了。

6、最后是学习css3+html5了，这个目前是最流行的了，如果是搞后端的话，在工作里面也不怎么会用到，一般是在网站中出现问 题了，那就需要用到css3+html5去修改一下。

有哪些好用的网页前端开发工具？

Bootstrap 如果你想给你的新项目的专业的外观和感觉，Boostrap 可能是你需要的工具。

它拥有一个非常干净的排版，表格元素，以及设计一个现代化的网站你需要的所有东西。

更多信息: twitter.github.io Foundation Foundation 来自 Zurb，是一个非常有趣的工具，特别适合用于创建响应式网页。

Foundation 有很多不同的布局模板，所以在你启动新项目时，肯定可以帮助你节省很多时间。

更多信息: / Compass Compass 是一个开源的 CSS 编写框架。

它采用 Sass，扩展了 CSS，增加了嵌套规则，变量，混入，选择继承等特性。

绝对值得一试!更多信息: / Profound Grid 这是一个响应式的网格系统，用于固定和流体布局，内置 SCSS。

如果你打算开发一个基于网格的布局，你绝对应该试试 Profound Grid。

更多信息: / Kube Kube 是一个简单而简约的 CSS 框架，基于灵活的网格和漂亮的印刷字体。

如果你正在寻找一个轻量级的框架，没有强加的风格，那么这是适合你的工具。

更多信息: /kube/ Topcoat 我知道，我已经在文章介绍过很多次 Topcoat 了，不过 Topcoat 是真的很棒!如果你想能够快速，轻松地创建一个专业的网站，那么这是一个很好的选择。

更多信息: coat.io/ Pure CSS Pure CSS 来自雅虎，是一组 CSS 模块，您可以作为基础在每一个 Web 项目中使用。

它使 CSS 开发更容易，整个框架看起来很干净，专业。

如果你还没有用过的话，尝试一下!更多信息: http://purecss.io/ KNACSS KNACSS 是一个简约的，响应式的和可扩展的 CSS 框架。

它处理基本要素，盒大小，边距，浮动，简单和复杂的对齐，定位，布局网格，间距等等，而且一切都是自动的!更多信息: / Metro UI 你喜欢 Windows 8 的风格吗?如果是的话，我敢打赌，你会喜欢的 Metro UI，这个 CSS 框架允许你创建的 Windows 8 风格外观和感觉的网站。

更多信息: .ua/ Skeleton Skeleton 是一个小的 CSS 文件集合，可以帮助你迅速开发在任何尺寸都外观漂亮的网站，不过是在17寸的笔记本电脑的屏幕或 iPhone 上。

更多信息: /

Web前端开发初学者使用什么工具好一些？

编辑器dreamwaver,有代码提示，操作简单，功能单一，可以结合BVscript及JAVAscript进行应用，也就是说在程序语言中可以嵌套HTML； sublime很不错，但是没有代码提示； 切图firework； 比ps稍微方便点； 等到要用服务器的时候，学习ajax，可以使用vs，自带服务器，不用任何操作。

Adobe Dreamweaver，简称“DW”，中文名称 "梦想编织者"，最初为美国MACROMEDIA公司开发? ，2005年被Adobe公司收购。

DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器。

利用对 HTML、CSS、JavaScript等内容的支持，设计人员和开发人员可以在几乎任何地方快速制作和进行网站建设。

Adobe Dreamweaver使用所见即所得的接口，亦有HTML（标准通用标记语言下的一个应用）编辑的功能，借助经过简化的智能编码引擎，轻松地创建、编码和管理动态网站。

? 访问代码提示，即可快速了解 HTML、CSS 和其他Web 标准。

使用视觉辅助功能减少错误并提高网站开发速度。

前端构建工具是干嘛的，为什么要用构建工具

1. 【调试服务器】首先如果你是一个准备做WEB开发实践的，不管前端、后台，首先需要了解一两种服务器apache，tomcat，nginx啥的，至少能够配置一个基本的本地服务和修改索引路径，前端页面使用http/https协议访问，而不是本地文件协议（file协议下很多jsAPI都是受限的）。

2. 【调试自动更新】服务器搭建好了，那么现在开始调试网页，然后你修改一点代码，去浏览器里面F5刷新页面看看效果，再修改一点代码，再去浏览器里面F5刷新页面看看效果...如此循环往复， maybe让工具帮助你检测本地文件修改然后实时刷新网页更靠谱。

3. 【换种方式写代码】然后就是写代码了，less/sass是不错的css组织工具，ES6也能让你的javascript代码显得更严谨和逻辑清晰，要是能够在访问页面的时候实时获取css/babel(es6编译器)编译结果神马的应该显得很cool。

4. 【模块化】当然在完成逻辑相对复杂的交互功能时候，可能需要你组织非常复杂的代码功能，这个时候了解一下模块化的开发思想显得很有必要require.js事实上更早，也更广泛一点，sea.js在国内也不错。

5. 【模板引擎】然后就是对于js生成HTML(或者其他什么的)的一种包装方式, 即：js模板引擎(handlebars,jade)， 你可以尝试在开发时候使用这样的模板工具生成自己想要的HTML文档什么的，也是一种不错的体验，这个就像你用less写css代码一样，或者说用php，jsp这样的服务端语言工具生成实时HTML页面。

6. 【代理调试】有的时候你开发的东西并不只是前端代码，牵扯到跟服务端应用之间的数据交互，难免需要使用ajax，ajax这货基于安全考虑是不允许跨域的，因此可能需要通过代理的方式实现数据调试这样的工具也有不少，nginx服务器是其中的佼佼者。

7. 【资源合并优化】OK， 如果到完成开发阶段，你需要提交自己开发的代码到线上服务器了，在提交之前，你需要考虑将开发的资源进行最优化(合并，压缩神马的)， js方面有uglify，css有cssmin神马的，图片压缩还可能根据不同的类型进行不同程度和配置的压缩，这些事情交给别个工具处理显得很有必要，要是能够一键处理那简直了， 百度的fis，业内最流行的grunt.js、gulp.js神马的，事实上它们在配置化编译LESS/Coffee这类工作在自己的流程中也很在行。

8. 【Combo】使用异步模块化开发带来的弊端就是对于大量零碎依赖文件需要分别开辟多个bo参数来组织一个获取nginx的 http-concat格式资源的路径，当然这样的动态合并模式也适用于普通的资源请求合并。

9.【资源缓存和更新】 CDN 能够确保你已经发布到服务器上的资源以最快的响应时间到达浏览器，但是带来的问题是，你的代码更新，CDN则傻乎乎的不理你，除非你在使用的地方告诉它需要更新了( 时间戳、MD5文件名啥的 )。

事实上，我觉着凡是重复进行的工作总有可以程序和代码可以替你完成的部分，前端开发中这种事情尤其多，工具啥样的自己去定义才最合适自己，而nodejs的出现使得前端自己可以方便的开发这类东西（上面的less、coffee、uglify、gruntjs、fis、gulp这些个单词可以说：都依赖nodejs）。

比较好用免费的HTML编辑器有哪些

在中国，你想要的绝大数东西懂是免费的，现在破解版的东西有多少？ dreamwaver很专业，想要的功能基本上都涵盖，但是站内存也多。

你是新手的话还是不要用Dreamweaver了，这个基本不需要写代码，在图形界面下基本就可以完成，如果你是老手，为了方便的话，Dreamweaver还是很不错的选择。

如果只写纯粹的HTML代码，EditPlus也挺不错，小巧精简，也可以写php。

如果你需要开发网页的话，需要配合css，JavaScript，php，ajax的话，notepad++很不错，精简实惠，占用系统资源也很少，功能挺强大，速度非常快的编程软件。

但是要说最强大的话还是eclipse，不过主要是写php的，前端的内容也能写，也很智能，缺点就是占用系统资源比较大，如果你电脑配置高不在乎的话，可以用一下，（注意，这个eclipse并非写Java的eclipse，它只是一个精简版，主要用来写php的 ） 还有，那个Dreamweaver占用资源也是比较大的，而且好多功能对于新手来说还是用不上，所以最后还是建议你用EditPlus或者notepad++。

希望我的回答能帮到你，就是来的有点晚，谢谢。