做建站这行七年了，见过太多学校官网做得像十年前的产物。不是代码乱成一锅粥，就是图片加载半天打不开。今天不整那些虚头巴脑的理论，直接上干货。咱们聊聊怎么用DW（Dreamweaver）这种老伙计，给学校做个既体面又实用的网站。

很多老师或者行政人员一听“代码”就头大。其实DW最厉害的地方，就是它有个“代码和视图”双栏显示。你不用死记硬背标签，看着图改字，它自动给你生成代码。这对新手来说，简直是救命稻草。

先说准备工作。别急着打开软件。你得先想好，学校网站到底要展示什么？是招生信息？还是师资力量？或者是校园新闻？我见过一个案例，某中学把网站做得花里胡哨，结果学生想查课表，找了半天没找到入口。这就叫本末倒置。所以，第一步，列清单。把最重要的三个板块放首页，其他的放二级页面。

打开DW，新建一个HTML文件。这一步很简单，但很多新手会忽略“字符编码”。一定要选UTF-8，不然中文容易变成乱码。这点血泪教训，我吃过不少亏。记得有一次给客户做网站，因为没设编码，后台显示全是问号，折腾了半夜才改过来。

接下来是布局。别一上来就写代码，先用DW的表格或者DIV+CSS来规划。对于学校网站，我建议用简单的表格布局，虽然老土，但稳定，兼容性好。特别是有些老旧的电脑，跑不动复杂的JS特效。把页面分成头部、导航、主体、底部。头部放校徽和标语，导航栏放首页、关于我们、新闻动态、联系我们。

这里有个小技巧。在写导航栏的时候，每个链接都要加hover效果。就是鼠标放上去变色。这个很简单，加几行CSS就行。但效果立竿见影，用户会觉得你的网站很“活”，有交互感。我有个客户，加了hover效果后，据说老师点击率都高了百分之十。当然，这个数据是我估摸的，但直观感受确实不一样。

内容填充阶段，千万别用大段文字。没人爱看。多用图片，多用短新闻。图片一定要压缩！很多新手直接上传原图，几兆一张，网站打开要半天。用PS或者在线工具压缩到200KB以内。这样加载快，用户体验才好。

还有，SEO（搜索引擎优化）不能忘。虽然DW是可视化工具，但代码里得埋关键词。比如标题标签