本文关键词：dw制作家乡网页的步骤教程

说实话，现在搞建站的人，十个有九个都在吹嘘什么WordPress、什么SaaS模板，好像不用这些就显得自己不懂技术似的。但我偏不，我就喜欢这种老派的感觉。为啥？因为给家乡做个网页，讲究的是一个“土”味儿，一个“真”字。你整那些花里胡哨的动画，村民大爷大妈看得懂个啥？今天咱就聊聊怎么用最传统的Dreamweaver（简称DW）来搞定这事儿，虽然这软件看着像上个世纪的产物，但胜在稳定、直观，特别适合咱们这种想安安静静做个小站的人。

先说准备工作。别一上来就打开软件，那太急了。你得先攒素材。我去趟老家，拿着手机咔咔一顿拍。村口那棵老槐树，得拍；自家院里刚摘的西红柿，得拍；还有那张泛黄的全家福，也得扫描进去。记住，图片别太大，手机原图传上去网页能卡死。我用PS稍微压缩了一下，大概每张照片控制在200K左右，这样加载快，老人家手机流量也不心疼。这步要是偷懒，后面全是坑。

打开Dreamweaver，新建一个HTML文件。这时候你会看到满屏的代码，别慌，咱不用懂那些复杂的标签。切换到“设计”视图，这就跟玩Word一样简单了。先搭个骨架，把页面分成头部、中间内容区、底部。头部放个醒目的标题，比如“XX村欢迎您”，字体搞大点，颜色用正红色，喜庆。中间部分，左边放文字介绍，右边放图片轮播。这里有个小窍门，DW里的表格布局虽然老土，但真的稳当。我用表格把图片和文字框住，怎么拖都不乱。

接下来是细节填充。文字部分，别整那些文绉绉的形容词。我就写：“这是咱村的老井，水甜。”简单直接。图片插入的时候，记得给每个图片加个alt属性，写上图片内容，这对搜索引擎友好，虽然咱这小站没啥流量，但做个样子总没错。说到搜索引擎，这里得提一下，很多人觉得DW做出来的网站不被百度喜欢，其实不然。只要代码结构清晰，标签语义化，百度照样能抓取。我在做dw制作家乡网页的步骤教程 这个主题时，特意把标题标签

用在主标题上，

用在副标题上，这样结构分明。

遇到个小插曲，我在插入背景音乐的时候，DW居然自动加了一堆代码，导致页面加载巨慢。我删了半天才发现，原来有个隐藏的