很多人一听到要用Dreamweaver做网页，脑子里全是代码和乱码，觉得高不可攀。其实只要理清逻辑，这玩意儿比你想的简单得多。这篇内容不整虚的，直接告诉你dw制作网页的基本步骤，让你看完就能上手，不再对着空白文档发呆。
先说个真事儿。我有个学员，学编程两年，遇到前端就头疼。后来让他用DW做个简单的个人博客首页，他愣是搞了三天，全是红叉。为什么？因为他一上来就敲代码，连个HTML骨架都没搭好。这就是典型的没掌握dw制作网页的基本步骤，导致方向全错。咱们今天就把这个坑填平。
第一步，别急着写代码，先建站点。这是新手最容易忽略的。很多教程上来就让写HTML，结果图片路径全乱套。在DW里，点击“站点”菜单，新建站点。这一步至关重要，它相当于给你的项目安了个家。你要指定本地根文件夹，比如你在D盘建了个“MyWeb”文件夹，就选它。这样DW会自动管理你的图片、CSS和HTML文件，避免以后引用出错。这一步做好了，后面能省一半的麻烦。
第二步，新建HTML文档，理清结构。点击“文件”->“新建”，选择HTML。这时候你会看到DW的可视化界面，分为“代码”、“拆分”和“设计”三个视图。新手建议用“拆分”视图，左边看代码，右边看效果，直观。先别管样式，先把骨架搭起来。输入基本的HTML5结构：，然后是、、。在里，先放个做导航，做主体，做底部。别小看这些标签，它们是语义化的基础，对SEO友好，也是dw制作网页的基本步骤里最核心的骨架部分。
第三步，填充内容，插入图片。在。在里用做菜单。图片怎么插？别手动敲
第四步，写CSS，让页面变好看。这时候代码视图里全是乱糟糟的标签，别慌。你可以直接在DW里点击“设计”视图，选中某个元素，然后在右侧的“属性”面板里改颜色、字体、大小。或者，更专业的做法是，在里新建一个
