题主大二计科三本，最近在自学HTML、CSS、JavaScript，在高中我们学网页就用的DW，所见即所得（应试教育，不必喷），在网上搜网页开发也遍地都是DW相关的（包括tx课堂、网易云课堂），感觉离开了DW仿佛就做不了网页开发似的，想问一下，现在的大环境都是用dw吗？现在网页开发大家是用dw还是直接手撕html代码？ 另外对于网页开发有什么比较好的建议吗？ ps：题主三本，也没见过世面，如果有大厂大佬愿意指教一二，不胜感激，望轻喷 用了6年DW的人来告诉你，从2009年开始，我就用不上DW了。 我用DW做页面的年代，又分为两段: 前三年还在用table堆砌嵌套的页面制作；后三年是“DIV+CSS”渐渐势起的年代。那时候还没有响应式页面的要求，所以DW那种所见所得的页面制作方式还是行得通的，很多人觉得做页面容易，也正是因为如此。那个时候，一批整站下载工具（下载神器）光会做页面的页面仔，也是网站开发执行团队里拿工资最少的人，要排在设计师和后端程序员的后头。很多时候，设计师自己就用DW把页面制作的工作吃下来了，都不需要那个只会切图的页面仔。 后来，HTML5出台，CSS3出台，DW那种形式已经跟不上新标准了，Media Query的出现更是给这种所见即所得工具判了死刑。想象一下要做个同时适应手机和电脑屏尺寸的页面，怎么所见即所得？所见手机屏还是电脑屏？这直接导致设计师不再胜任页面开发工作，而前端这个职位开始变得异常火热。 所以现在的页面制作，都是要有一个骨架思维的，即HTML为骨、CSS为血肉、最后加上图片和内容这层表皮才能完成一张页面。而用DW的思维方式，就是只有那层表皮，而且是不完整的。现在出现的各种Saas建站平台本质上也都是一个个DW，把代码隐藏在皮囊之下，粗看也能像那么回事，但实际做出来的页面，代码乱，性能差，经不起推敲也赶不上需求的。 我不知道你怎么搜的网页开发教程，但是

在已经没有任何一家公司的开发人员在用DW了，这类所谓教程肯定也都是落后于时代的。不是离开DW就做不了网页开发，而是你摆脱不了DW才做不了网页开发。 先说一个关键点：真正意义上的可视化百分百是浏览器上直接渲染网页。 再说说大部分职业选手是如何开发网页的： 1：同时打开编辑器和浏览器（编辑器可以是webstorm,dw,visual studio等，这并不重要）。 2：浏览器打开测试网页和F12调试工具（这才是重点）。 3：写完一段代码后，用浏览器直接渲染，用F12调试工具去调试问题，定位问题。那种要修改的css代码直接在F12里修改完，然后再把代码复制到编辑器里。 事实上我建议学生朋友也用这个流程去开发网页，DW可以用，没啥问题，无非就是一个编辑器而已，就是DW可视化操作相关步骤直接换成用浏览器代替可视化就好了。 浏览器是网页渲染的最终容器，用浏览器F12工具去辅助开发才是王道，编辑器只是个代码输出工具，并不是重点，F12工具用熟练后，你甚至可以用最简单的记事本去开发网页（长期开发使用还是不建议用记事本哦）。 下面是一张chrome浏览器F12工具调试操作图。 大约 2004 年的时候，我爸给我做个了个人网页做为生日礼物。其实就一个页面，上面放了几张我从小到大的图片，外加一点时间轴动画（类似那种满屏幕飘的小广告效果，记忆深刻）。 我当时觉得特别酷，四处跟小同学炫耀（全靠吹，毕竟好多小朋友连上网都不会），然后，有个同学就跟我说，能不能把她的照片也放上来。 于是，那一晚，我盯着老爸的电脑屏幕，看他改我的网页。 过去辣么多年了，我已经忘了当时的全部细节，但 dreamweaver 这个词记得特别牢固，因为我爸说这个软件的名字直译过来叫“织梦者”，多浪漫啊，能造梦的东西，憧憬之。 后来，我开始自学做网页， dreamweaver 很好用，直观，操作简单，

