现如今，越来越多的移动和桌面端应用开始应用HTML、JS和CSS进行开发，对于网页开发和设计更是如此。目前这种局面也催生了更多新的网页技术，包括React.js、Angular以及Node.js这样的库。此外，随着需求及项目的进一步细化，开发者社区几乎每天都会出现新的库和开发工具，作为网页开发者或设计师的你，自然很有必要去了解和掌握当下最新的、实用的工具，持续优化工作方法、有效提高开发进度。以下小编收集了一系列优秀的开发和设计工具，包括在线/离线搭站工具、开源代码工具、在线代码生成器、排版工具等，一起看看吧。
·价格：基础版终身免费，个人版HK$30，高级版HK$63，商务版HK$199
·推荐指数：★★★★★
特色功能：
·安装方式简单、易用，内置许多搭站辅助工具，一键点击即可完成安装。
·插件工具众多，支持使用扩充其功能，适合DIY丰富的网站内容。
·第三方开发的免费模板、主题丰富，各色各样，应有尽有！
价格：基础版免费，个人版￥199/年，团队版￥1999/年，企业版￥9999/年
推荐指数：★★★★★
·价格：免费
·推荐指数：★★★★
·特定宽度功能，可以自动计算每行字符个数，也支持用户指定的宽度，生成自适应网页布局。
·组件库功能，支持将自己设计的组件收藏和保存到库，并拖拽到任意页面中。
·不同组件类别，可自己设计或者保存到指定的类别，并将它们快速应用到整个文档。
·具备流计算所有必要的属性（漂浮、清除等），并将元素作为静态文件流。
价格：基础版免费，个人版8美金/月，Pro版12美金/月，商务版25美金/月
推荐指数：★★★★
作为美国本土的一家自助建站服务商，Weebly使用了大量的Ajax技术，在操作性、用户友好等方面做得很好，同类型的服务商还有Webs，Yola等，但像Weebly这样针对中国用户单独增设中文网站的比较罕见。
·专业模板设计直接使用，目前已有70个、且在持续增加中，如果懂HTML/CSS，可以直接用它们的编辑器来定制。
·允许绑定个人的顶级域名，而且是绑定域名是免费的，直接提供IP地址即可，也可以在Weebly上购买域名。
价格：个人版$9.99-$82.99/月，商务版$33.99-$79.99/月
相信不少做开发和设计的小伙伴对DW这款软件并不陌生，它是集网页制作和管理网站于一体的WYSIWYG网页代码编辑器，通过使用HTML、CSS、JavaScript等语言，程序员和设计师几乎可以在任何地方快速制作和上线网站。支持Windows和Mac操作系统，对刚入门初学者或者需要进阶的大神来说都是不错的选择。
·自适应网格，可使用CSS3自适应网格版面，创建跨平台和浏览器的兼容网页设计，采用符合业界标准的代码为各种不同设备和计算机开发项目。
·实时视图，支持再发布前测试页面，采用最新版WebKit转换引擎，提供绝佳的HTML5支持。
·“多平面预览”面板，支持为智能手机、Tablet和个人计算机进行设计，开发人员也可以通过其为各种设备设计样式并实现渲染可视化。
摹客，支持Sketch/PS/XD/Axure设计稿交付、自动标注切图、全流程协作。助力设计师和产品团队高效工作！