网站开发工具有哪些

你写网页是用什么软件呢？Dreamweaver？FrontPage？ UltraEdit 还是记事本？其实除了这类编写 HTML 和程序码的软件以外，还有很多小巧而且免费的软件，可以帮助你在写网页时更方便、写的更好哦！尤其时在写 CSS、Javascript 或 Ajax 的时候，这些都是不可或缺的软件呢！也是小正正平常工作在使用的软件，现在要介绍给你！

综合开发工具

综合的网站开发工具几乎都是浏览器的插件，提供了许许多多的功能，例如：

开关 CSS、开关 Javascript、开关 Cache：可以马上看到你的网页在浏览器中没有 CSS、没有 Javascript 或没有快取时的是长怎么样子。为什么要看没有 CSS 和 Javascript 的状况呢？一切都是为了 Accessibility 啊！

检视页面中文件的 DOM 结构和指定范围的原始码。

检视每个元素或 DIV 的ID、Class、目前的CSS样式（包括继承的样式），也可以将元素或 DIV 的外框显示出来。对于找出 CSS 和 Javascript 的问题十分有用。

检验 HTML 和 CSS 语法是否正确、符合 W3C 的标准。

因为这些工具是属于浏览器的插件，所以有分为给 IE 和 Firefox (缩写为FF) 所使用的版本，包括有：

Internet Explorer Developer Toolbar (IE)

Web Developer Extension (FF)

Firebug (FF)

HTTP 呼叫检视工具

让你可以很容易看到任何由浏览器所发出的 HTTP Request 的一切细节，包括档头资讯、所传递的参数、档案大小、传输速度和时间…等等。用来观察 Ajax 呼叫的行为和除错最方便了！

HttpWatch (IE)

Firebug (FF)

原始码工具

其实大部分的综合开发工具就已经有这样的提供功能，让你单独检视网页中某个区域的原始码，或是帮你检查语法的正确性，另外也有单独小巧的原始码相关工具可以使用。想要鼠标滑过去就立刻看到该范围的原始码吗？而不需要在茫茫“码“海中捞针。

Instant Source (IE, 不是免费的)

HTML VALIDATOR (FF)

图形相关工具

除了用 Photoshop、Fireworks 这类标准的大型软件来切图以外，对于平常一些简单的工作，杀机焉用牛刀呢？

Color Cop：可以吸取画面上任何地方的颜色色码。

MeasureIt (FF)：测量画面上的像素距离，例如想知道行距、边界要设为多少像素时，就靠他了。

Screen Calipers：这是另一套用来测量画面上像素距离的小软件。

Split Browser (FF)：将 Firefox 同一个浏览器视窗分为上下或左右两半，让你可以在同一个画面上同时看到两个或多个不同的网页内容，互相做比对，而不需要在多个视窗中切换来切换去。

IE Tab (FF)：虽然是叫做 IE Tab，但这可是 Firefox 的插件。让你在 Firefox 的浏览器视窗中开启 IE，神奇吧！

MWSnap：免费的萤幕抓图软件，用来切图也很方便，只要用秀图软件将原始网页设计的整张图打开、显示在萤幕上，就可以用萤幕抓图软件，撷取出某个范围的图形了。

HyperSnap：另一套好用的萤幕抓图软件，但不是免费的。

Picasa：Google 的免费秀图、图片管理软件。

Adobe Labs’ Kuler：Adobe 提供配色参考的网站，想不出要用什么颜色时，不妨去看一看找寻灵感吧！

Web前端开发需要哪些工具？

前端开发中需要掌握最基础的技能就是HTML、CSS，JavaScript。前端的开发中，在页面的布局时， HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互，在进行开发前，需要对这些概念弄清楚，才能进行合理的开发。

在网页建设的过程中，为了避免代码的繁琐杂乱，更高效快速地完成任务，就会使用到一些有代码高亮提示和语法提示等便捷功能的前端开发工具。

1，Dreamweaver：中文名“梦想编织者”。是集网页制作和管理网站于一身的所见即所得网页代码编辑器。它可以使用所见即所得的接口，亦有HTML编辑的功能，借助经过简化的智能编码引擎，轻松地创建、编码和管理动态网站。访问代码提示，即可快速了解 HTML、CSS 和其他Web 标准。 使用视觉辅助功能减少错误并提高网站开发速度。

2，Sublime：Sublime Text 是一个代码编辑器，也是HTML和散文先进的文本编辑器。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。

3，HBuilder：是DCloud,推出的一款支持HTML5的Web开发IDE。 HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。

有了工具，接下来还得靠我们人来操作。你必须熟悉三种语言，把这些概念弄明白，才能开发出好的作品。

网页制作有哪些软件

新手建议下载自助建站系统来，

1、下载PageAdmin系统后，如果本机或服务器安装，请参考：PageAdmin安装教程 ，如果购买虚拟主机，通过ftp上传PageAdmin文件压缩包到你购买的网站空间，然后解压，输入你的网站空间绑定的域名即可打开安装界面。

2、第一次安装PageAdmin，默认打开PageAdmin的安装界面，如下图：