见即所得（换个浏览器就乱套了）。 等再大一点，我的兴趣转到了小女生的那一套，跟 dreamweaver 彻底绝缘了。 一年前，我们公司做了个网站，网页上有个电话号码写错了，得马上改正。由于是找的私人外包，对方当时电话关机，死活联系不上。 好在老公回家了，我让他帮忙。他看了看网站，然后在首页地址栏后面试着加了个“admin”，找不到网页。又试了下“administrator”，居然进到“后台”了... 等我找财务阿姨要到后台的账户密码（呃，小公司没网管，阿姨也不知道哪个是账号密码，连发票都给我拍照了） ，我一边念，老公一边输入，最后登录那一下，他潇洒的敲了下回车，我当时觉得他特别得意，好像成了我的上帝。 他折腾了大约半小时，蔫了，悻悻的跟我说：“搞不定，什么破玩意儿，你找找有没有服务器信息”。我把手机给他，让他自己翻财务阿姨发的照片。很快，他下了个远程工具，然后登录到服务器上了。 5分钟后，他在服务器上打开了一个文件，定位到错误的电话号码，修改之，改完问了我一句：“这网站花了多少钱？”，我说了个数，他说“真坑”。理由是这网站是 php 的一个框架开发的，按理说全部内容都应该是后台可以直接调整的，结果这个电话居然写死在了一个文件里，多傻！ 趁着这个机会，我把公司想改，但外包一直托辞的几个地方跟他说了，让他顺便改改，他斜眼撇了我一眼，意思是没戏。我说下个 dreamweaver ，改也就几分钟的事儿啊，我都会！他回了一个字---“屁”。 见我真要上手，他跟我解释，现在做网站，没有完整的 html 让你打开编辑了，要么是服务端代码生成的，10岁女孩手机加群看小黄片 催促群主分享新片要么是写在 js 里的，改布局的话，直接动 css 。最关键的是你只懂一点 html，连想改的地方恐怕都找不到，收工吧。 呃...... 好吧。 后来我又详细的了解了一下现在的网站开发流程，似乎是美工出图，如果是分工不那么明确的小公司，直接交给服务器程序员就完成编码了，他们有各种语言的编辑器，不会用 dreamweaver 去调

。 然后，我试着用 Visual Studio 打开了这个网页。 得嘞，看来以后老娘要想做做网页，也不用去下什么 Dreamweaver 了。 我小时候也是frontpage和dreamweaver过来的 我也其实很喜欢这种所见即所得的编辑方式 虽然这俩已经完全过时了，但我想说的是 我现在用的是vscode 安装html preview插件之后，随着你写html，右侧预览会完全同步更新，支持禁用安全策略来解锁外部资源引用，可以说比曾经的dreamweaver的预览更强大 而且因为vscode的electron基于chromium，可以说预览效果和chromium内核的浏览器是几乎没有区别的，除了深色模式等一些特性外 我不喜欢套框架，基本是手写html+js的，我觉得框架臃肿（我不希望我的用户打开我的网站，先消耗上百k流量加载框架的js和css，为用户节约流量理应是网页开发者的义务） 当然，阅读框架的源码借鉴思路也是有必要的，不套框架不等于完全不去了解框架 绝大部分上古开发者似乎只用到了绿版DW，IM电竞北京一亩田新农网络科技有限公司以数字化助力产业发展助推乡村振兴应该不知道还有一款红版DW，红版是DW2021，从CC版开始DW就一直在改变，直到2021版终于大成。 来，我们看看大家说的DW不适合响应式——核武器来了，红版DW可以直接创建bootstrap框架： 随便创建一个响应式先润润喉： 尤其是这个： 就问你，愉不愉悦？ 我是用PHP的，DW自带PHP编辑器和环境，我们都知道VS天下无敌，但是在PHP+页面的领域，VS还真未必打得过红版DW： VS开发web常用的插件红版DW基本都内痔了，超级好用，但是代价就是很臃肿。 早期DW打开文件和写字板差不多，快捷方便，但是那还是表格的年代，如今做响应式，红版DW对机器要求就挺高了，我明显感觉老机器的扇热风扇在咆哮。 再截几个软件自带的功能介绍： 各位老爷，是不是又想回到DW的世界了？ 嘿嘿~

原创文章出自IM电竞，欢迎转载！