常见的web开发工具

网站开发工具有哪些

对于网站制作者来说，了解常用的网页制作软件和功能是必要的基础，但对于初学者来说，往往不清楚。以下是一些常用的网页制作软件，用于分析其优缺点。为了方便您根据自己的需要进行选择。

1、最简单的网络软件：事实上，我们可以使用Office软件来设计网页。只要网页内容不太复杂或只涉及静态网页，我们只需使用Office软件即可快速生成网页。具体方法是首先设计页面，然后将其另存为网页格式。

2、Microsoft FrontPage，是一个轻量级的静态网页制作软件，特别适合新手开发静态网站的需求，很少用于制作网页的应用程序。

3、DreamWeaver网页制作软件，该软件已成为专业级网页制作程序，支持HTML，CSS，PHP，JSP和ASP等多种脚本语言着色显示，同时提供模板应用功能，支持一键式生成网页框架功能。它是初学者或专业级网站开发人员必备的选择工具。

4、CSS设计：一个适合CSS调试的专业应用程序，可以着色CSS语法，同时支持即时查看样式功能，特别是方便成熟的调试和比较效果。

5、Flas***软件：动画或动态图片是网页的重要组成部分。使用Flash程序以完全合理的方式设计网页元素，通常会产生意外结果。

6、PS（Photoshop）图像处理软件：用于网页图像的点缀或特效处理，是网页制作的必备软件。

Web 开发常用的10款工具

1. Sublime Text

Sublime Text 是一个代码编辑器也是 HTML 和散文先进的文本编辑器。漂亮的用户界面和非凡的功能，例如迷你地图，多选择，Python 的插件，代码段，等等。完全可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API，Goto 功能，即时项目切换，多选择，多窗口等等。

2. WebStorm

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

3. HBuilder

HBuilder 是专为前端打造的开发工具，具有飞一样的编码、最全的语法库和浏览器兼容数据、可以方便的制作手机 APP、最保护眼睛的绿柔设计等特点。支持 HTML、CSS、JS、PHP 的快速开发。从开放注册以来深受广大前端朋友们的喜爱。

4. HttpWatch

HttpWatch 是功能强大的网页数据分析工具，集成在IE工具栏，主要功能有网页摘要、cookies 管理、缓存管理、消息头发送/接收，字符查询、POST 数据、目录管理功能和报告输出。HttpWatch 是一款能够收集并显示深层信息的软件，它不用代理服务器或一些复杂的网络监控工具，能够在显示网页的同时显示网页请求和回应的日志信息，甚至可以显示浏览器缓存和 IE 之间的交换信息，集成在 IE 工具栏。

5. LivePage

LivePage 就是一种免费的谷歌扩展插件，能在你对本地文件做出修改后自动刷新你的页面。这意味着你可以在本地编辑你的 HTML/CSS/JS 文件，而浏览器会在你每次保件时自动刷新。通常你需要花费一秒钟去刷新，但这样子操作许多次后你将会发现这有多么烦人。

6. WhatFont

你只需添加 WhatFont 到你的谷歌浏览器，每当你看到网页上某一种字体时，点击它并悬停，就会给你所有的包括字体样式、大小等方案，甚至在可服务时给出下载地址（例如 TypeKit 或 Webfonts）。

7. Test My Site

谷歌懂得提供优质的用户体验，他们总是尝试帮助站长们建立更好的网站。谷歌的一个优秀的工具叫 Test My Site，能测试任何网站在电脑和手机上的响应速度。

8. Web Developer Checklist

一格非常好的可扩展的开发人员项目开发参考列表。包含了可用性，可访问性，SEO，代码质量，安全等等的相关信息。 同时每一个类别里的项目链接都可以帮助你来检查相关信息。

9. wappalyzer

用于窥探网站使用技术的 Chrome 插件。

10. Visual Studio Code

这个不用多介绍了，微软带来的神器啊！