老有人问我，刚学网页设计，用哪个软件好上手？这问题真没个标准答案。想当年我刚摸索这玩意儿的时候，那叫一个乱，现在回想起来，那过程还挺有意思的，今天就跟大家唠唠我当时是怎么过来的。

我刚开始是怎么折腾的？

一开始真是什么都不懂，就想着“做个网页”，听人说有个叫 Microsoft FrontPage 的软件，跟 Word 长得差不多，操作也像，都说简单。行，那咱就试试呗。装上之后，确实感觉挺亲切，拖拖拽拽的，图片文字放上去，感觉自己还挺厉害。那时候做几个简单的页面，现在回头看，简直不忍直视，布局乱七八糟，代码也臃肿得不行。但不得不说，它确实让我对“网页是怎么回事”有个初步的、模糊的概念。虽然这软件现在基本没人用，但对当时的我来说，算是个领路人。

发现光拖拽不行，开始进阶

用 FrontPage 捣鼓一阵子，就发现问题。很多效果做不出来，或者做出来也不是自己想要的那个样子，想改代码，它生成的代码又乱，改起来费劲。这时候就听说 Dreamweaver ，都说这是专业选手用的。行，那就换！装上 Dreamweaver，家伙事儿确实多不少，又能可视化编辑，又能直接看代码，感觉专业多。我就开始跟着教程学，试着做一些稍微复杂点的布局。这软件确实强大，用挺长一段时间，从它那里我开始真正接触和理解 HTML 和 CSS 代码。用着用着，越来越觉得可视化编辑那部分有点碍事，有时候它自动生成的东西不是我想要的，我还得去代码里改。

转向纯代码，感觉更自由

慢慢地，我对 HTML 和 CSS 越来越熟，就越来越倾向于直接写代码。感觉这样更直接、更干净，也更能实现自己想要的效果。这时候就开始找纯粹的代码编辑器。一开始用 Sublime Text，感觉打开速度快，界面简洁，写起代码来挺舒服，各种插件也能装。后来又接触到 Visual Studio Code，也就是大家常说的 VS Code，微软出的，免费，功能更强大，插件生态也好得不行，调试也方便。从那以后，VS Code 就成我写网页代码的主力工具，一直用到感觉这玩意儿真是越用越顺手，写前端代码基本就靠它。

设计和代码分开看

后来我才慢慢明白，网页设计得分开看。一部分是视觉设计，就是页面长什么样，颜色、布局、图片怎么搭配。这部分，有时候我会用一些搞设计的软件，比如有人提到过的 CorelDraw 或者更常用的 Photoshop、Illustrator 来画草图或者处理图片素材，但这些主要是用来“设计”，而不是直接生成网页代码。

另一部分才是把设计稿实现成网页，这就得靠写代码，主要就是 HTML、CSS 和 JavaScript。这时候，像 VS Code 这样的代码编辑器就是主力。

所以现在入门该用

你看，我这一路折腾下来，用不少软件。要说现在新手入门，我个人觉得：

• 如果你是纯小白，就想快速做个简单的展示页面，又不想碰代码，或许可以试试现在一些在线的建站平台，或者一些更现代的可视化建站工具（虽然我没具体用过最新的，但听说比以前的 FrontPage 强多）。
• 如果你是想正经学网页开发，打算以后吃这碗饭的，那我建议你直接从学习 HTML、CSS 基础开始，然后选一个好用的代码编辑器，比如 VS Code，从一开始就养成手写代码的习惯。
• 像 Dreamweaver，现在感觉用的人没以前那么多，有点不上不下的感觉。至于 FrontPage，那基本就是老古董，忘。

说到底，工具是次要的，关键还是你得明白网页是怎么构成的，那些 HTML 标签、CSS 样式是干嘛用的。工具用熟练都差不多，能帮你提高效率就行。我这一路就是这么摸爬滚打过来的，也没啥捷径，就是多练、多看、多琢磨。希望我这番经历能给你点参考。