新编网站设计与网页制作(Dreamweaver CC + Photoshop CC + Flash CC版)从入门到精通
上QQ阅读APP看书,第一时间看更新

2.2 创建站点

本节教学录像时间:9分钟

在开始制作网页之前,最好先定义一个新站点,这是为了更好地利用站点对文件进行管理,尽可能减少链接与路径方面的错误。

小提示

Dreamweaver站点是一种管理网站中所有相关联文档的工具,通过站点可以实现将文件上传到网络服务器、自动跟踪和维护、管理文件以及共享文件等功能。Dreamweaver中的站点包括本地站点、远程站点和测试站点3类。

2.2.1 创建本地站点

使用向导创建本地站点的具体步骤如下。

步骤01 打开Dreamweaver CC,选择【站点】【新建站点】菜单命令,弹出【站点设置对象】对话框,输入站点的名称,并设置本地站点文件夹的路径和名称,然后单击【保存】按钮。

步骤02 本地站点创建完成,在【文件】面板的【本地文件】窗格中会显示该站点的根目录。

2.2.2 创建远程站点

在远程服务器上创建站点,需要在远程服务器上指定远程文件夹的位置,该文件夹将存储生产、协作和部署等方案的文件。

步骤01 选择【站点】【新建站点】菜单命令,在弹出的【站点设置对象】对话框中输入【站点名称】和【本地站点文件夹】。

步骤02 选择【服务器】选项卡,单击【添加新服务器】按钮

步骤03 在打开的对话框中输入【服务器名称】、【FTP地址】、【用户名】和【密码】,设置【连接方法】为“FTP”,然后单击【测试】按钮。

步骤04 稍等片刻即可弹出对话框,提示Dreamweaver已成功连接到服务器,单击【确定】按钮。

步骤05 返回原来的对话框,单击选择【高级】选项,然后根据需要进行设置,完成后单击【保存】按钮。

步骤06 返回【站点设置对象】对话框中的【服务器】选项卡,在其中可以看到新建的远程服务器的相关信息,然后单击【保存】按钮。

步骤07 【站点设置对象】对话框会自动跳转到【版本控制】选项卡,从中进行相应的设置,然后单击【保存】按钮。站点创建完成,在【文件】面板的【本地文件】窗格中会显示该站点的根目录。

步骤08 在【文件】面板中选择【远程服务器】选项,然后单击【连接到远端主机】按钮,即可成功地连接到远程服务器,并看到远程站点的根目录。