DW怎么新建站点?新手也能懂的实战全流程
不少刚接触网页制作的朋友,装好 Dreamweaver(简称 DW)后的第一反应,就是新建一个 HTML 文件、噼里啪啦开始写代码。等到页面多了、图片和 CSS 文件散落各处,才发现链接全乱了、图片也显示不出来。其实问题往往就出在没有先"新建站点"。这一步只花两三分钟,却能省下后面大量返工时间。下面我把 dw 怎么新建站点讲清楚,也把这些年带新人踩过的坑一起整理出来。
先搞懂:DW 里的"站点"到底是什么
很多人以为站点就等于"网站",其实在 DW 里,站点更像是一套"项目文件夹的管理规则"。你告诉 DW:"这个文件夹就是我这个网站的根目录",它就会以这个文件夹为基准,来处理所有链接、图片路径和文件引用。
- 没建站点:DW 只能按"单个文件"理解,容易生成一堆绝对路径,换台电脑或上传服务器就全断了;
- 建了站点:DW 用相对根目录的方式管理链接,改文件夹结构、批量重命名时能自动更新引用,省心很多。
DW 新建站点的完整步骤(本地部分)
本地设置是最关键的一步,务必先做。具体操作如下:
第一步:打开新建站点面板
在顶部菜单点"站点"→"新建站点"。如果你要同时管理多个项目,也可以从"站点"→"管理站点"进入,再点"新建"。
第二步:填写站点名称
"站点名称"只是给你自己看的标识,不会出现在网页里,写成能一眼认出的名字就行,比如"公司官网改版"。别用默认的"未命名站点2",项目一多就分不清了。
第三步:选择本地站点文件夹
这是重中之重。点右边的文件夹图标,选一个专门的空文件夹当根目录,比如在 D 盘单独建一个"mysite"。建议提前在里面规划好子文件夹:
- images 放图片;
- css 放样式表;
- js 放脚本;
- 根目录只留 index.html 等主要页面。
结构清晰,后面维护和排错都会轻松很多。填完点"保存",本地站点就建好了,右下角"文件"面板会显示出这个目录树。
连接远程服务器:让文件真正"上线"
光有本地站点,网页还只在自己电脑上。想让别人访问,就得配置远程服务器,把文件传到空间或主机上。
还是在新建站点的窗口,左侧选"服务器",点"+"添加:
- 连接方法一般选 FTP,或更安全的 SFTP;
- FTP 地址、用户名、密码,这些由你购买的主机商提供;
- "根目录"通常填空间商指定的目录,很多是 wwwroot、htdocs 或 public_html;
- 填完先点"测试",提示连接成功后再保存。
配好之后,"文件"面板里就能看到本地和远程两栏,选中文件点上传(向上箭头)即可发布,改动后重新上传就行,不用再单独开一个 FTP 软件。
做动态网站?别忘了"测试服务器"
如果你做的是 PHP 这类需要后台运行的动态站,只配本地和远程还不够,直接双击 PHP 文件用浏览器打开是跑不出效果的。这时要在站点设置里再配一个"测试服务器"。
常见做法是:本地先装好一个集成运行环境,把网站放进它的站点目录,然后在 DW 的"服务器"设置里勾上"测试",把 URL 前缀填成本地访问地址。这样按预览快捷键时,DW 会通过测试服务器解析动态代码,你看到的才是真实运行效果。
一个真实案例,和几个高频踩坑点
之前带一个学员做企业官网,他没建站点就直接干,做了十几个页面。后来要把 images 文件夹改个名,结果几十张图片全部裂开,只能一张张改路径,改到快崩溃。我让他重新新建站点、把文件归置好,再做同样的重命名操作,DW 自动更新了所有引用,几秒钟就搞定。这就是站点管理的价值。
结合经验,几个最容易踩的坑也提醒一下:
- 本地文件夹别选桌面或临时目录,也别放在中文路径过深的位置,容易出莫名其妙的问题;
- 一个网站对应一个站点,别把多个项目塞进同一个根目录;
- FTP 连不上,多半是端口、被动模式或密码问题,可在"更多选项"里试着切换被动式 FTP;
- 换电脑后,记得用"管理站点"里的"导出"和"导入",把站点配置直接带走,不用重配。
总的来说,dw 怎么新建站点并不难,核心就是三件事:定好本地根目录、连上远程服务器、动态站再加测试服务器。养成先建站点再动手的习惯,你会发现后面做网站顺畅太多。