今天给大伙儿唠唠怎么用Dreamweaver这玩意儿做网页，真是手把手教学，保准看完你也能整个简单的出来！我这人比较笨，刚开始摸索的时候真没少抓瞎，不过整明白了发现也就那么回事。
第一步：先把家伙事儿支棱起来
我电脑上装的是老版本Dreamweaver，随便哪个都行，反正都能整活。双击点开这玩意儿，界面看着挺复杂是？甭慌！咱先得建个“站”。你看顶上的菜单栏，找到“站点”那栏，点“新建站点”。
- 站点名：我瞎编了个“我的菜鸟网站”，这名字你随便起，认得出来就行。
- 本地站点文件夹：这个贼重要！必须在你电脑里找个空地方，或者新建个文件夹专门放网页文件，别整乱了。
点完保存，这第一步就算支棱好了。左边文件面板就能看见你那空荡荡的文件夹了，跟刚装修的毛坯房似的。
第二步：动手！整第一个页
建好“站”，该盖房子了。点左上角“文件”→“新建”。蹦出来一堆选项，看着头晕，别管那么多！直接选“HTML”，点创建！啪一下，一个新文件（Untitled-1啥的）就出来了。
瞅瞅中间这代码区，哇擦，自动就给你塞了好几行看不懂的代码！头大！这堆东西叫“基础骨架”，别手贱给删了！没有它，你网页在浏览器里看就是个乱码堆！
我瞄到代码里有俩词儿：一个<title>，一个<body>。<title>里头就是你浏览器标签页上显示的名字，比如“张三的破站”，我顺手就改成了“我的第一个破网页”。<body>这块儿才是真正能显示在页面的内容，重点在这儿！
第三步：瞎鼓捣内容（终于像样点了）
我实在受不了一直瞅代码，就点了个叫“设计”还是“拆分”的视图按钮，这样就能一边瞎拖东西，一边瞅着代码怎么变的，挺直观。
- 打字儿：鼠标光标点在<body>那块显示区域，啪啪开始打字！“欢迎光临我的破站！”打好了，回头一看，上面代码也自己多出来一行字，跟上了！
- 放张图：想把家里的猫主子照片放上去显摆？太简单了！点“插入”菜单，找“图像”，选你电脑里存的美照。图片就杵那儿了！挪不动？点一下图，右边属性栏蹦出来，边距啥的乱调一通试试看，总能摆到差不多的位置？
- 画个框装东西？：感觉字和图乱糟糟堆着不好看。点“插入”→找“Div”选项。页面“啪”地出现个灰色虚线框。我就试着把刚打的字和猫主子照片都一股脑拖进这个框里！行不行？真行！感觉瞬间整齐了点。
第四步：土味装修（整点色儿）
瞅着这黑字白底太素了，想给那个装字的灰色大框换个色。点一下那个框框，右边又弹出那个熟悉的“属性”面板。仔细找找，有关于“CSS”的玩意儿。点开“编辑规则”或者类似的按钮。
蹦出来个新窗口，看着选项挺多，挑几个顺眼的整：
- 背景色：直接点开颜色板，选了个土黄色（没错，就是那种…嗯…屎黄色？反正看着暖乎）。
- 字颜色：接着找“类型”里头的颜色，选了个大红字！够醒目！
- 再加粗！：在“类型”里头还有个设置字粗细的，下拉菜单选个“粗体”（bold）！
点确定。瞬间！我的“大土黄框+大红字”闪亮登场！成就感一下就上来了有木有！
第五步：看看效果+保存
整得差不多了，得看看它在浏览器里啥德行。点顶上的“地球仪”图标或者快捷键（F12啥的，软件不同键不同），呼一下弹出来默认的浏览器，我的土味首页就展示出来了！跟Dreamweaver里瞅着挺像，就是那个味儿！
关键一步！千万别忘了保存！不然辛辛苦苦大半天，一眨眼回到解放前！点顶部“文件”→“保存”，给你的网页文件起个名，比如“*”，扔到之前建站时那个文件夹里。顺手再把所有素材图也往那个文件夹里丢一份，防止图片显示不出来干着急。
唠点儿磕
折腾完这第一个小破页，最大的感受就是：别怕！Dreamweaver看着花里胡哨，对于新手想整个能看的东西，真没想象中那么难。它最好的一点就是可视化，不用一上来就死磕代码（我当年用记事本硬敲代码的日子真不是人过的…）。
新手踩坑提示：
- 保存！保存！再保存！重要的事情讲三遍。
- 一定先在本地建好站点文件夹，所有文件（网页、图片、CSS）都放里面，别东一榔头西一棒槌。
- CSS样式改完没反应？多试试刷新页面。
- 用Div的时候别点错位置，容易找不到。
工具就是个锤子，关键看你怎么抡。Dreamweaver这锤子，对于新手来说，抡起来做个小破屋还是够用的！
