很多老板找我做站，开口就是“我要做个像新浪那样的门户”，预算还只给五千。我听完心里就咯噔一下，这哪是建站，这是想空手套白狼啊。干了十五年建站，见过太多人死在“大而全”的执念上。今天不跟你扯那些虚头巴脑的理论，就说说怎么老老实实用DW（Dreamweaver）去搞一个能看、能用、还省钱的门户雏形。别嫌DW老，它依然是很多老手手里最顺手的刀。
先说个真事儿。上周有个做本地资讯的朋友，非要用什么复杂的CMS系统，结果服务器一崩，数据全丢，急得在电话里骂娘。其实他需要的就是一个简单的图文展示，加上个留言板。这种需求，用DW手写HTML，比装十个插件都稳当。为啥？因为代码在你手里，没有那些乱七八糟的后门，也没有插件冲突。
第一步，你得把心沉下来，别一上来就搞动态交互。门户的核心是内容，不是花哨的特效。打开DW，新建一个HTML文件。别整那些花里胡哨的模板，自己写结构。先写头部，导航栏用无序列表ul和li搞定。记住，语义化标签要用对，h1给大标题，h2给栏目名，这对百度蜘蛛抓取特别友好。很多新手喜欢用div包一切，看着整齐，其实搜索引擎根本看不懂你的层级。
第二步，布局。别用表格了，那是十年前的做法。用CSS float或者flex布局。我习惯用float，虽然清理浮动麻烦点，但兼容性极好，老机器打开也不卡。写CSS的时候，尽量把样式和结构分开，别把代码全堆在html里。这样以后改颜色、调间距，直接改CSS文件就行，不用去翻那一堆HTML标签，省得眼瞎。
第三步，内容填充。门户嘛，就是信息量大。这时候你会发现，手动写代码累死人。别慌，DW有个代码视图和拆分视图，你可以把写好的文章直接粘贴进去，然后手动加个p标签或者br换行。别指望自动格式化，那玩意儿经常把代码搞乱。这时候要有点耐心，把图片的alt属性写好，描述清楚图片内容，这也是SEO的一个小细节。
第四步，测试。这一步很多人忽略。你写完页面，得用IE、Chrome、Firefox都打开看看。特别是IE，虽然快淘汰了，但很多中老年用户还在用。你会发现，有些CSS在Chrome里好好的，在IE里就错位了。这时候就得加个hack，或者用条件注释。别嫌麻烦，用户体验就藏在这细节里。
第五步，上传。用FTP工具，把文件传到服务器。别直接拖拽，容易漏文件。检查一遍，确保所有图片路径都对。这时候，你可以开始考虑怎么让网站“活”起来。虽然DW主要是静态页面，但你可以通过简单的JavaScript或者调用外部API，加个简单的新闻滚动条。别搞复杂的后台，用现成的免费接口，比如聚合数据的新闻接口，嵌入到页面里，瞬间就有门户的感觉了。
说实话，用DW做门户，最大的好处就是快，而且轻。没有数据库的负担，打开速度嗖嗖的。当然，缺点也明显，改内容麻烦。所以，适合那种内容更新频率不高，但要求页面加载极快的站点。比如企业官网的资讯板块，或者地方性的静态黄页。
别听那些卖软件的说，什么“一键生成门户”，全是扯淡。真正的门户，是内容加上合理的结构。你用DW，虽然前期辛苦点，但后期维护几乎零成本。服务器挂了，你换个空间，把代码拷过去，立马复活。这就是手艺人的底气。
最后唠叨一句，别贪多。先做一个栏目，跑通流程，再扩展别的。别想着第一天就建成个百科全书。一步步来，代码写得规整点，注释写清楚点，哪怕以后你转行了，把代码交给别人，人家也能看懂。这才是做技术的本分。
本文关键词：使用dw做门户网站
