dw网页设计图片入门教程？(快速学会图片插入和管理方法！)

今天琢磨dw里图片咋整的时候，发现好多新手卡在这儿，连插个图都费劲巴拉的。正好刚给公司官网加了轮播图，干脆把踩过的坑捋一遍。

一、准备工作差点翻车

早上开电脑就把dw打开了，顺手拖了张产品图往网页里扔。好家伙！图片死活不显示，就剩个带红叉的小框框在那儿杵着。急得我直挠头，突然想起来：图片根本没放进站点文件夹！

• 火速在dw右侧「文件」面板点右键
• 新建个文件夹专门塞图片，名字直接叫「images」
• 把要用的产品图、logo全拖进去

二、插图片像拼乐高

这回学乖了，先在网页里定好要放图的位置。光标戳到空白处，直接摁快捷键Ctrl+Alt+I，那个插图片的窗口「咻」就弹出来了。

• 在弹窗里找到刚建的images文件夹
• 选中产品图点「确定」
• 弹出个提示框问要不要加描述文字，随手填了「旗舰产品展示」

结果图片大得离谱，把整个版面都撑裂了！赶紧在属性栏把宽度改成600，高度让它自己按比例缩，顺手点开那个加锁图标锁比例。

三、管图片比管仓库还累

下午同事问我要banner图，微信甩过去他直接扔进根目录。等我再打开dw，好家伙！文件面板里图片散得到处都是，跟垃圾场似的。

• 按住Ctrl把散落的图全选上
• 右键选「编辑」→「移动」
• 统统扔回images文件夹
• 检查网页链接，有俩图标变红叉了

原来路径断了，挨个双击红叉重新指定位置，折腾得差点吐血。后来发现直接在文件面板拖图片进网页最稳当，路径从来不出错。

对了还试了手机端适配，在调整样式的面板里把图片宽度设成100%，网页一缩小图片自己跟着缩，比之前硬邦邦的样子顺眼多了。

搞到天黑终于明白：图片放对位置是基本功，dw里直接操作面板比手动写路径靠谱一百倍。现在公司官网的图载入快了三倍，老板夸我专业，就靠下午这通折腾！