3、点击下一步，进行权限检测，检测通过后进入设置界面，在这里设置网站的主域名，约束方式默认即可，后台目录默认admin，可以自行修改。

数据库设置：本机或服务器请参考sql配置教程，如果购买的网站空间，数据库参数资料联系空间商。

根据实际参数填写好好进入下一步。

4、设置好默认管理员和密码。

5、安装完毕后，点击管理网站进入管理后台。

6、进入管理员登录界面，如下图，输入管理员账户和密码后即可登录管理后台。

网站建设的工具有哪些？

一、上传工具1、FlashFXP（必须）2、LeapFTP3、cuteFTP4、FileZilla5、SSH Secure Shell Client6、putty这里个人推荐使用FlashFXP，linux服务器推荐使用SSH Secure Shell Client，可以复制粘贴，相对比较容易。二、网页设计编辑排版工具1、Dreamweaver（必须）2、UltraEdit3、EclipsePHP Studio4、Notepad++5、比较工具bcompare（必须）上面这几个在网页编辑排版制作中都经常使用，我个人习惯是Dreamweaver制作htm使用，Notepad++写CSS时候使用，偶尔也可以修改htm和php，EclipsePHP Studio写大型php项目的是使用。三、网页图像设计工具1、photoshop（必须）2、flash3、Fireworks4、Adobe Illustrator5、CorelDraw网页图像设计工具常见使用photoshop和Fireworks，其他几个基本都是专业设计的才会使用到，制作网页一般很少使用。四、浏览器工具1、火狐浏览器的firebug工具（必须）2、谷歌浏览器的审查元素（必须）3、Ietseter多版本IE测试工具（必须）上面推荐的这3个浏览器工具都是经常要使用的，作为一个站长可以说电脑上必须安装的3个浏览器。相关必备手册：1、CSS 2.0 样式表中文手册.chm2、CSS 完全参考手册3.0.chm

3、样式表滤镜手册.chm

国内几款比较好用的html5页面制作工具有哪些？

HTML5被看做是Web开发者创建流行web应用的利器，增加了对视频和Canvas 2D的支持。用HTML5的优点主要在于，这个技术可以进行跨平台的使用。比如你开发了一款HTML5的游戏，你可以很轻易地移植到UC的开放平台、Opera的游戏中心、Facebook应用平台，甚至可以通过封装的技术发放到App Store或Google Play上，所以它的跨平台性非常强大，这也是大多数人对HTML5有兴趣的主要原因。今天,我将为大家推荐几个主流的HTML5开发工具。

1、Sublime Text

Sublime Text是一个跨平台的代码编辑器，同时支持Windows、Linux、Mac OS X等操作系统，也是HTML的文本编辑器。

Sublime Text具有漂亮的用户界面和强大的功能，主要功能包括：拼写检查、书签、完整的 Python API 、Goto 功能、即时项目切换、多选择、多窗口等等。

2、Dreamweaver cc

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，拥有可视化编辑界面，支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，初学HTML5的人可以无需编写任何代码就能快速创建Web页面。

3、Adobe Edge

Adobe Edge是一款新型网页互动工具，允许设计师通过HTML5、CSS和Java制作网页动画。Edge的一个重要功能是Web工具包界面，方便确保页面在不同浏览器中的架构一致性。

4、WebStorm

WebStorm是一款Java开发工具，WebStorm具有的优势是：智能的代码补全、代码格式化、html提示、联想查询、代码重构、代码检查和快速修复、代码调试、代码结构浏览、代码折叠、包裹或者去掉外围代码。

5、HBuilder

HBuilder，即Html Builder的缩写，Builder是建造者的意思。HBuilder是一个极客工具，追求无鼠标的极速操作，不管是敲代码的快捷设定，还是操作功能的快捷设定，都融入了效率第一的设计思想。

6、visual studio code

一个运行于Mac OS X、Windows和 Linux 之上的，针对于编写现代Web和云应用的跨平台源代码编辑器。该编辑器也集成了所有一款现代编辑器所应该具备的特性，包括语法高亮，可定制的热键绑定，括号匹配以及代码片段收集。

7. DevExtreme

DevExtreme Complete Subion是性能比较好的的HTML5、CSS和Java移动开发框架，可以直接在Visual Studio集成开发环境，构建iOS、Android、Tizen和Windows Phone 8应用程序。DevExtreme包含 PhoneJS 和 ChartJS 两个原生UI组件，并且提供源代码。目前，DevExtreme支持VS2010/2012/2013集成开发环境，兼容Android 4+、iOS5+、Windows 8、Window Phone 8、Tizen五大移动平台，是Visual Studio开发人员开发跨平台移动产品的首选工具。

8. Sencha Architect

在开发移动和桌面应用的工具中，Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发Sencha Touch2和Ext JS4 Java应用，并实时预览。

开发工具的选择，可以说是开发者社区中一个经久不衰的话题，现今编辑器的数量数不胜数，vim、sublime Text,Emacs,Atom等等，那么对于一个开发者而言，挑选一个合适的编辑器是可以有效的提高编程效率;那么以上是我为大家推荐的几款开发工具啦，大家可根据自己的喜好选择哦！