![网页设计与网站建设全攻略](https://wfqqreader-1252317822.image.myqcloud.com/cover/587/27110587/b_27110587.jpg)
3.3 创建与管理站点
建立本地站点就是在本地计算机硬盘上建立一个文件夹并用这个文件夹作为站点的根目录,然后将网页以及其他相关的文件,如图片、声音、html文件存放在该文件夹中。当准备发布站点时,将文件夹中的文件上传到Web服务器即可。
3.3.1 小实例——创建本地站点
制作网页之前首先要建立一个本地站点,具体操作步骤如下。
步骤01 执行“站点”|“管理站点”命令,弹出“管理站点”对话框,在对话框中单击“新建站点”按钮,如图3-8所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0072.jpg?sign=1738969787-PvZE9nOc0Uoy1sQVpuTMqLWWDMU5KW3l-0-441fed5634b1d85a296ae949a13ec95d)
图3-8 “管理站点”对话框
步骤02 弹出“站点设置对象 未命名站点2”对话框,在对话框中“站点”选项卡的“站点名称”文本框中输入名称,如图3-9所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0073.jpg?sign=1738969787-ZYwIrqtiIR9Mlrq0O7gubH8VaC2wFNrm-0-9c4f6f0a6ff5b212a7447904d91e7c23)
图3-9 输入站点的名称
★高手支招★
要制作一个网站,第一步操作都是一样的,就是要创建一个“站点”,这样可以使整个网站的脉络结构清晰地展现在面前,避免了以后再进行纷杂的管理。
步骤03 单击“本地站点文件夹”文本框右边的文件夹按钮,弹出“选择根文件夹”对话框,在对话框中选择相应的位置,如图3-10所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0075.jpg?sign=1738969787-pL9AU5HIb3G7JSafFKgtwuUoLLdI2eTo-0-f815aa46ff525ace75936ba91ff2f42d)
图3-10 “选择根文件夹”对话框
步骤04 单击“选择文件夹”按钮,选择文件位置,如图3-11所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0076.jpg?sign=1738969787-dmFvAN2RCEMiT14IWNVOkZD5R8JbJ3DQ-0-1c96654b4717f1f4402a03696f3f0f05)
图3-11 选择文件位置
步骤05 单击“保存”按钮,返回到“管理站点”对话框,对话框中显示了新建的站点,如图3-12所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0077.jpg?sign=1738969787-XECaNfGbsTtRuaugr7goxa6ba9JljlGG-0-94a22c2330f9156cab00253056f320ec)
图3-12 “管理站点”对话框
步骤06 单击“完成”按钮,在“文件”面板中可以看到创建的站点内的文件,如图3-13所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0078.jpg?sign=1738969787-C0uBpbgwDwLCPdVoEjSp12Zs47WSBx9O-0-b69231175d9c4925816ecf9a8f976f90)
图3-13 “文件”面板
★高手支招★
站点定义不好,其结构将会变得混乱,给以后的维护造成很大的困难,大家千万不要小看了它,这些工作在整个网站建设中是相当重要的。
3.3.2 小实例——管理本地站点
在Dreamweaver CC中,可以对本地站点进行管理,如打开、编辑、删除和复制站点等。
当运行Dreamweaver CC后,系统会自动打开上次退出Dreamweaver CC时编辑的站点。
如果想打开另外一个站点,在“文件”面板左边的下拉列表框中将会显示已定义的所有站点,如图3-14所示。在下拉列表框中选择需要打开的站点,即可打开已定义的站点。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0079.jpg?sign=1738969787-zqVO2xxnjsMxib4MdWEebQpnQuWIdypp-0-2b6a0959383600bb175b5744b5e4d167)
图3-14 打开站点
创建站点后,可以对站点进行编辑,执行“站点”|“管理站点”命令,弹出“管理站点”对话框,在对话框中单击“编辑当前选定的站点”按钮,如图3-15所示。即可弹出“站点设置对象效果”对话框,在“高级设置”选项卡中可以编辑站点的相关信息,如图3-16所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0080.jpg?sign=1738969787-zSe60K8a6rVqN2G4pcOja5J8FehoOZl7-0-8a8fc0780e351b887d6de23d59f28235)
图3-15 “管理站点”对话框
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0081.jpg?sign=1738969787-kPNIXPcP2J6iqqa2px96Z8Hv5LTSOHwc-0-9c461029259ee791d6eaa1d3d4e67fe4)
图3-16 “站点设置对象效果”对话框
★知识要点★
可以创建多个站点,它们都将显示在“管理站点”窗口左侧的站点列表框中。想要在多个站点中进行切换,只需打开“管理站点”,选中要打开的站点,单击下面的“完成”按钮即可。
编辑完毕后,单击“确定”按钮,返回到“管理站点”对话框,单击“完成”按钮,即可完成站点的编辑。
如果不再需要站点,可以将其从站点列表中删除,执行“站点”|“管理站点”命令,弹出“管理站点”对话框,在对话框内选中要删除的站点,单击“删除当前选定的站点”按钮,如图3-17所示。弹出Dreamweaver提示对话框,询问用户是否要删除本地站点,如图3-18所示。单击“是”按钮,即可将本地站点删除。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0082.jpg?sign=1738969787-PLlw7loXhP8u0LATlxt14JIsFwRnZTKk-0-d5a99f350bc52c8f190c7275b07f83ec)
图3-17 “管理站点”对话框
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0083.jpg?sign=1738969787-ppTvTtpfh5TazHS4MtqUCamzg2e3apC7-0-525b726ff47f847beac3bfdd22d98218)
图3-18 Dreamweaver提示对话框
★知识要点★
该操作实际上只是删除了Dreamweaver同该站点之间的关系,但是实际本地站点内容,包括文件夹和文档等,仍然保存在磁盘相应的位置,可以重新创建指向其位置的新站点,重新对其进行管理。
执行“站点”|“管理站点”命令,弹出“管理站点”对话框,在对话框中选中要复制的站点,单击“复制当前选定的站点”按钮,如图3-19所示,即可将该站点复制。新复制出的站点名称会出现在“管理站点”对话框的站点列表中,如图3-20所示。单击“完成”按钮,完成对站点的复制。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0084.jpg?sign=1738969787-rLNDdpN2gcEGc2BEPELXeOgplgZvXKAZ-0-eca592f1c6b2ea5e3ee622b1c3c137b3)
图3-19 选择“复制当前选定的站点”按钮
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0085.jpg?sign=1738969787-8GybBeqrSqYlIExDS7Nay0jpNOqbtpII-0-4e9e6830a6c96f497e09e0d9021ffc65)
图3-20 复制站点