制作网页的软件有哪些：按技能选型

制作网页的软件有哪些主要分为代码编辑器、可视化网页工具、在线建站平台三类，你会HTML、CSS优先选VSCode这类代码编辑器，零基础不想写代码可以选Webflow、Wix这类拖拽工具，只做页面原型则用Figma，代码编辑器可以导出独立网页文件，在线建站平台大多绑定托管服务，导出源码会有较多限制，该选型框架适合独立开发者、小店经营者、学生作业，不适合需要私有化部署高并发业务系统的项目。

制作网页的软件之代码编辑器

VSCode是跨平台免费代码编辑器，通过插件扩展HTML、CSS、JavaScript语法提示、自动补全和实时预览功能，文件保存在本地，你可以自由搭配任意服务器上传网页，适合长期学习网页开发。SublimeText启动速度快，占用资源偏少，轻量打开零散网页文件，适合快速修改小段代码。Brackets自带实时预览窗口，修改代码后页面同步刷新，主打网页前端开发，对新手调试样式较为友好。

AdobeDreamweaver同时提供可视化画布和代码视图，拖拽组件会自动生成代码，适合想要兼顾可视化操作和代码学习的人群，订阅制付费，软件体积偏大，生成的代码冗余程度高于手写代码。

制作网页的软件之拖拽可视化建站工具

这类工具不需要手写基础标签，在画布上拖动文本框、图片、按钮完成排版，自带响应式适配，一键发布上线，很多版本自带主机托管，不用单独购买服务器。

Wix模板数量充足，预设表单、相册、商城模块，你填入文字图片就能发布，后台维护简单，适合没有技术人员的小微商家。Webflow输出的代码结构整洁，方便后续交给开发人员二次调整，学习成本高于Wix。

制作网页的软件之原型辅助工具

Figma是网页UI原型工具，用来画出网页布局、配色、按钮交互效果，它不能直接生成可部署的网页，原型定稿后再交给开发或者导入支持对接Figma的建站工具。Sketch仅支持macOS系统，多用于设计师输出网页界面稿，生态里有大量网页组件资源。

不要把原型工具当成网页发布工具使用。

WordPress属于内容管理系统，搭配页面构建插件可以可视化搭建网页，源码开源，你自己购买主机部署，插件生态丰富，适合博客、资讯站、长期更新内容的网站，前期需要简单配置服务器和域名。

在线沙盒工具CodePen、CodeSandbox适合临时写小段网页代码做效果测试，打开浏览器就能用，适合前端练习、分享代码片段，不适合用来搭建正式上线的完整网站。

如果你只需要交付学校网页作业，优先选Brackets或者VSCode。