本文关键词：毕设DW做网站的过程
说真的，每次看到学弟学妹对着Dreamweaver（DW）那个界面发呆，我就想笑。不是笑他们笨，是笑这玩意儿都快进博物馆了，大家还非得拿着它做毕设。但没办法，有些学校老师就认这个，或者你手头只有这个。今天我不讲那些虚头巴脑的理论，就聊聊我当年是怎么在DW里“爬”出来的，顺便把毕设DW做网站的过程给你拆解明白，希望能帮你少掉几根头发。
首先，心态要崩得住。DW这软件，界面复古得像个上世纪的产物。你打开它，看到那个灰色的工作区，第一反应肯定是：这能行？行，真能行。我当年第一个项目，是个简单的个人博客，大概花了三天。第一天，我连“新建站点”都搞错了目录，结果图片全裂开，红叉叉满屏飞，那种绝望感，谁懂啊。所以，第一步，老老实实建站点。别用绝对路径，别偷懒，把本地服务器配好，不然你预览的时候根本看不到效果，就像蒙着眼睛走路。
第二步，别一上来就写代码。很多人喜欢直接切到代码视图，噼里啪啦敲半天，结果预览一看，排版乱成一锅粥。我现在的习惯是，先用DW的可视化设计视图，拖拽元素。对，你没听错，就是拖拽。把图片放那，文本框拉过来，调整一下间距。这时候你看到的界面，虽然丑，但是结构有了。这一步很关键，它能帮你理清页面的逻辑。比如导航栏放哪，主体内容放哪，侧边栏要不要留。我有个朋友，就是直接写代码，写到一半发现导航栏和主体重叠了，不得不删了重写，那滋味，酸爽。
第三步，才是真正的硬仗：手写CSS和HTML。这时候你要从设计视图切回代码视图。你会发现，DW自动生成的代码，那叫一个乱。全是表格嵌套，div套div，看着都头疼。这时候，你得学会“清理”。删掉那些没用的标签，把样式分离。别信什么“一键美化”，那都是骗人的。你要手动给每个元素加class，然后在样式表里写规则。这个过程很枯燥，但很锻炼人。我当年为了调一个按钮的圆角，折腾了两个小时，最后发现是盒模型的问题。这种细节，老师不会讲，但毕设答辩时，老师一眼就能看出来你是不是自己写的。
第四步，测试。别以为写完了就万事大吉。你得在不同浏览器里预览，尤其是IE，虽然现在没人用了，但有些老老师还是喜欢用IE看你的网站。如果布局崩了，那就回去改CSS。我有一次，在Chrome上好好的，一换到Firefox，图片就错位了。查了半天，发现是浮动没清除。这种坑，你得自己踩，才能记住。
最后，打包。把文件整理好，图片、CSS、HTML分开文件夹，别全扔根目录。压缩成zip，发给老师。这时候，你才能长舒一口气。
毕设DW做网站的过程，其实就是一场与像素的搏斗。它不完美，甚至有点过时，但它能教会你网页设计的底层逻辑。别嫌弃它，把它当成一块磨刀石。当你习惯了DW的别扭，再去学Vue、React，你会发现，那些框架不过是把DW里的繁琐操作自动化了而已。
如果你现在正卡在某个步骤，比如图片上传失败，或者样式不生效，别慌。去搜搜具体的错误代码，或者找个懂行的师兄问问。别不好意思，大家都是这么过来的。记住，毕设不是为了拿满分，是为了让你明白，网页是怎么从一行行代码变成一个个像素点的。
最后给个建议：别把时间都花在调样式上，逻辑和功能更重要。如果时间不够，宁可界面丑点，也要保证功能完整。老师看的是你的思路，不是你的PS技术。加油吧，未来的设计师们。
