dw新建站点全攻略:新手从零上手不踩坑
先搞懂:dw新建站点到底是什么
刚接触 Dreamweaver(简称 dw)的朋友,往往打开软件就想直接新建网页、写代码,结果做到一半发现图片路径错乱、链接点不动,或者文件到处乱放找不到。其实问题的根源,多半是没有先"新建站点"。
在 dw 里,"站点"并不是指线上的网站,而是指一个被软件统一管理的项目文件夹。你把网页、图片、样式表、脚本都放进这个文件夹后,dw 就能帮你自动处理相对路径、检查链接、批量替换,还能在本地和服务器之间同步文件。可以把它理解成:先给项目建一个"家",之后所有内容都住在这个家里,管理起来才不会乱。
所以 dw 新建站点是正式做网页前的第一步,也是决定后期是否顺手的关键一步。哪怕只是练习,也建议养成先建站点的习惯。
dw新建站点前的准备工作
动手之前,先把两件小事准备好,能省去后面很多麻烦。
1. 规划好本地文件夹
在电脑里专门建一个空文件夹作为站点根目录,比如放在非系统盘的某个位置。命名遵循几个原则:
- 只用英文字母、数字和下划线,不要用中文和空格,避免服务器上路径出错;
- 名字简短好认,比如项目名加用途即可;
- 提前在里面建好子文件夹,例如放图片、放样式、放脚本的目录,分类清晰。
2. 理清自己的目标
如果你只是本地练习,那么建好本地站点就够了;如果做完要上传到空间让别人访问,就需要准备好服务器信息。先想清楚用途,配置时才知道哪些要填、哪些可以先跳过。
dw新建站点的详细步骤
准备就绪后,就可以正式操作了。整个过程其实不复杂,跟着走一遍就会。
第一步:打开新建站点窗口
在 dw 顶部菜单栏找到"站点"菜单,点击"新建站点"。这时会弹出站点设置对话框,左侧是分类,右侧是具体填写项。新手主要关注"站点"这一栏即可。
第二步:填写站点名称与本地文件夹
在"站点名称"里输入一个方便自己识别的名字,这个名字只在软件内部显示,用中文也没问题。接着点击"本地站点文件夹"右侧的文件夹图标,选中前面准备好的那个空文件夹。这两项填好,一个最基础的本地站点就算建成了。
第三步:确认并查看结果
点击"保存"后,回到主界面,右侧的"文件"面板里就会显示这个站点和它的目录结构。以后新建的网页、拖进来的图片,都会归到这里,dw 也会据此管理路径。到这一步,本地做网页已经完全没问题了。
进阶:配置服务器,把网页传到线上
如果你需要让网页被别人访问,就要在站点设置里再配置服务器。做法是回到站点设置对话框,选择左侧的"服务器",点击加号新增一个服务器。
- 连接方式:常见的是 FTP,也可以选择本地或网络;
- 地址与账号:填写空间提供的服务器地址、用户名和密码;
- 根目录:指定文件要上传到的目标目录,填错会导致网页放错位置;
- Web 地址:也就是访问网站用的域名,用于预览和链接检查。
填好后建议点击"测试",看看能否连通。连接成功后,就能在文件面板里把本地文件上传到服务器,实现本地编辑、线上发布的完整流程。这一步涉及账号信息,务必来源于你自己的正规空间服务,妥善保管,不要随意泄露。
新手常见问题与避坑建议
最后整理几个新手最容易踩的坑,提前知道能少走弯路。
- 不建站点直接做网页:最常见的问题,容易导致路径混乱、链接失效,强烈建议先建站点。
- 文件夹用中文或空格命名:本地也许看不出问题,一上传就可能报错或乱码,尽量用英文。
- 文件放到站点文件夹之外:只有放进站点目录里的文件,dw 才能正确管理,别把图片留在桌面再插入。
- 随意移动或改名:需要移动、重命名文件时,尽量在 dw 的文件面板里操作,软件会自动更新相关链接,直接在系统里改容易断链。
- 服务器信息填错:地址、根目录、账号任何一项错了都连不上,逐项核对即可。
总的来说,dw 新建站点就是先给项目安个家,再决定要不要连上服务器。把这一步做扎实,后面无论是排版、加样式还是上传发布,都会顺畅很多。建议新手先反复练习本地建站,熟悉之后再尝试服务器配置,循序渐进,很快就能独立完成一个属于自己的小网站。