![Dreamweaver+jQuery移动网页设计从新手到高手](https://wfqqreader-1252317822.image.myqcloud.com/cover/368/32858368/b_32858368.jpg)
上QQ阅读APP看书,第一时间看更新
2.2 创建本地站点
站点是放置网页文档的场所,Dreamweaver CC 2018是一个网站创建和管理工具,使用它不仅可以创建单独的文档,还可以创建完整的网站。
建立本地站点就是在本地计算机硬盘上建立一个文件夹,并用这个文件夹作为站点的根目录,然后将网页及其他相关的文件,如图片、声音、HTML文件存放在该文件夹中。当准备发布站点时,将文件夹中的文件上传到Web服务器上即可。制作网页之前,首先要建立一个本地站点,具体操作步骤如下。
01执行“站点”|“管理站点”命令,弹出“管理站点”对话框,在该对话框中单击“新建站点”按钮,如图2-2所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P35_2841.jpg?sign=1739667319-uLElewwB7yUKJ4m70XJwfssN1LxZdmQd-0-c662f3d251c6e0f82e66c5d149b3b46b)
图2-2
02弹出“站点设置对象”对话框,在该对话框的“站点”选项卡的“站点名称”文本框中输入网站名称,如图2-3所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P36_2899.jpg?sign=1739667319-CWVj9TiLwrT1PNma6iKyc4OeOnSCUNBd-0-8d15e3fc698d0879c0e48edc3fe347d9)
图2-3
★高手支招★
制作网站的第一步操作都是一样的,就是创建一个“站点”,这样可以使整个网站的脉络结构清晰地展现在面前,避免了以后再进行复杂的管理工作。
03单击“本地站点文件夹”文本框右侧的文件夹按钮,弹出“选择根文件夹”对话框,在该对话框中选择相应的路径,如图2-4所示。
04单击“选择文件夹”按钮,确定文件位置,如图2-5所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P36_2905.jpg?sign=1739667319-7XHhKmzx5InfHsktG5M6dMdmpKKE4WEI-0-ab66844a6f1e92b007bb8fa5cd75fd46)
图2-4
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P36_2906.jpg?sign=1739667319-hWQFxB1oCemBSpUWnpj8tGUK9OsBM65e-0-824bd6620f77bc168b798626dfa075cc)
图2-5
05单击“保存”按钮,返回“管理站点”对话框,该对话框中出现了新建的站点,如图2-6所示。
06单击“完成”按钮,此时在“文件”面板中可以看到创建的站点文件,如图2-7所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P37_2966.jpg?sign=1739667319-W5MQVwBAw6Iz0tr7t9q6zo2iqYuON1cX-0-7fddda4350f3c6bb0a8aeea6aa26a4b2)
图2-6
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P37_2967.jpg?sign=1739667319-kgdrXqdmosSc2OeO6rMEQxiuOBcLi9EI-0-866c1ebdb0439510ec1d458f2947c371)
图2-7
★高手支招★
站点定义不好,其结构将会变得杂乱不堪,给以后的维护工作造成很大的困难。大家千万不要小看这一步骤,这些工作在整个网站建设中是相当重要的。