前段时间帮开鲜花店的朋友搞网站，她非要自己维护，我就琢磨着找个简单好用的网页设计工具。这事儿说起来容易，做起来真费劲，折腾了好几天才算整明白点门道。
一开头就卡壳了
朋友甩给我一句“要好看，还要能更新花店活动”，别的啥要求都没，听得我脑壳疼。我自己以前写代码都是用专业编辑器，那种黑乎乎的界面，满屏幕英文，她肯定玩不转。得找个小白都能上手的玩意儿才行。
我先扒拉了一圈网上推荐，乱七八糟的工具一堆，不是要钱就是广告满天飞。免费、中文、操作简单，这仨条件筛下来，剩下的就没几个了。
挨个试水，过程挺酸爽
第一个试的是 Visual Studio Code：
这玩意儿程序员圈子里口碑贼免费开源。我兴冲冲装打开一看——好嘛密密麻麻的按钮菜单，默认英文界面。光给朋友调成中文就找了半天设置。拖了个最简单的HTML模板进去，预览效果倒是快。但让我朋友自己加个新品图片？她盯着代码里 那行估计能当场石化。这工具写代码是真强，但对她来说，门槛还是高，PASS。
接着换了个 Brackets：
听说这货专门为网页设计而生，也是免费的。打开一看，界面清爽不少，自带中文！重点是有个“实时预览”功能——左边改代码，右边网页立刻变，这点挺神。我试着用它的“快速编辑”功能改个按钮颜色，鼠标点点样式代码就跳出来，改数值就行，有点那意思。可问题又来了，想整个漂亮点的布局，比如把图片放左边文字放右边这种，还是得手写 div 和 CSS。朋友估计看着那些标签名（
试了 Adobe Dreamweaver 免费版：
提起这名字都老古董了，居然还有免费版本！装上一看，果然有那种“可视化”编辑的味道了。界面分成设计视图和代码视图，在设计视图里，我真能像做PPT一样，拖拽文本框、图片框到页面上！想加个新品展示，直接拖个图片组件，再拖个文本框放旁边说明，位置随便摆，所见即所得。改文字颜色、大小，也是点两下属性面板的事，完全不用碰代码。朋友凑过来一看就说：“哎这个像Word，我能看懂点！” 虽然生成的结构可能不如手写的简洁，但对只想做个基础展示页、能自己更新文字图片的花店老板来说，真够用了。
敲定这三样
折腾完一圈，心里有点底了。要是纯小白，就想整个简单的能更新的网页，Dreamweaver免费版是首选，拖拖拽拽就能凑合用。有点耐心想学点基础，Brackets挺合适，实时预览学CSS的时候特别有帮助。至于VS Code，确实专业强大，插件多到爆炸，但更适合我这种半吊子或者纯码农，朋友那种完全零基础的，真别碰。
后来我干脆给朋友装好Dreamweaver免费版，花半小时教她怎么拖图片框、改文本框里的字。她自个儿真把每周的特价花束信息更新上去了，还美滋滋的。这事儿让我觉着，工具好不好使，真得看谁来用，合适最重要。
