【网页设计软件大全】21个最常用的写网页软件
不少人会选择自已去架设网站。然而，有哪些工具，较适合你在架设网站时使用呢？
这篇「网页设计软件大全 - 21个最常用的写网页软件」，将会分开6个类别，为你去介绍最常用的软件：
- 架网软件（Web Builder)
- 电子营商（Ecommerce Builder）
- 网站设计（Ul/UX Design）
- 销售页面（Landing page Builder）
- 网上课程软件（Online Course Builder）
- 编程软件（Code Editor）
如果你对网站制作感兴趣，想看看有什么软件可以用的话，这篇文章就适合你不过了。
架网软件
架网平台五花八门，如今自行架网已经不是一件难事。
你可以租用虚拟主机来制作WordPress网站，也可以使用架网平台，制作出精美的网页。
1.WordPress
网址：https://wordpress.org/
简介：WordPress是一个非常受欢迎的架站软件，具备大量免费模板，即使不懂编程也好，你也可以利用WordPress来制作简单的网站。
推荐指数：★★★★★
优点：
1.外挂功能多：WordPress拥有50000个以上的外挂，很多外挂都能免费安装，让你尽情使用。
2.丰富的布景主题：WordPress提供不同主题的布景主题，只要更改文字与图片，没有IT知识的人也能轻松架网！
3.可以自行开发新的功能及外观：你会编程的话，可以利用Wordpress作为CMS去做外观及功能的开发
缺点：
1.要花时间学习：WordPress功能较多、较完善，新手需要花更多的时间来掌握其用法。
2.需自行管理：不像其他软件有专家团队协助，有问题时，你需要依赖网上论坛的方案自行解决，承担风险，并需要自行定期为网站作备份与维护工程。
收费：免费（但需要主机和网址费用)。
2.Wix
网址：https://www.wix.com/
简介：Wix是一个享誉盛名的架设网站软件，曾一天达到3万以上人注册，适合有经验人士所架设。
推荐指数：★★★★☆
优点：
1.模板漂亮：Wix提供500多个模板让人选择，对于不懂设计的人来说，透过选择模板，也能制作出漂亮与看起来专业的网站。
2.不需懂太多程式语言：一般人也能轻松操作，如把图片、影片摆放在你喜欢的位置。
缺点：
1.外观和功能有限制：模板上部分的外观和功能，不能作更改。
2.收费软件：Wix并非像WordPress一样免费，是一款付费软件。
价钱：
- 免费版：拥有免费版，但网站上会出现Wix的广告，且不会拥有专属的网域。因此如果你想有更好的功能，可以选择Wix Combo Plan。
- Wix Combo Plan:每年美金$12，适合用来作个人或活动网站，提供的服务包括：移除Wix广告、2GB频宽等等。
有关更多收费详情，你也可以参考：https://www.wix.com/upgrade/website
3.Webflow
简介：Webflow是个网页设计软件，标榜使用者没有程式基础，还是可以轻松建置出个人风格强烈的网站。
推荐指数：★★★☆☆
优点：
1.无需对程式语言有深入的了解。
2.教学资源充足，提供 Webflow University 教学，并针对你执行上的问题给予解答。
缺点：
1.独特的架网方式：Webflow有其独特的架网方式，用家需学习Ｗebflow的开发方法。
2.外观和功能有限制：模板上部分的外观和功能，不能作更改。
收费：Webflow 根据你的需要，提供不同的计划，价钱也因而有所差异。
- 基本网页建构：每月12美元，提供服务包括托管、免费 SSL 和每月高达 25,000 次访问。
- 电子商务计划：每月费用为 $29美金，适合建立网店，提供包含其 CMS 计划中提供的所有功能、500 个项目和 3 名员工访问权限。
有关更多收费详情，你也可以参考：https://webflow.com/pricing
4.Square Space
网址：https://www.squarespace.com/
简介：Square Space在2004年发源于纽约，是网站制作平台，致力帮助创意认识展示其艺术才能。
推荐指数：★★★☆☆
优点：
1.随时转换模板
2.方便编辑，除了使用电脑外，Square Space支缓手机编辑，只要下载它的应用程式，你就可以利用手机来修改网站的内容。
缺点：
1.需要时间学习：Square Space并非纯粹拖放式处理的网站建设程式，因此要花点时间掌握它。
2.外观和功能有限制：模板上部分的外观和功能，不能作更改。
收费：提供14天免费试用，其后则按照不同的方案付费。每月美金12元-40元不等。
有关更多收费详情，你也可以参考：https://www.squarespace.com/pricing
电子营商
在疫情下，网上商店成为人们的购物天堂，足不出户也能买到我们的心头好。假如你也想开设网店，你可以选择以下多个电子商务软件：
1.Woocommerce
简介：Woocommerce 是一款安装在WordPress上的电子商务外挂，帮你的网站加上ecommerce的功能。包括：货品管理、购物车、网上信用卡等，让用家不但能够写blog，更能够开设网上商店。
延伸阅读：《WOOCOMMERCE教学-低成本，建立Wordpress网店》
推荐指数：★★★★★
优点：
1.容易操作：WooCommerce安装方法简单，只需要在WordPress的后台「外挂」搜寻Woocommerce这个字，就能成功安装。再加上安装完毕后，它有引导的介面，让你认识WooCommerce的基本操作，因此新手也能轻易上手。
2. 提供财报分析：你可以根据日期，来看看每天和每月的销售量，进而改变自己的营商策略。
3.商品设定多元化：WooCommerce没有太多的限制，例如：商品的数量、类型等，让你可以根据自己公司的需要来作更改，方便管理。
4.主题选择多：因为WooCommerce与WordPress一起运作，有更多的设计师开发主题，例如：WooCommerce有几千款免费主题选择。
5.免费：由于Woocommerce为免费软件，这吸引了不少用家安装呢！
缺点：
自行设计与架网：你仍需要安装其他WordPress插件来增加其功能。如果没有设计触感或缺乏程式知识，你是难以处理较复杂的设定，因此难以达到你心中想要的效果。
价钱：Woocomeerce是一个免费的WordPress外挂。
你只需要买虚拟主机(host) 和 网域名称（domain），就能建设你的网店。虚拟主机大约一年120美元，而网域名称则约15美元。
2.Shopify
网址：简介：Shopify是一个加拿大的网站软件，以月费形式收费，让用家自行架设网上商店的平台，用户可以上架货品、设计网站、管理后台等。
推荐指数：★★★★★
优点：
1.外挂多：能够做很多功能。
2.具备国际CDN（内容传递网络）：支缓各国，无论身处于哪个国家，都能够快速地加载网页。
3.外观吸引：可以用内置的设计，你无需设计网页的外观，只需要专注产品的管理。
缺点：
1.收费软件：Shopify为收费软件，用家需每月支付费用才能使用。
2.功能偏向外国：Shopify部分功能不支缓亚洲地区。
价钱：Shopify以月费形式收费，根据你所选择的计划，每月29-299不等。并且，有14天免费试用期，给你探索Shopify功能的机会。
关于收费你可以参考：https://www.shopify.ca/pricing
3.Shopline
网址：简介：Shopline为香港品牌，支缓亚洲支付系统、物流运送等，适合用家架构亚洲市场的网上商店。
推荐指数：★★★☆☆
优点：
1.付款系统针对亚洲市场：不但设有信用卡或PayPal两种常见的支付系统，还提供Line Pay、ATM、Payme、转数快等，依照店家的需求进行申请。
2.物流针对亚洲市场：与一般外国平台只设邮寄方式有所不同，Shopline针对不同地区提供不同的物流服务，例如：顺丰快递、7-Eleve、FamilyMart等。
3.容易操作：与Shopify相比，Shopline的设定较少，适合新手创业使用。
缺点：
1.主题变换灵活性低：网页功能或设计已经固定，较难作改变。如果要增加版型样式，则需懂得程式语言。
2.限制多：若购买的是基本方案，对于上架货品的数量有限制，如：商品件数最多是1000件。
3.部分主题普通：Shopline内置的主题较简陋，不太吸引顾客。
价钱： Shopline收费分为四个计划，分别是：基本开店、进阶电商、全方位新零售、企业旗舰方案。
然而，价钱相对高昂，以最基本的服务方案为例，价钱与较为高价位的Shopify基本方案相若，但从功能上比较，Shopify的基本方案则全面得多。
关于收费你可以参考：https://shopline.hk/about/pricing
4.Boutir
网址：https://www.boutir.com/HK/zh-Hant
简介：Boutir也是另一个香港品牌，以简单容易上手为其卖点，利用一部电话就能马上开设一间网上商店，主打手机市场。
推荐指数：★★★☆☆
优点：
1. 针对亚洲市场：Boutir在付款系统方面，同样提供在地化的付款方式，包括：八达通、微信支付、银联、PayMe、Apple PayLine Pay等。而物流方面，则提供：顺丰、中通、Alfred智能柜等，切合香港本地顾客的需要。
2.数据报告：每周皆提供重要的数据，让用家能了解商店的整体表现，并推出相应的策略，提升销量额。
3.收费便宜：每年年费由港币1188元起，平均每月只需99元港币。
缺点：
1.限制多：每个月的交易上限为30个，并且规定用家使用旗下的Apps来管理商店。
2.难以更改设计：只有固定的设计模板，用家无法自定网页的设计。
价钱：分为三个计划：入门计划、商务计划和商务Plus。
入门计划为1188一年，平均每月99元，但限制每个月只能有30单的交易，故此推介小型企业使用商务计划，则能享受无限的交易量。
关于收费你可以参考：https://www.boutir.com/subscription?region=HK
UI/UX设计
我们常常听见人们把UI、UX挂在嘴边，那么究竟它们是甚么？
UX（user experience）是用户体验，指顾客在你的网站上的体验。页面或与用户的互动、易用性、速度，都影响著顾客的感受。
UI（user interface) 则是用户介面，它指的是用户的视角体验，包括：应用程式每一个按钮放在甚么位置、字型、颜色、图像选择等。故此，UI和UX两两相对，互为影响。
以下将为你介绍数个UI/UX设计软件：
1. Figma
网址：简介：Figma是线上介面设计软件，允许团队多人进行设计。
推荐指数：★★★★★
优点：
1.即时协作：能够让多个人在同一档案内工作，任何文字、设计的改动，都能够即时地呈现出来。这让设计师沟通的流程变得更透明与容易，方便他们讨论与作修改。
2.免费方案：免费方案提供所有核心的功能，让新手能够体验后，再作购买。
3.实时储存：Figma档案都会自动在云端更新，因此不用担心忘记储存或误删除档案等问题。
4.多主题模板：Figma内置不少主题模板让用家选择，用家做起UX layout也更方便。
缺点：
1.不能离线使用：必须具备网络才能储存在云端上。
收费：Figma分为三个方案，如果是初阶版本则是免费的，但最多只能有3个专案；如是专业版或组织版则没有上限，价钱是每月12至45美元。
关于收费你可以参考：https://www.figma.com/pricing/
2.Sketch
网址：简介：Sketch是一款支缓MAC的UI/UX工具，为初期UI/UX设计者常用的软件。
推荐指数：★★★☆☆
优点：
1.即时协作：Sketch在2021年5月开始则更加即时协作的功能，让授权者不但能够检阅档案，更能作共同的编辑。
2. 大量的插件和组件库。
3. 基于矢量，能够以完美的像素进行设计。
缺点：
1.电脑支缓：只支缓MAC，Window电脑不能使用。
收费：Sketch的基本版本是每年9元美金，每年则99美元。
关于收费你可以参考：https://www.sketch.com/pricing/
3.Adobe XD
网址：简介：Adobe XD全名为 Adobe Experience Design ，款一款 UI/ UX 设计软件，支援 Windows 10 和 Mac OS。它主要用来设计行动装置、网页画面以及 Prototype 呈现。
推荐指数：★★★★☆
优点：
1.容易上手：Adobe XD的介面简单，如果你本来已经熟悉Illustrator或Photoshop的使用，那么Adobe XD对你来说，也会容易上手的。
2.电脑支缓：无论是Window或MacOS都能安装
3.具备「快速布局」的功能：可以直接复制整排的原件，快速地进行水平的排版。
缺点：
1.绘图功能：基于Adobe旗下还有Illusrator和Photoshop，因此Adobe XD内设的基本绘图工具较少，只能纯粹做介面，用来插图绘制就比较困难。
收费：每年65元。
关于收费你可以参考：https://shop.adobe.com
销售页面
设立Landing Page（销售页面），是为了让使用者采取特定的「行动」，如：注册帐号、填写表单、购买产品等。
故此，一个好的Landing page需具备吸引力的文案、使用见证、显而易见的行动呼吁按钮(CTA)等。
以下将介绍数个专门做销售页面软件：
1.Click funnels
网址：https://www.clickfunnels.com/
简介：ClickFunnels由Russell Brunson及其团队于2014年建立，是一个给用户建立网站和销售漏斗的软件，你可以利用它来建立登录页面、追加销售(upsells)和降价销售(downsells)等，为客户提供更多的服务。
推荐指数：★★★★☆
优点：
1.创办人Russell Brunson是提倡使用销售漏斗来增加销售量的先驱，可以说是这个业界的龙头。
2.多元化的销售漏斗模板：你可以根据自己的业务需要，选择相应的漏斗，例如：挤压页面漏斗，电子书漏斗等等。
缺点：
1.收费高昂。
2.部分外观普通：部分Clickfunnel内的主题外观一式一样，加上主题外观遭到滥用，让人看起来就像诈骗网站。
3.销售漏斗和访问者的限制：如果你是选择最便宜的方案，则限制你只可以建立20个漏斗和20000个访问者。若你不想受限制，则要升级至Plantinum计划。
价钱：
- 基本计划：97美元一个月，但你最多只能建立20个漏斗和拥有20000个访问者，也无法访问Follow-Up funnels 和 Backpack。
- 升级计划：每月花费约297美元，就没有以上的限制。
关于收费你可以参考：https://affiliates.clickfunnels.com/optin32420079
2.Leadpages
网址：https://www.leadpages.com/welcome
简介：Leadpages在2012年成立于美国，卖点是架站方便，不需要懂得任何程式，也能制作著陆页（Landing Page），故此吸引用户使用，至今已经拥有超过40000名用户。
推荐指数：★★★★☆
优点：
1.大量模板使用：超过130个免费和付费模板，你只需要编辑文字，帮助你快速建立landing page。
2.经济实惠：标准版本也只是每个月37美元。
3.拖放编辑：2016年起，Leadpages提供拖放编辑（Drag and drop editing），使用起来更为方便。
缺点：
1.缺乏电子邮件营销服务
2.标准计划只提供有限的A/B测试
3.拖放生成器速度缓慢
价钱：LeadPages分为两个方案，标准版是每个月37美元，而专业版则是74美元。
关于收费你可以参考：https://www.leadpages.com/pricing
网上课程软件
随著疫情蔓延全球，对全球市民日常生活造成影响，不少学校亦相继停课，取而代之的就是以网上直播形式作教学。
如果你也有一技之长，想与他人分享知识，却不知如何开始？这一章将为你介绍课程建设软件：
1.Kajabi
网址：简介：Kajabi成立于2010年，提供专业外观的网站主题，用家可根据公司的需要，自定义吸引顾客目光的课程网站。
推荐指数：★★★★★
优点：
1.功能齐备：例如：拥有漂亮的Email模板，让你能建立一个吸引顾客的营销邮件。
2.营销渠道：Kajabi提供模板，你能根据出售的商品和目标受众的期望来建立网站及内容，并将营销及销售融合在一起。这不但能够增强顾客的体验，更能为公司带来销售额。
3.分析工具：Kajabi提供每月收入、用户平均收入、学生流失率、页面浏览量等资讯，让你了解课程的不足，从而改善课程内容。
缺点：
1.价钱高昂：与Teachable和Thinkific相比，Kajabi价钱昂贵，最便宜的计划也要一个月119美元。
价钱：
Kajabi不提供免费计划，只有3款付款计划。
- 基本计划：一个月119美元，只能发布3门课程。
- 成长计划:159元一个月，能发布15门课程。
- 专业计划：每月付319美元，便能发布100门课程。
关于收费你可以参考：https://kajabi.com/pricingg/
2.Teachable
简介：如果你是刚刚开始网上课程，Teachable就十分适合你使用了，你不需要投放太多精力于学习困难的技术，只需要专注建立课程、与学生沟通、推广课程等就可以了。
推荐指数：★★★★☆
优点：
1.容易使用：由于课程建构器容易使用，故此你只要准备好所有内容，就能把课程内容上传至网页上，无需任何编程经验，只需专注建立和筹备课程内容。
2.混合媒体：利用Teachable，你可以在课程页面上同时添加video或文字，让学习者能够看看课程介绍片段，增加他们报读课程的兴趣。
缺点：
1.付款时间长：如果你是使用Teachable的付款系统，付款时间较长，你需要等大概30天，才能完成交易。若不想等那么长时间，就要升级到付费计划，把你的账户连接至PayPal。
2.昂贵交易费：如果你使用免费计划，Teachable将收取10%的交易费；若你使用的是基本计划，也将收取5%的交易费；若用Professional计划，Teachable也将收取2%的交易费。
3.无法自定义：因为Teachable大部分的内容都无法自定义，故此熟悉网页设计的人，一看就知道你是使用了Teachable。故此，如果你是想制作一个与众不同，具备风格的课程网页，那么Teachable未必适合你了。
价钱：
Teachable有14日免费试用期，试用过后觉得不错的话，你也可以考虑购买。
- 基本版：为每月29美元，你便可以拥有主要功能，包括：自定义域名、电子邮件营销、运行联盟营销会员计划。
- 专业版：则可以即时获得你所赚取的资金，每月99美元。
- 商业版：每个月249美元，适合更大的课程和学校使用，能够同时有25位编辑者。
关于收费你可以参考：https://teachable.com/pricing/comparison
3.Thinkific
网址：简介：Thinkific成立于2012年，它的介面与Teachable不相伯仲，是仅次于Teachable的平台。
推荐指数：★★★★☆
优点：
1.多国语言：优胜于Teachable的地方是，Thinkific的学生界面拥有多于9种语言，便利不同国籍学生使用
2.设交流平台：老师可以在每一个课程下建立讨论平台，让同一个课程学生提出问题、进行交流。
3.运作性：Thinkific提供24小时监察，以保持其正常运作。因此，Thinkific 大部分时间都是正常运作的。
缺点：
1.不设博客功能：Thinkific不像Teachable拥有内置的博客功能，你需要使用WordPress来建立网志。
价钱：
免费计划允许建立3门课程，并且拥有无限学生。
- 基本计划：每月是39美元，那你就可开设无限课程，并可以发电邮给学生。
- 专业版:每月是79美元，便拥有2个网站管理员、5个课程管理员等。
- Premier计划：每月为399美元，你便可以拥有50位课程管理员、15位集团分析师。
关于收费你可以参考：https://www.thinkific.com/pricing//
4. Learnworlds
网址：https://www.learnworlds.com
简介：LearnWorlds是电子线上教学制作软件，教学及测验功能齐备，更设Zoom连接功能，让你能够开办直播课程。如果你也有技能或知识想向大家分享， LearnWorlds就很适合你了。
推荐指数：★★★☆☆
优点：
1.交互式电子书：LearnWorlds提供电子书模板，让用家轻松制作生动的电子书，学生在看电子书时，也可以记下或标示重要的文本，帮助学习。
2.美观设计：LearnWorlds提供300多种设计模板，用家可以用来创建主页、登录页面、销售页面、课程页面等。
3.内置社交网络：LearnWorlds具备内置的社区网络，无需使用第三社区应用程式让学生之间有所交流。
缺点：
1.支缓服务：遇上技术问题，客服未能即时回应，大多要等待数天或数周。
价钱：
Learnworlds提供30天的免费试用期。
- Starter：每月为29美元，能拥有1名Admin，但每一个课程额外收取5美元的交易费。
- Pro Trainer：每月收取99美元，则无需额外给予5美元的交易费，并能拥有5名Admins。
- Learning Center:最多人使用此计划，每月付299美元，就能够拥有20名Admins。
- Learning Center&2Mobile apps：每月为465.8美元，则能拥有适用于IOS和Apple的应用程式。
关于收费你可以参考：https://www.learnworlds.com/pricing/
编程软件
学习编写程式，一定要具备一款介面美观而且又好用的程式码编辑器。
以下将介绍4款常见的程式码编辑器，一定有一款符合你的使用要求。
1.Visual Studio Code
网址：https://code.visualstudio.com/
简介：Visual Studio Code是一个轻量级，且功能繁多的原始码编辑器，适用于绝大多数的程式语言，因此也是最多人使用的编程软件！
推荐指数：★★★★★
优点：
1. 支缓广泛：适用于大部分装置，如：Windows、MacOS和Linux等。
2. 插件配置：Visual Studio Code 有插件商店，无需从网站上下载，只需要单击就能下载和安装扩展程式。
3.跨平台：内置了对JavaScript， TypeScript and Node.js，C++，C#，Python， PHP等语言。
价钱：Visual Studio Code免费开放给用家下载。
关于收费你可以参考：https://code.visualstudio.com////
2.Notepad ++ (Window)
网址：https://notepad-plus-plus.org/
简介：Notepad++是由一位台湾人所开发的原始码软体，功能强大、操作简单，不但能够用作文字编辑，也能用作协电脑程式。
推荐指数：★★★★☆
优点：
1.文字颜色：长期看著密密麻麻的程式，是很容易误写的，因此Notepad为减低用家误打的机会，为文字提供不同颜色的显示。
2. 语法折叠功能：语法折叠功能可以方便用家在程式码上的编修及整理，使打程式时更为方便与快捷。
缺点：
1.不支缓Mac: Notepad++仅支缓window，并不支缓Mac。
价钱：免费安装
下载链接：https://notepad-plus-plus.org/downloads/////
3.Sublime
网址：https://www.sublimetext.com/
简介：Sublime Text由程式设计师Jon Skinner在2008年所开发出来，是一款轻量、简洁的代码编辑器软件，也是HTML和文章写作的文本编辑器。
推荐指数：★★★★☆
优点：
1.支缓广泛：Sublime支缓Mac OS X，Windows，Linus，Python等平台。
2.具备拼写检查的功能，避免用家因大意而造成错误。
缺点：
1.速度慢：启动的速度虽然很快，但一旦外挂多了，Sublime间中便会崩溃。
2.插件配置不便：很多插件sublime2和sublime3不兼容。
价钱：Sublime是一款收费软件，但用家享有无限的试用期。
详情可参考：https://www.sublimehq.com/store/text
4.Coda
网址：简介：这是Panic公司推出的一款适用于Mac的网页程式设计软件。Coda不但轻巧，且具备多项功能，将Word和Excel结合，能够帮助团队处理文档。
推荐指数：★★★★☆
优点：
1.自动储存：Coda具备自动储存与文件历史记录的功能，故此即使忘记储存也无需担心了。
缺点：
1.稳定性欠佳：若输入中文字，则即时影响Coda的运作。
2.设计无法自订：文字颜色和底色的选择不多，用家也无法自订格式，灵活性较低。
3.付费软件：不像Visual Studio Code，Coda是一个付费软件。
价钱： Coda分为4个计划，若只是想试一试基本计划的话，可以用免费版，可做基本的编辑。
- 专业计划：每月为10美元，你便可以拥有5GB的档案量。
- 团队计划：每月为30美元，你便能拥有无限容量。
- 企业计划：适合大型公司使用，功能更多，限制也更少。
详情可参考：https://coda.io/pricing
结语
以上就是常用的21个网页设计软件了！
希望我的推介，能够帮助大家网页开发的道路上，更加得心应手！