昨天下午翻出来个十年前的老项目得改页面,突然想起装个Dreamweaver试试。这玩意儿我读书那会儿火得不行,现在用起来还挺新鲜。
一、装软件就栽了跟头
官网下载完安装包,运行向导时候手快直接点了“典型安装”,结果给我塞了一堆Adobe全家桶。重启后发现C盘直接少了5个G,气得立刻卸载重装。第二回学聪明了勾选自定义安装,只装了主程序才清净。
二、界面看得我眼晕
打开软件那叫一个眼花缭乱!左边代码右边设计视图,中间还夹着四五排图标栏。新手建议直接揪住右上角那个“工作区切换”按钮,选“精简视图”模式,乱七八糟的面板瞬间收起来,世界终于清净了。
三、真从零开始敲代码?
本来想硬着头皮手写html,突然看见菜单栏藏了个“新建模板”功能。点开发现20多种现成布局,选了个电商模板,居然自带轮播图和商品展示区。更绝的是按住alt键拖图片框就能直接上传本地图,比我自己写div快十倍!
四、代码设计双开真香
在左下角找到“拆分视图”按钮一点,当场解锁特异功能:左边敲代码,右边实时显示效果。试了个最简单的,左边写上<h1 style="color:red;">,右边立刻蹦出大红标题。比记事本写代码保存刷新折腾强太多了,尤其调CSS的时候巨省时间。
五、保存文件闹笑话
改完页面直接按ctrl+s保存,结果死活用浏览器打不开。仔细一看文件后缀自动存成了.dwt模板格式。必须手动在“文件-另存为”里选html格式,或者新建文件时就选html类型。这坑我栽了两回才记住。
六、实战改模板
拿现成模板改成自己需要的页面:
- 选中导航栏文字直接双击就能改内容
- 图片框点属性面板的小文件夹图标换图
- 按F12自动弹出浏览器预览
- CSS面板里调边距直接拖滑块就行
总结下来就三步:用模板起手 → 开拆分视图边改边看 → F12检查效果。虽然这软件现在用的人少了,但改老页面确实比记事本专业,比VSCode对新手友吃灰技能突然派上用场还挺惊喜。





