说实话,现在还在用Dreamweaver(简称DW)做网站的人,要么是怀旧的老炮儿,要么是被某些培训机构忽悠的小白。我干这行十年,见过太多人拿着DW当宝,结果做出来的页面在手机上根本没法看,或者代码乱得像一锅粥。今天我不讲那些虚头巴脑的理论,就聊聊怎么用dw软件做网站才能不踩雷,顺便吐吐槽,这玩意儿真的不是万能的。
首先,你得有个清醒的认知:DW是个代码编辑器,不是可视化的建站工具。很多人以为拖拽几个组件就能搞定,那是Dreamweaver早期的功能,现在早就不流行了。如果你想知道怎么用dw软件做网站,第一步就是关掉“设计视图”,老老实实看“代码视图”。我见过太多新手,在代码里混写HTML和CSS,结果浏览器一渲染,布局全乱。记住,HTML负责结构,CSS负责样式,JS负责交互,这三者必须分离。
第二步,建立规范的项目文件夹。别像我当年那样,所有文件都堆在桌面上。创建一个主文件夹,里面分好images、css、js、html四个子文件夹。这样当你以后想迁移服务器或者找人维护时,别人一看目录结构就懂你的逻辑。这是职业素养,也是对自己劳动的尊重。
第三步,编写基础HTML骨架。DW里有个很方便的快捷键,输入html:5然后按Tab键,就能自动生成HTML5的标准模板。别嫌它简单,这是地基。在
标签里,一定要加上,不然中文全是乱码,到时候你查bug查到怀疑人生。在里,先写