做dw网站制作素材别乱下，老站长掏心窝子说几句大实话

做dw网站制作素材别乱下，老站长掏心窝子说几句大实话

最近好多刚入行的小兄弟问我，说在淘宝或者某些免费论坛下载的DW模板，打开全是乱码，或者图片路径全错，根本没法用。我看了下他们下的那些所谓“全套源码”，心里真是又气又笑。

咱们干建站这行的，都知道Dreamweaver这软件虽然老了点，但在某些传统行业，比如政府官网、学校站点，或者一些对SEO有特定要求的静态站里，还是有一席之地的。问题出在哪？就出在“素材”这两个字上。

很多人以为DW网站制作素材就是几个HTML文件加几张图。错，大错特错。

我去年给一个做建材的客户做站，他之前自己找了个所谓的“高端大气”模板，结果部署上去，CSS样式全跑偏，JS脚本也不兼容IE11。后来我接手，拆开一看，好家伙，代码里全是注释掉的垃圾代码，还有几个图片路径是写死的绝对路径，换台电脑就404。

所以，真正好用的DW网站制作素材，得具备几个硬指标。

第一，结构必须清晰。

别整那些花里胡哨的嵌套层。标准的HTML5结构，头部、导航、主体、侧边栏、底部，分区明确。我习惯用DW的“插入表格”或者现在的“Flex布局”来划分区域，虽然DW对CSS3支持一般，但基础的结构标签不能乱。

第二，路径要相对。

这点太重要了。很多免费素材包，图片路径直接写成C:/Users/xxx/Pictures/bg.jpg，这种素材就是废铁。一定要用相对路径，比如images/bg.jpg。这样你把整个文件夹打包发给客户，或者上传到服务器，只要文件夹结构不变，图片就能显示。

第三，代码要干净。

别信那些一键生成的代码。DW自带的代码生成器，有时候会生成一堆多余的span和div。我自己整理素材的时候，都会手动清理一遍。比如，一个导航菜单，用ul li就够了，非要套个div再套个span，除了增加加载时间，毫无意义。

再说说价格。

市面上那种9.9包邮的“全套DW网站制作素材”，基本就是拼凑的。稍微有点质量的，比如包含响应式适配、SEO友好结构的，价格通常在50到200元之间。如果是定制化的素材包，比如专门针对医疗、教育行业的，价格能到500以上。别贪便宜，省下的钱最后都得花在找人修bug上。

我有个真实案例。

有个做餐饮连锁的客户，想要个多城市分站。我给他准备了一套DW网站制作素材，里面包含了统一的头部和底部模板，每个城市单独一个主页。这样修改起来特别快，改一处，全站同步。客户当时还担心兼容性，我特意在DW里预览了IE8、Firefox和Chrome，确保没问题才交付。结果客户说，这是他们用过最省心的模板，因为代码逻辑清晰，他们自己的技术员也能看懂怎么改文字。

避坑指南来了。

1. 别下那种带加密的模板。有些素材商把CSS加密了，你根本改不了样式，这种直接拉黑。

2. 检查JS库版本。很多老素材用的是jQuery 1.4，现在都2.2+了，兼容性会有问题。尽量用CDN引入最新稳定版。

3. 注意图片格式。DW对SVG支持不好，尽量用PNG或JPG。如果非要用SVG，记得检查代码是否规范。

最后说一句，工具只是工具。DW再好用，也替代不了你对用户体验的思考。素材只是半成品，真正的价值在于你怎么去组装、去优化。

希望这些经验能帮到正在折腾建站的朋友。别在素材上浪费太多时间，选对方向，比盲目下载重要得多。

本文关键词：dw网站制作素材