《Dreamweaver网页设计与制作》-第 ５ 章 　站 点 与 文 件

５.１站点管理建立一个网站，首先要有站点。业内很多网站工程师都喜爱用ＤｒｅａｍｗｅａｖｅｒＣＳ６来完成相应的建设工作。如何利用ＤｒｅａｍｗｅａｖｅｒＣＳ６创建站呢点？这会是很多新手头疼的问题。下面讲解如何利用ＤｒｅａｍｗｅａｖｅｒＣＳ６创建网站的站点。５.１.１创建站点１.方法一：在菜单栏上选择新建站点（１）寻找站点菜单其实，Ｄｒｅａｍｗｅａｖｅｒ早就集成了站点管理功能。打开ＤｒｅａｍｗｅａｖｅｒＣＳ６，在ＤｒｅａｍｗｅａｖｅｒＣＳ６的开始界面的导航上可以看到“站点”菜单，如图５－１所示。下一页返回５.１站点管理（２）新建站点单击ＤｒｅａｍｗｅａｖｅｒＣＳ６菜单导航上的“站点”菜单，然后在弹出的菜单上选择“新建站点”，如图５－２所示。（３）设置站点属性。弹出站点设置对话框，先设置站点项，这是在计算机本地创建的，在“站点名称”处输入站点名称，然后选择本地站点文件夹路径，如图５－３所示。（４）设置服务器选项。设置完站点属性后，设置服务器选项，这个设置主要用于动态页面，动态页面需要由服务器解析。单击左下角的“＋”图标添加服务器，如图５－４所示。在弹出的对话框中填入需要的信息，如图５－５所示。上一页下一页返回５.１站点管理在图５－５中，若“连接方法”选择“本地／网络”，表示仅在本机运行Ｗｅｂ服务器，如图５－６所示。接下来设置服务器模型，如图５－７所示。（５）设置服务器网络地址。开发网站的时候一般都是在本地搭建服务器，所以“连接方法”选择“本地／网络”。服务器名称和服务器文件夹都是安装服务器时确定的，服务器文件夹直接选择安装服务器时的位置就可以了。此处服务器安装在“Ｄ：＼Ａｐｐ＼ｗｗｗ”文件夹下，站点叫“ｊｉｎｇｙａｎ”。这里“ＷｅｂＵＲＬ”设置为“ｈｔｔｐ：／／ｌｏｃａｌｈｏｓｔ／ｊｉｎｇｙａｎ”。单击“保存”按钮，如图５－８所示。上一页下一页返回５.１站点管理（６）高级设置打开“高级设置”，可以给网站的站点设置一些更加丰富的内容，如图５－９所示。接下来，可以设置遮盖的应用，选择“遮盖”，可以对站点设置遮盖信息，如图５－１０所示。同时要把设计备注，如图５－１１所示。可以通过对文件视图列的设置，实现对站点管理器中文件浏览窗口所显示的内容的管理，如图５－１２所示。（７）保存站点设置信息。单击“保存”按钮后，返回新建站点的服务器选项界面，勾选“测试”，然后单击“保存”按钮，如图５－１３所示。上一页下一页返回５.１站点管理（８）完成建站至此，利用ＤｒｅａｍｗｅａｖｅｒＣＳ６新建站点的过程就结束了，其效果如图５－１４所示。２.方法二：用管理站点的方式新建站点单击“管理站点”，如图５－１５所示。单击“管理站点”之后，可以看到“管理站点”对话框，单击“新建”按钮出现一个下拉菜单，这里选择“站点”，如图５－１６所示。然后就出现了一个很熟悉的界面，其和方法一的配置过程是一样的，如图５－１７所示，这里不再赘述。上一页下一页返回５.１站点管理３.方法三：用基本和高级标签新建站点不论是在菜单栏上选择新建站点，还是用管理站点的方式新建站点，在弹出的界面上都有两个标签：“基本”和“高级”，如图５－１８所示，这是两种新建站点的方式。软件默认的是“基本”标签，前面已经介绍了“基本”标签的使用方法，下面介绍“高级”标签。这个标签不常用，“基本”标签相当于一个向导，引导用户一步一步地完成配置，而“高级”标签能够一下子把所有的配置都设置好，如图５－１９所示。上一页下一页返回５.１站点管理４.方法四：通过文件新建站点在图５－２０中的界面右边有个“管理站点”按钮，或单击“桌面”的下拉菜单，下拉菜单中也有一个“管理站点”选项。两个可以任意选择一个单击。接下来就又来到了管理站点的界面，之后的步骤和方法三一样，这里就不再赘述。５.１.２编辑站点在使用Ｄｒｅａｍｗｅａｖｅｒ制作网页时，有时可能会因为某种原因而中途更换站点，这时应该怎么操作呢？下面介绍如何用Ｄｒｅａｍｗｅａｖｅｒ编辑站点。１.修改站点首先打开Ｄｒｅａｍｗｅａｖｅｒ，在菜单栏中找到“站点”／“管理站点”，如图５－２１所示。上一页下一页返回５.１站点管理接下来，打开“管理站点”对话框，选择需要修改的站点，如图５－２２中的“ｄｕｏｔｅ”，选择站点后单击“编辑”图标，如图５－２２所示。此时就可以在“站点设置对象”中对站点进行各项修改与编辑了，界面如图５－２３所示。２.复制和删除站点在对其他网站进行操作时，可以直接复制其他网站的设置，或对无用的站点进行删除，以减轻相应的工作量。下面介绍下它们的具体操作方法。打开Ｄｒｅａｍｗｅａｖｅｒ后，单击“站点”／“管理站点”，就可以很方便地对之前建立过的站点进行复制或删除操作了。上一页下一页返回５.１站点管理１）复制站点打开“管理站点”对话框，在弹出的列表框中选择需要进行复制的站点项，然后单击“复制”按钮就可以复制站点。复制过来的站点一般需要经过一定的修改才能用作新站点。单击“编辑”按钮，就可以对复制过来的站点进行修改操作了。２）删除站点打开“管理站点”对话框，在列表框中可以看到本机中已经建立好的各个网站站点的列表，在列表中选中待删除的站点，单击“删除”按钮，然后在弹出的对话框中单击“是”按钮进行确定，即可删除该网站站点。上一页下一页返回５.１站点管理５.１.３导入与导出站点通常，制作网站时会用Ｄｒｅａｍｗｅａｖｅｒ新建站点，来完成各项制作工作，但有时建设完站点之后，需要在别的计算机上继续完成后续工作，那么如何导入或者导出原站点呢？下面介绍相关操作。（１）首先，需要注意：导出的站点一定要和相关文件存放在一起。（２）接下来，要确保新的计算机里面有Ｄｒｅａｍｗｅａｖｅｒ程序文件（图５－２４），若没有，可以在网站下载一个最新的程序，并安装使用。（３）进入Ｄｒｅａｍｗｅａｖｅｒ之后，单击“ＨＴＭＬ”，新建一个空白文档，如图５－２５所示。上一页下一页返回５.１站点管理（４）单击“站点”，如图５－２６所示。（５）单击“站点”之后，再单击“管理站点”选项。打开新的对话面板后，单击“导入”按钮，如图５－２７所示。（６）接下来选择之前导出的文件，单击选中相关文件之后导入到程序中，界面如图５－２８所示。（７）成功导入到Ｄｒｅａｍｗｅａｖｅｒ程序中之后，就可以进行导出操作，界面如图５－２９所示。（８）导入成功后的界面如图５－３０所示。上一页返回５.２文件管理５.２.１添加文件或文件夹制作网站时，既需要各类网页文件，也需要各类素材文件的索引。通过Ｄｒｅａｍｗｅａｖｅｒ，可以更好地创建、删除、复制、移动和管理这些文件及文件夹。１.新建文件或文件夹（１）方法一：在Ｄｒｅａｍｗｅａｖｅｒ打开界面进行新建操作。在桌面双击Ｄｒｅａｍｗｅａｖｅｒ图标打开软件，在欢迎界面中，选择中间的“新建”栏，然后选中具体的文件格式，一般默认为ＨＴＭＬ格式。如图５－３１所示。下一页返回５.２文件管理（２）方法二：通过菜单新建文件。在Ｄｒｅａｍｗｅａｖｅｒ工作界面中，选择“文件”，在弹出的二级菜单中选择“ＨＴＭＬ”，如图５－３２所示。（２）接下来，在弹出来的“新建文档”窗口中，分别选择“页面类型”和“布局”，然后单击“创建”按钮即可，如图５－３３所示。（３）方法三：通过站点新建文件或文件夹。①新建文件。ａ.在Ｄｒｅａｍｗｅａｖｅｒ的工作界面中，在右下角找到“站点管理”，在站点名上单击鼠标右键，弹出一个菜单，选择“新建文件”，如图５－３４所示。上一页下一页返回５.２文件管理ｂ.在当前选定站点下，会生成一个名为“ｕｎｔｉｔｌｅｄ.ｈｔｍｌ”的ＨＴＭＬ格式的文件，如图５－３５所示。ｃ.选中新生成的文件，进行改名，如图５－３６所示。②新建文件夹。ａ.如同创新文件的操作，在站点上单击鼠标右键，选择“新建文件夹”，如图５－３７所示。ｂ.在当前选定站点下，会生成一个名为“ｕｎｔｉｔｌｅｄ”的文件夹，如图５－３８所示。ｃ.选中新生成的文件夹，进行改名，如图５－３９所示。上一页下一页返回５.２文件管理③文件和文件夹命名说明。在Ｄｒｅａｍｗｅａｖｅｒ中，软件会对新生成的文件或文件夹进行自动命名，一般为“ｕｎｔｉｔｌｅｄ”。不建议使用默认文件名，因为这种命名方式会造成文件识别混乱，在以后的索引、查找、链接中都会极不方便。２.移入已有的文件或文件夹（１）方法一：往站点目录中复制相应的文件或文件夹。①建立名为“测试”的站点，站点文件夹下没有任何文件，如图５－４０所示。②假设配置的站点目录是Ｄ盘的“测试”文件夹，则首先选定要添加的文件，按“Ｃｔｒｌ＋Ｃ”组合键进行复制，如图５－４１所示。上一页下一页返回５.２文件管理③打开Ｄ盘的“测试”文件夹，按“Ｃｔｒｌ＋Ｖ”组合键进行粘贴，如图５－４２所示。④返回Ｄｒｅａｍｗｅａｖｅｒ窗口，如果新建站点的时候已经勾选“刷新本地文件”项目，这样拖进去的文件会立刻刷新显示出来，如果没有，单击文件窗口中的刷新按钮即可，如图５－４３所示。（２）方法二：往站点中导入目录①首先在磁盘上新建一个文件夹，并改名。将所有相关网页文件和文件夹都复制到一个新建的文件夹中，假设该文件夹即在Ｄ盘建立“测试”文件夹，如图５－４４所示。②启动Ｄｒｅａｍｗｅａｖｅｒ，单击“站点”菜单，单击“新建站点”命令。上一页下一页返回５.２文件管理③为站点命名，ＵＲＬ可暂不填写，单击“下一步”按钮，如图５－４５所示。④根据实际决定是否采用服务器技术，单击“下一步”按钮，如图５－４６所示。⑤单击后端文件夹按钮，选择预备的Ｄ盘中的“测试”文件夹，如图５－４７所示。⑥如暂时不需在服务器上调试，选择“无”，单击“下一步”按钮，如图５－４８所示。⑦单击“完成”按钮，即可完成往站点中的添加目录的操作。如图５－４９所示。上一页下一页返回５.２文件管理５.２.２编辑文件和文件夹１.重命名操作在网页制作过程中，有时会需要更改某些文件或文件夹的名称。此时，首先选中需要进行重命名的文件或文件夹，然后单击鼠标右键，在弹出菜单中选择“编辑”／“重命名”命令，随后，文件或文件夹就会进入可编辑状态，改写成新的名称即可，如图５－５０所示。上一页下一页返回５.２文件管理２.复制和移动操作在网页的制作过程中，有时为了提高制作程度，会将页面类似的文件或文件夹进行复制然后修改，这时，只需选中目标文件或文件夹，然后单击鼠标右键，在弹出的菜单中选择“编辑”／“复制”命令即可在当前目录下生成一个相同的复制文件，然后就可对其进行修改了。３.删除操作对于已经明确不再用的文件或文件夹，建议将其删除，以规范站点的文件结构。在进行删除操作时，首先选中待删除的文件或文件夹，然后单击鼠标右键，在弹出的菜单中选择“编辑”／“删除”命令即可。上一页返回５.３文件的常规操作５.３.１打开网页文档要对一个网页文档进行编辑制作，首先需要打开该文档。在Ｄｒｅａｍｗｅａｖｅｒ中，单击“文件”菜单，然后选择“打开”子菜单就可以打开“打开”对话框，通过浏览文件目录，找到需要打开的目标文档并选中，单击“打开”按钮即可，如图５－５１所示。该操作也可以通过快捷键“Ｃｔｒｌ＋Ｏ”来实现。５.３.２保存网页文档在进行网页制作的过程中，应及时进行保存，以最大限度地减小意外情况对工作的影响。保存工作主要有３种操作方式：下一页返回５.３文件的常规操作（１）保存网页。在菜单栏中选择“文件”／“保存”，即可进行文档的保存。该工作也可以通过快捷键“Ｃｔｒｌ＋Ｓ”来实现。（２）另存为网页。在菜单栏中选择“文件”／“另存为”，即可在其他位置保存网页文档。该工作也可以通过快捷键“Ｃｔｒｌ＋Ｓｈｉｆｔ＋Ｓ”来实现。（３）保存全部。如果同时打开了多个文档且对它们都需进行保存操作，逐个保存较烦琐，可以在菜单栏中选择“文件”／“保存全部”，来实现全部打开文件的保存。上一页下一页返回５.３文件的常规操作操作技巧：（１）如果一个文档发生操作变化后未及时进行保存，那么在页面的书签处的文件名后，会有一个小“”号，以提示操作者及时进行保存工作，完成保存后“”号消失。（２）“保存”和“保存全部”是对原文件的操作；而“另存为”是按原文件的内容生成新的文件，有时我们也用来做内容或格式相同的新文件的复制生成来使用。５.３.３关闭网页文档在相关网页文档的制作或编辑工作结束后，应该及时关闭文档来释放系统资源，以便更流畅地编辑其他文档或运行其他程序。上一页下一页返回５.３文件的常规操作关闭网页文档主要有以下几种方法：（１）选中需要关闭的文档，打开菜单中的“文件”／“关闭”命令就可以关闭相应的文档。该操作也可以通过快捷键“Ｃｔｒｌ＋Ｗ”来实现。（２）对于同时有多个文档需要关闭的，可以打开菜单中的“文件”／“全部关闭”命令来关闭所有打开的网页文档。该操作也可以通过快捷键“Ｃｔｒｌ＋Ｓｈｉｆｔ＋Ｗ”来实现。（３）选中需要关闭的文档，点击右上角的叉号按钮，即可关闭相应的文档。上一页返回图５－１“站点”菜单返回图５－２通过菜单新建站点返回图５－３设置站点属性返回图５－４添加服务器返回图５－５设置服务器返回