最近教表妹用DW建站，发现个魔幻现象：跟着教程一步步操作，结果本地预览全是破碎图片！这事儿就跟照着菜谱做菜却炒糊了似的让人抓狂。今儿咱们就用小白能听懂的大白话，把Dreamweaver建站的门道捋清楚。
第一步：别急着新建文件！先搞懂站点定义
灵魂拷问：为啥建站要先定义本地文件夹？
这就好比盖房子要先打地基！DW的站点管理器其实就是个智能地图，帮你理清三个关键路径：
- 本地根目录（相当于原料仓库）
- 远程服务器（成品展示区）
- 测试服务器（临时样板间）
正确操作姿势：
- 在D盘新建"mywebsite"文件夹（千万别用中文名！）
- 里面再建images/css/js三个子文件夹
- 打开DW按Ctrl+Shift+N调出站点设置
第二步：设置参数别手抖！这些选项要盯紧
上周帮人调试DW站点，发现参数设置错位导致网页乱码。重点检查这五项：
✅ 站点名称：建议用品牌英文+年份（如apple_2024）
✅ 本地根文件夹：必须选刚才新建的mywebsite
✅ 默认图像文件夹：指定到images目录
✅ 链接相对于：选"文档"而不是"站点根目录"
✅ Web URL：先填http://localhost/（本地测试用）
避坑案例：
某学员把"区分大小写链接"勾选了，结果首页跳转404。记住：Windows服务器不区分大小写，Linux才需要勾选！
第三步：文件管理有诀窍！这些骚操作要会
问题：为什么拖拽图片总显示红叉？
→ 九成原因是文件路径错误！正确姿势分三步：
- 先把图片存进images文件夹
- 在DW右键点击要插入的位置
- 选择"图像源文件"时务必相对路径
文件对比表收好：
| 操作方式 | 正确示范 | 错误示范 |
|---|---|---|
| 插入本地图片 | images/logo.png | C:/user/桌面/logo.png |
| 引用CSS文件 | css/style.css | ../style.css |
| 链接子页面 | about/index.html | /about/index.html |
血泪教训：
某学员用绝对路径上传服务器后，所有图片链接失效。切记DW里的斜杠方向要统一用"/"而不是""！
第四步：模板活用省时间！但要注意这些坑
DW自带的Bootstrap模板看着光鲜，实际藏着这些雷：
- 部分JS组件需要联网加载（断网就崩）
- 默认字体涉及版权风险（商用需替换）
- 响应式断点不符合国内习惯（手机端显示错位）
个人私藏技巧：
- 修改meta标签的viewport值适配国产手机
- 把font-awesome换成阿里巴巴矢量图标库
- 删除模板自带的谷歌字体引用（加速加载）
干了十年前端的老鸟说点实在的
现在很多新手被DW的可视化界面迷惑，以为拖拽就能做好网站。其实DW最强大的还是代码提示功能！试试在代码视图按Ctrl+空格，自动补全比媳妇还贴心。最近发现个新趋势——用DW做原型设计，再用VS Code写正式代码，效率直接翻倍。
下次遇到页面元素乱跑的情况，先检查盒子模型再骂DW。记住啊，好站点就像东莞烧鹅——皮要脆（代码规范），肉要嫩（交互流畅），骨架硬（结构清晰）！
