电话

0411-31978321

初学者如何用adobe做网页?保姆级操作指南

标签: 2025-10-26 

昨天后台有个小可爱私信问我,说想学做网页但连软件按钮都认不全,问我这种零基础小白能不能搞定。我想起自己十年前第一次开DW(Dreamweaver缩写咱就偷懒这么叫了)手抖得跟帕金森似的,今天就拿我当时摔的跟头写个血泪指南!

一、新建文件就给我整懵了

打开软件看到满屏英文差点当场卸载,就干两件事:戳"文件"→选"新建"。弹窗里别管那些花里胡哨的,直接勾"HTML"格式。注意底下有个"文档类型"选"HTML5"——这玩意不选的话,后期代码能报错报到你想砸键盘。

二、画表格比小学手工课还崩溃

想给网页分区块,老司机都说什么用DIV,新手你就老老实实用土办法:在"插入"菜单里扒拉出"表格"。我当时设了3行2列,结果单元格疯狂乱窜,后来才发现是手贱在表格里又塞表格,跟俄罗斯套娃似的扯都扯不开!

  • 血泪建议1:表格行数列数宁可多设不要少设,删比增简单
  • 血泪建议2:看见属性面板里"边框"值立刻改成0,否则默认丑哭的虚线框

三、传图传得想砸电脑

把手机拍的LOGO直接拖进DW,发布后图片死活不显示。翻文件夹才发现软件把图片扔进黑洞文件夹了!正确操作是:

  1. 先在DW里建个images文件夹
  2. 用PS把图切成豆腐块(别问,问就是当年不会用CSS精灵图)
  3. 拖图时死死按住Alt键直到出现"是否保存到站点"的弹窗

那天搞到半夜才发现有张图名字里带空格,服务器直接当无效文件处理了——这种坑现在想起来还肝疼!

四、插链接插到精神分裂

给导航栏加链接时,用鼠标选中文字→属性栏找"链接"输入框。第一次把本地文件路径"C:/*"输进去,结果网页上线全变死链。被老板骂了才知道要写成这种相对路径,后来直接养成习惯:点后面那个文件夹图标选文件最保险

五、预览时心脏骤停三秒

按F12在浏览器看效果,表格突然宽得像银河。急吼吼回DW调表格宽度,结果发现是浏览器缓存作妖——得同时按Ctrl+F5强制刷新才能显示最新版。那天改完忘记按这个,把同事做好的页面覆盖了,差点被集体拉黑...

搞完这个破页面整整通宵两天,现在看那代码跟狗啃的一样:表格嵌表格,空格当缩进,字体设了八百种字号。但神奇的是去年整理硬盘翻出这个黑历史,公司新来的实习生居然说:"姐你这DW玩得挺溜!"——然后我默默看了眼她手里正在做的H5页面工资条,比我当年高了四倍。