本文关键词：dw个人网站制作

昨天半夜两点，我还在跟一个刚入行的小兄弟视频。他在那头急得直挠头，说花了两千块找人做的网站，打开全是乱码，后台还登不进去。我听完只想笑，这年头还有人信这种鬼话？其实吧，搞个个人网站真没你想的那么复杂。尤其是用DW（Dreamweaver）这种老牌工具，虽然界面看着像上个世纪的产物，但真要是静下心来琢磨，它比那些花里胡哨的SaaS平台稳当多了。

很多人一听“代码”两个字就头大。我也一样，刚开始接触dw个人网站制作的时候，也是对着满屏的HTML标签发呆。那时候觉得，这玩意儿比高数还难。但后来我想通了，建站不是搞科研，它就是搭积木。你不需要成为编程大师，你只需要知道哪个标签是放图片的，哪个是放文字的。

先说工具。别去下载那些所谓的“破解版”或者“绿色版”，里面全是木马。直接去Adobe官网或者靠谱的下载站搞个DW CS6或者CC版本。别嫌旧，CS6对电脑配置要求低，跑起来丝滑，对于做个人博客、作品集这种轻量级网站，完全够用。现在的年轻人太浮躁，总想一键生成，结果生成的网站千篇一律，连个SEO优化都做不到。你自己动手敲出来的代码，那才是你的资产。

再说说布局。很多新手喜欢一上来就写代码，那是大忌。你得先在脑子里有个草图，或者拿笔画在纸上。比如，左边是导航，右边是文章列表，底部是版权信息。这种经典的三栏布局，用DW里的表格或者现在的DIV+CSS都能搞定。我建议你还是先从表格布局入手，虽然老土，但逻辑清晰，容易理解。等你搞懂了结构，再转去学CSS，那才叫水到渠成。

这里有个坑，千万要注意。DW有个自动添加代码的毛病，你删掉一行代码，它可能偷偷给你加一堆没用的注释或者样式。所以，写完一段，一定要去浏览器里预览。别在DW的预览窗口里看，那个不准。直接保存成.html文件，用Chrome或者Edge打开。你会发现，原来那个你以为对齐了的标题，其实偏了半个像素。这种细节，只有你自己调试才能发现。

关于SEO，也就是搜索引擎优化。很多人觉得这是玄学，其实不是。你用的dw个人网站制作出来的页面，标题标签