我想做网站，该用什么网页设计软件？

我想自己做网站，该用甚么网页设计软件?无论是网页设计的初学者，或是好奇想知道网站设计是如何从无到有，都可以从本文可以了解基本的网站设计流程，大家也可以参考我这个百度竞价托管的网站网站设计可以分成三个设计阶段，分成网站视觉设计、网站前端设计(切版)、网站后端设计(程序设计)，不同设计阶段使用的网页设计软件也不一样。

先搞懂网站制作流程
暂时先不讨论租用型套版网页设计或是独立型套版网页设计，也不讨论用Bootstrap套用网站的作法，因为以上几种作法无法体现真正的网页设计流程，本文以完整的客制化网站设计流程做说明，网站设计需要有三个设计阶段，分属于三个不同技术背景的网站设计师，有「视觉网页设计师」、「前端工程师」、「后端设计师」，只要能学习其中一种，打好设计基本功，要进入网站设计产业并非难事，有了基本功以后才有能力运用更多的网页设计工具、修改套版网站的程序代码，像是wordpress、joomla、Bootstrap…适合有底子的网站设计师。

第一阶段: 网站视觉设计
网站设计的第一阶段是进行网站视觉设计，网页设计师要把网站需要的画面以图的方式绘制出来，眼睛看得到的画面都要设计，单元有首页、产品资讯、最新消息、常见问答、购物车、会员专区、档案下载、部落格、联络我们…，这时候已经可以看到网站雏形，但这些画面都还只是「图片」，还不是有HTML内码的网站，但已经可以交给客户进行设计确认了。

具备能力： 视觉美感、图片设计、RWD逻辑、使用者体验(UX)、SEO观念、沟通能力…
网页设计软件: Fireworks(向量绘图)、Photoshop(图片处理)、Illustrator(向量绘图)、Adobe Dreamweaver(网站软件)、Lightroom(图片去背景)…

为什么尽量不用Adobe Dreamweaver设计网站?
Adobe Dreamweaver是「即见即所得」的网页设计软件，早期很流行用Adobe Dreamweaver设计网站，近年专业分工之后，Dreamweaver对视觉设计师来说已经不是那么重要，因为视觉设计师不用切版，而且用Dreamweaver进行网站切版会产出多馀的HTML、CSS、JS… 会影响网站SEO架构的效率。

第二阶段: 网站结构设计
第一阶段是视觉图是「给人看」的设计，第二阶段的网站设计就是要把视觉图转成HTML，这是要「给电脑看」的设计，第一阶段网站设计还只是图，第二阶段就是把很多的图片变成真正具备HTML、CSS、Javascript内码的网站，而把网站图片变成HTML的设计师，我们称他们「前端工程师」，这个过程叫做「切版」，像用刀子把图片一片一片切开后重新组装成网站，前端工程师在切版过程中也会把网站转成RWD网站，让网站可以在桌机、手机、平板呈现网站时，自动变成适合的网站大小，前端工程师还有一个任务，就是让各种浏览器都能正常运作网站。

具备能力：html程序撰写、CSS撰写、RWD设计能力、javaScript程序撰写、解决网站相容性、沟通能力…
网页设计软件: Visual Studio Code、Notepad++、IntelliJ、Vim、Eclipse、Sublime Text…

网站设计软件使用率

第三阶段: 网站系统设计
早期的网站都是一页一页做的静态网站，现代网站必须有内容管理系统，就是透过程序与资料库建置的「内容管理系统」，就是大家常说的网站后台(CMS)，后台将网站变成可以方便管理资料的系统，后台让网站上架资料更有效率，改资料不用等网页设计公司改，而设计网站后台系统的工程师，我们称他们「程序设计师」，也有人称「后端工程师」，由他们来主导第三阶段的网站设计。

具备能力：程序撰写、熟悉HTML、JS程序撰写、API程序撰写、串接第三方系统API、检测程序错误、资料库建置、沟通能力…
网页设计软件: Visual Studio Code、PHPStorm、Notepad++、IntelliJ、Eclipse、Sublime Text、Adobe Dreamweaver…

结论
学习网页设计的第一件事，就是想一想自己适合哪一种网站设计阶段？一个网站从无到有，需要经历三个网站设计阶段，网页设计(视觉设计)、网站切版(前端设计)、程序设计(后端设计)，每个网站设计阶段的设计师对网站来说都很重要，每个阶段使用的网页设计软件也不一样，网路上的网页设计教学的资料很多，选定一个专业不断精进学习，就能迈向网站设计的专业之路，而网页设计软件的选择贵精不贵多，只要能擅用1-2种就能胜任工作，网页设计软件没有好坏只有熟练，只要能完成网站设计的任务就可以了。