那时候，我刚琢磨着想自己搞个网页玩玩，就跟现在好多朋友一样，心里挺痒痒的，但就是不知道该从哪儿下手，特别是用啥软件，完全一头雾水。我这人动手能力还行，就想着直接开干，边干边学。

一开始瞎摸索

我就觉得做网页嘛肯定得是那种“所见即所得”的，拖拖拽拽就能行的软件。我记得以前好像听说过一些，有点像用Word打字排版那样，感觉应该不难。我就去找找，试几个类似的工具。

刚上手确实觉得挺简单的。 图片拖进去，文字打上去，调调颜色大小，看着好像真像那么回事。我还挺得意，觉得做网页也没那么玄乎。

• 弄个简单的页面，放几张图。
• 加点文字介绍。
• 调半天布局，想让它好看点。

但是，搞一阵子就发现问题。这些软件做出来的东西，感觉特别死板，想稍微改点特别的东西，比如让某个按钮按下去有个特殊效果，或者让页面在手机上看起来也舒服点，就特别费劲，甚至根本做不到。而且我偷偷看下生成的那些代码，乱七八糟的，我自己都看不懂，感觉很不靠谱。

换个思路试试

后来我就琢磨，是不是路子走错。我看到很多漂亮的网页，设计感很强。我就想，是不是得先用设计软件把图画出来？听别人说做设计都用Photoshop啥的，虽然我不太会，但也硬着头皮去解一下。

结果发现，这玩意儿主要是做图的。 你是能把网页长啥样给画出来，画得漂漂亮亮的，每个细节都能抠。但是，它最终给你的就是一张图片，或者很多张图片。它不是一个能点击、能交互的活生生的网页！顶多算是设计稿。这跟我想要的“做个网页”还是两码事。

终于找到正道

折腾几圈，我才慢慢搞明白，做网页的核心是写代码，就是那些看起来像天书一样的字符，比如HTML、CSS什么的。那些酷炫的效果、灵活的布局，最终都是靠代码实现的。

明白这点，我就开始找写代码的软件。一开始我甚至试过用系统自带的记事本，那简直是折磨，写错都不知道错在哪儿。后来朋友推荐，加上自己网上查查，发现现在有很多专门写代码的编辑器，还好用得很。

我当时就下一个挺多人推荐的，免费的，叫啥来着… 对，好像是VS Code。装上一看，界面挺舒服，功能也多：

• 代码能标上不同颜色，看着清楚多。
• 打字的时候会有提示，能少打很多字，也不容易拼错。
• 可以直接预览效果，改起来方便。
• 还能装很多小插件，需要啥功能就加

这下感觉才对路！ 我就开始跟着网上的教程，一点一点学HTML标签是啥意思，学CSS怎么控制样式。虽然过程不轻松，经常写半天效果出不来，或者浏览器上看着歪七扭八的，但感觉每搞懂一个问题，都特别有成就感。

现在的我

我做网页主要就是用VS Code这样的代码编辑器。有时候构思页面长啥样，可能会先用一些简单的在线设计工具画个草图，像“即时设计”那样的，或者摹客什么的，先快速搭个样子看看感觉。但最终实现，还得是老老实实一行一行敲代码。

如果你也想学做网页，我的经验是：

别一开始就指望着用拖拽工具一步到位。 那种工具可能适合做非常非常简单的展示页，或者让你快速体验一下，但对真正学习和理解网页制作，帮助有限，甚至可能带歪路子。

核心是学习HTML和CSS这两种语言。 这是网页的基础，不管用什么软件，最终都是在跟它们打交道。

找一个好用的代码编辑器。 比如VS Code、Sublime Text之类的，它们能让你写代码的过程更舒服、效率更高。这才是学做网页最实在的工具。

至于像Photoshop这样的设计软件，等你对网页结构和代码有一定解后，可以用它来做设计稿，或者处理网页上要用的图片，但它不是制作网页本身的核心工具。

差不多就是这么个过程，希望能帮到你。关键是动手去做，多尝试，慢慢就明白。