本文关键词：简单的dw制作网页步骤

别整那些虚头巴脑的模板了，花几千块买个千篇一律的站，除了老板自己没人看。今天咱就聊聊怎么用最原始、最硬核的方式，用Dreamweaver（也就是大家常说的DW）自己敲代码做个网页。这玩意儿虽然老，但逻辑最清晰，对于想搞懂网页底层原理的人来说，简直是神技。很多人问简单的dw制作网页步骤，其实核心就三步：建文件、写骨架、填肉。

先说准备工作。你得去Adobe官网或者找个靠谱的资源包，下载个DW CC版本，别太新也别太旧，2019版比较稳，不挑电脑。装好后，别急着打开，先去建个文件夹，名字起得简单点，比如“my_site”，里面再建个“images”放图片。这一步很多人忽略，导致后面图片全裂开，找都找不到，那叫一个崩溃。

第一步，新建站点。打开DW，点击顶部菜单“站点”->“新建站点”。在弹出的窗口里，本地站点路径选刚才那个“my_site”文件夹。根目录一定要选对，不然你保存文件没地方去。接着点“高级”设置，把服务器类型选成“无”，因为我们只是做静态页面，不需要连数据库。这一步搞定，你的工作环境就搭好了。这里有个小坑，有些朋友选错了路径，导致后面预览全是乱码或者空白，记得检查路径栏是不是带中文，最好全用英文，省得惹麻烦。

第二步，编写HTML骨架。点击“文件”面板里的“新建”，选择“HTML”，然后确定。这时候你会看到一个白色的编辑区，DW会自动生成一堆代码。别怕，删掉大部分，只留最基础的。就像盖房子先打地基，你得有、、这三个标签。在里写上，这是网页标题，搜索引擎抓取的关键。在里，你可以先放个

标签，写上“欢迎来到我的世界”。这时候按F12预览，虽然丑，但结构出来了。这一步是简单的dw制作网页步骤里最关键的一环，结构乱了，后面加样式全白搭。

第三步，美化与内容填充。光有文字太干巴，得加图片和CSS。在DW里，你可以直接拖拽图片到里，它会自动生成标签。记得给图片加个alt属性，比如alt="风景图"，这对SEO友好。接着，选中文字，在右侧属性面板里改颜色、字号。比如把标题改成红色，字体加大。这时候你会发现，代码区里自动多了之类的标签（虽然DW CC推荐用CSS，但新手用这个直观）。如果你想更专业点，可以在里加个