![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=1739285870-Y97TWWbYs4uk58miatqPHZDCkxt3ftv5-0-2d55e2007890926da5aa753c72ea0e8b)
图2-2
02弹出“站点设置对象”对话框,在该对话框的“站点”选项卡的“站点名称”文本框中输入网站名称,如图2-3所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P36_2899.jpg?sign=1739285870-9ISCdNSrdGcllV9mUVsYbMx0MT0fOpQ9-0-6978123fe70720b2ce764533cd23723e)
图2-3
★高手支招★
制作网站的第一步操作都是一样的,就是创建一个“站点”,这样可以使整个网站的脉络结构清晰地展现在面前,避免了以后再进行复杂的管理工作。
03单击“本地站点文件夹”文本框右侧的文件夹按钮,弹出“选择根文件夹”对话框,在该对话框中选择相应的路径,如图2-4所示。
04单击“选择文件夹”按钮,确定文件位置,如图2-5所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P36_2905.jpg?sign=1739285870-P6YZMdehyS6vOJ4iW2bPJck4M22sexzY-0-6650aa07f0c0210d64a779ba5ff5626a)
图2-4
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P36_2906.jpg?sign=1739285870-7ADG1yeeTawcuOdjtLClRoHusdQy2ERf-0-b37ee4cc086aaf27319b4bc3644501b9)
图2-5
05单击“保存”按钮,返回“管理站点”对话框,该对话框中出现了新建的站点,如图2-6所示。
06单击“完成”按钮,此时在“文件”面板中可以看到创建的站点文件,如图2-7所示。
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P37_2966.jpg?sign=1739285870-vTNoRDKcQvXFg7fhNwq2gDCy7GISA9zR-0-9caee7179e7f7fadae448f3a10192653)
图2-6
![](https://epubservercos.yuewen.com/886F6B/17640316907888406/epubprivate/OEBPS/Images/Figure-P37_2967.jpg?sign=1739285870-oI2zx2IMIakENmgcK5gLZ1Gi7cmRal6p-0-ec6686276edb566ed72c3357266d8f7c)
图2-7
★高手支招★
站点定义不好,其结构将会变得杂乱不堪,给以后的维护工作造成很大的困难。大家千万不要小看这一步骤,这些工作在整个网站建设中是相当重要的。