1.2 创建与编辑本地站点_中文版Dreamweaver CC+Flash CC+Photoshop CC网页设计实战视频教程-QQ阅读男生历史网

上QQ阅读APP看书，第一时间看更新

1.2 创建与编辑本地站点

Dreamweaver CC是一个功能非常强大的站点创建和管理软件，用户可以使用它完成创建Web站点和添加个人文档等工作。在熟悉Dreamweaver CC的基本操作之后，就可以利用它来制作简单的网页站点。

实战003 创建本地静态站点

实例位置：无

素材位置：无

视频位置：光盘\视频\第1章\实战003.mp4

实例介绍

站点的类型有很多，包括本地静态站点、远程动态站点和Business Catalyst站点等。对于网页初学者来说，创建本地静态站点是很关键的，在Dreamweaver中创建本地静态站点的步骤很简单。要创建本地静态站点，首先需要打开“站点设置对象”对话框，下面介绍具体的操作方法。

操作步骤

STEP 01 在Dreamweaver的起始页面中，选择“新建”选项区中的“站点设置”选项，如图1-11所示。

STEP 02 执行操作后，弹出“站点设置对象新建站点”对话框，在“站点名称”文本框中输入相应的名称，如图1-12所示。

图1-11 选择“站点设置”选项

图1-12 输入相应的名称

STEP 03 设置好站点名称后，单击“本地站点文件夹”选项右侧的“浏览文件夹”按钮，如图1-13所示。

图1-13 单击“浏览文件夹”按钮

STEP 04 执行上述操作后，弹出“选择根文件夹”对话框，单击“新建文件夹”按钮，如图1-14所示。

图1-14 单击“新建文件夹”按钮

STEP 05 创建并重命名文件夹，选择所创建的文件夹，单击右下角的“选择文件夹”按钮，如图1-15所示。

图1-15 单击“选择文件夹”按钮

STEP 06 执行上述操作后，即可设置相应的本地站点文件夹，单击“保存”按钮完成站点的创建操作，如图1-16所示。

图1-16 单击“保存”按钮

STEP 07 在菜单栏中，单击“窗口”|“文件”命令，如图1-17所示。

图1-17 单击“文件”命令

STEP 08 执行上述操作后，展开“文件”面板，在“文件”面板中显示出刚创建的本地站点，如图1-18所示。

图1-18 显示刚创建的本地站点

知识扩展

“站点设置对象”对话框中各选项主要含义如下。

站点名称：可以在该选项后的文本框中输入所创建站点的名称。

本地站点文件夹：在该选项后的文本框中可以设置所创建站点的本地站点文件夹位置，可以通过单击该选项后的“浏览文件夹”按钮，在弹出的对话框中选择本地站点文件夹。

实战004 设置站点服务器

实例位置：无

素材位置：无

视频位置：光盘\视频\第1章\实战004.mp4

实例介绍

用户需要将站点中的Dreamweaver上传到远程服务器，首先要使用Dreamweaver连接远程服务器，可以在站点设置对象中对远程服务器进行设置，包括“基本”和“高级”两个选项卡。

操作步骤

STEP 01 展开“文件”面板，单击“连接到远程服务器”按钮，如图1-19所示。

图1-19 单击“连接到远程服务器”按钮

STEP 02 执行操作后，弹出“站点设置对象新建站点”对话框，默认进入“服务器”选项卡，单击“添加新服务器”按钮，如图1-20所示。

图1-20 单击“添加新服务器”按钮

STEP 03 弹出“服务器设置”窗口，分为“基本”和“高级”两个选项卡，在“基本”选项卡中可以对服务器的相关基本选项进行设置，如图1-21所示。

STEP 04 单击“高级”标签，切换到“高级”选项卡中，用户可以在此设置远程服务器以及测试服务器，如图1-22所示。

图1-21“基本”选项卡

图1-22“高级”选项卡

知识扩展1

“基本”选项卡中各选项主要含义如下。

服务器名称：在该文本框中可以指定服务器的名称，该名称可以是用户任意定义的名称。

连接方法：在该选项的下拉列表中可以选择连接到远程服务器的方法，在Dreamweaver CC中提供了7种连接远程服务器的方式，如图1-23所示。

FTP地址：在该文本框中输入要将站点文件上传到其中的FTP服务器的地址。FTP地址是计算机系统的完整Internet名称。注意，在这里需要输入完整的FTP地址，并且不要输入任何多余的文本，特别是不要在0地址前面加上协议名称。

端口：端口21是接收FTP连接的默认端口。用户可以通过编辑右侧的文本框更改默认的端口号。

图1-23 连接方法菜单

图1-24 更多的设置选项

用户名和密码：分别在“用户名”和“密码”文本框中输入用于连接到FTP服务器的用户名和密码，选中“保存”复选框，可以保存所输入的FTP用户名和密码。

测试：完成“FTP地址”“用户名”和“密码”选项的设置后，可以通过单击“测试”按钮，测试与FTP服务器的连接。

根目录：在该选项的文本框中输入远程服务器上用于存储站点文件的目录。在有些服务器上，根目录就是首次使用FTP连接到的目录。用户也可以链接到远程服务器，如果在“文件”面板中的“远程文件”视图中出现像public_html、www或用户名这样名称的文件夹，它可能就是FTP的根目录。

Web URL：在该文本框中可以输入Web站点的URL地址（如http://www.baidu.com）。Dreamweaver CC使用Web URL创建站点根目录相对链接。

更多选项：单击“更多选项”选项前的三角形按钮，可以在FTP设置窗口中显示出更多的设置选项，如图1-24所示。

使用被动式FTP：如果代理配置要求使用被动式FTP，可以选中该选项。

使用IPv6传输模式：如果使用的是启用IPv6的FTP服务器，可以选中该选项。IPv6指的是第6版Internet协议。

使用以下位置中定义的代理：如果选中该复选框，则将指定一个代理主机或代理端口。单击该选项后的“首选参数”链接，可以弹出站点的“首选参数”对话框，在该对话框中可以对代理主机进行设置，如图1-25所示。

图1-25 “首选参数”对话框

使用FTP性能优化：默认选中该选项，对连接到的FTP的性能进行优化操作。

使用其他的FTP移动方法：如果需要使用其他一些FTP移动文件的方法，可以选中该选项。在其相关的设置对话框中都有一个“高级”选项卡，无论选择哪种连接方式，其“高级”选项卡中的选项都是相同的。

知识扩展2

“高级”选项卡中各选项主要含义如下。

维护同步信息：如果希望自动同步本地站点和远程服务器上的文件，可以选中该复选框。

保存时自动将文件上传到服务器：如果希望在本地保存文件时， Dreamweaver CC自动将该文件上传到远程服务器站点中，可以选择该复选框。

启用文件取出功能：选中该复选框，可以启用“存回/取出”功能，则可以对“取出名称”和“电子邮件地址”选项进行设置。

服务器模型：如果使用的是测试服务器，则可以从“服务器模型”下拉列表中选择一种服务器模型，在该下拉列表中提供了8个选项可供选择。

图1-26“服务器模型”列表

实战005 在站点中新建文件夹

实例位置：无

素材位置：无

视频位置：光盘\视频\第1章\实战005.mp4

实例介绍

Dreamweaver CC的“文件”面板可帮助用户管理文件并在本地和远程服务器之间传输文件。当在本地和远程站点之间传输文件时，会在这两种站点之间维持平行的文件和文件夹结构。在两个站点之间传输文件时，如果站点中不存在相应的文件夹，则Dreamweaver CC将创建这些文件夹。也可以在本地和远程站点之间同步文件，Dreamweaver CC会根据需要在两个方向上复制文件，并且在适当的情况下删除不需要的文件。可以在“文件”面板中查看文件和文件夹，而无论它们是否与Dreamweaver站点相关联。在“文件”面板中查看站点、文件或文件夹时，可以更改查看区域的大小。对于Dreamweaver CC站点，可以展开或折叠“文件”面板，还可以通过更改默认显示在折叠面板中的视图（本地站点或远程站点）来对“文件”面板进行自定义。

知识扩展

网页是使用标识语言通过一系列设计、建模和执行的过程将电子格式的信息通过互联网传输，最终以图形界面的形式被用户所浏览。在使用网页时，经常会碰到一些专业术语，下面将对其进行具体的介绍。

Banner（横幅广告）

Banner一般翻译为网幅广告、旗帜广告以及横幅广告等，如图1-27所示。Banner广告是互联网广告中最基本的广告形式。它是一个表现商家广告内容的图片，放置在广告商的页面上，尺寸是480像素×60像素或233像素×30像素，一般是GIF格式的图像文件，可以使用静态图形，也可用多帧图像拼接为动画图像。除了GIF格式外，新兴的RichMedia Banner（富媒体广告）能赋予Banner更强的表现力和交互内容，但需要用户使用的浏览器插件支持。

图1-27 Banner广告

Browser（浏览器）

浏览器就是指在计算机上安装的，用来显示指定文件的程序。WWW的原理就是通过网络客户端（Client）的浏览器去读指定的文件，同时Internet上还提供了远程登录（Telnet）、电子邮件（E-mail）、传输文件（FTP）、电子公告板（BBS）以及网络论坛（Netnews）等多种交流方式。

Click（点击次数）

用户通过点击广告而访问广告主的网页，称点击一次。点击次数是评估广告效果的指标之一。

Cookie是计算机中记录用户在网络中行为的文件，网站可以通过Cookie来识别用户是否曾经访问过该网站。当浏览某些Web站点时，这些站点会在用户的硬盘上用很小的文本文件存储一些信息，这些文件就称为Cookie，如图1-28所示。Cookie中包含的信息与用户的爱好有关。

图1-28 Cookie文件

Database（数据库）

Database通常指利用现代计算机技术，将各类信息有序地分类整理，便于查找和管理。在网络营销中，指利用互联网收集用户个人信息，并存档管理，如姓名、性别、年龄、地址、电话、兴趣爱好以及消费行为等。

HTML（超文本标识语言）

HTML是一种基于文本格式的页面描述语言，是网页通过的编辑语言。

HTTP（超级文字传输协议）

HTTP，即Hyper Text TransferProtocol，是万维网上的一种传输格式，当浏览器的地址栏上显示HTTP时，就表明正在打开一个万维网页。

Key Word（关键字）

Key Word是用户在搜索引擎中提交的文字，以便快速查询所需要的内容。

URL

URL即某网页的链接地址，在浏览器的地址栏中输入URL，即可看到该网页的内容。

Web Site（站点）

Web Site即为互联网上的一个网址。站点包含各种组成物，某一个特定的域名，包含网页的地方。

操作步骤

STEP 01 展开“文件”面板，在相应站点上单击鼠标右键，在弹出的快捷菜单中选择“新建文件夹”选项，如图1-29所示。

图1-29 选择“新建文件夹”选项

STEP 02 执行操作后，即可在该站点中创建文件夹，用户还可以对文件夹进行重命名操作，如图1-30所示。

图1-30 创建文件夹并进行重命名

技巧点拨

在网页上单击鼠标右键，在弹出的快捷菜单中选择“查看源代码”选项，如图1-31所示。执行操作后，即可在新建的页面中看到网页的实际内容，如图1-32所示。可以看到，网页实际上只是一个纯文本文件。它通过各式各样的标记对页面上的文字、图片、表格以及声音等元素进行描述（如文字的字体、颜色以及大小），而浏览器则对这些标记进行解释并生成页面，于是就得到现在所看到的画面。

图1-31 选择“查看源代码”选项

图1-32 网页源文件

实战006 站点中文件夹和文件的操作

实例位置：无

素材位置：无

视频位置：光盘\视频\第1章\实战006.mp4

实例介绍

在“文件”面板中显示当前站点中的文件夹和文件，如果对站点中的文件夹或文件进行移动或复制等操作，最好在Dreamweaver的“文件”面板中进行，因为Dreamweaver有动态更新链接的功能，可以确保站点内部不会出现链接错误。

在网站制作的过程中，常常需要对站点中的文件夹或文件进行操作，包括文件夹和文件的移动、复制和重命名、删除等，下面就通过实战练习介绍如何对站点中的文件夹和文件进行操作。

操作步骤

STEP 01 选中需要移动或复制的文件（或文件夹），如果进行移动操作，可以单击鼠标右键，在弹出的菜单中选择“编辑”|“剪切”选项，如图1-33所示。

图1-33 选择“剪切”选项

STEP 02 执行操作后，即可剪切相应的文件（或文件夹），如图1-34所示。

图1-34 剪切相应的文件

知识扩展

在网站设计中，纯粹HTML格式的网页通常被称为静态网页，早期的网站一般都是由静态网页制作的。静态网页是相对于动态网页而言的，指没有后台数据库、不含程序和不可交互的网页。设计者编的是什么，它显示的就是什么，不会有任何改变。静态网页相对更新起来比较麻烦，适用于一般更新较少的展示型网站。

静态网页的网址形式通常为htm结尾，还有以.htm、.html、.shtml以及.xml等为后缀的。在HTML格式的网页上，也可以出现各种动态的效果，如.Gif格式的动画、Flash以及滚动字幕等，这些动态效果只是视觉上的，与动态网页是不同的概念。

静态网页的主要特点简要归纳如下。

静态网页的每个网页都有一个固定的URL，且网页URL以.htm、.html和.shtml等常见形式为后缀，而不含有？号。

网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的。也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件。

静态网页的内容相对稳定，因此容易被搜索引擎检索。

静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难。

静态网页的交互性较差，在功能方面有较大的限制。

STEP 03 选择相应文件夹，单击鼠标右键，在弹出的菜单中选择“编辑”|“粘贴”选项，如图1-35所示。

图1-35 选择“粘贴”选项

STEP 04 执行操作后，弹出“更新文件”对话框，单击“更新”按钮，如图1-36所示。

图1-36 单击“更新”按钮

STEP 05 执行操作后，即可移动文件，如图1-37所示。

图1-37 移动文件

STEP 06 如果要进行复制操作，可以在需要复制的文件上单击鼠标右键，在弹出的菜单中选择“编辑”|“复制”选项，如图1-38所示。

图1-38 选择“复制”选项

STEP 07 执行操作后，即可快速复制相应文件，如图1-39所示。

图1-39 复制相应文件

STEP 08 移动文件或文件夹还可以使用鼠标拖动的方法，在“文件”面板中选中需要进行移动的文件夹或文件，按住鼠标左键不放，拖动到目标文件夹中，然后释放鼠标，如图1-40所示。

图1-40 移动文件

STEP 09 给文件夹或文件重新命名的操作十分简单，使用鼠标左键选中需要重命名的文件或文件夹，然后按【F2】键，文件名或文件夹名即变为可编辑状态，输入新的文件名或文件夹名，按【Enter】键确认即可，如图1-41所示。

图1-41 重新命名文件

STEP 10 要从站点文件列表中删除文件或文件夹，可先选中要删除的文件或文件夹，然后在鼠标右键菜单中选择“编辑”|“删除”选项或按【Delete】键，如图1-42所示。

图1-42 选择“删除”选项

STEP 11 在弹出的提示对话框中单击“是”按钮，可将文件或文件夹从本地站点中删除，如图1-43所示。

图1-43 单击“是”按钮

实战007 设置站点的版本控制

实例位置：无

素材位置：无

视频位置：光盘\视频\第1章\实战007.mp4

实例介绍

Subversion是一种版本控制系统，用户可以通过Dreamweaver CC获取文件的最新版本，并更改和提交文件。

操作步骤

STEP 01 在“站点设置对象新建站点”对话框中单击“版本控制”选项，切换到“版本控制”选项卡，如图1-44所示。

图1-44 切换到“版本控制”选项卡

STEP 02 在“访问”下拉列表中选择Subversion选项， Dreamweaver可以连接到Subversion（SVN）的服务器，如图1-45所示。

图1-45 选择Subversion选项

知识扩展

“版本控制”选项卡中各选项主要含义如下。

访问：在该选项下拉列表中包括两个选项，即 “无”和“Subversion”。默认情况下，选中的是“无”选项。“Subversion”是一种版本控制系统，它使用户能够协作编辑和管理Web服务器上的文件。Dreamweaver CC并不是一个完整的Subversion客户端，但用户可以通过Dreamweaver CC获取文件的最新版本、更改和提交文件。

协议：在该选项下拉列表中可以选择Subversion服务器的协议，包括4个选项，如图1-46所示。

图1-46 Subversion服务器的协议

服务器地址：在该选项文本框中可以输入Subversion服务器的地址，通常的形式为：服务器名称.域.com。

存储库路径：在该选项文本框中可以输入Subversion服务器上存储库的路径。通常类似于：/svn/your_root_directory。

服务器端口：该选项用于设置服务器的端口，默认的服务器端口为80端口，如果希望使用的服务器端口不同于默认服务器的端口，可以在该选项文本框中输入端口号。

用户名和密码：在“用户名”和“密码”文本框中输入Subversion服务器的“用户名”和“密码”。

“测试”按钮：完成以上相应选项的设置后，可以单击“测试”按钮，测试与Subversion服务器的连接。

实战008 设置站点的本地信息

实例位置：无

素材位置：无

视频位置：光盘\视频\第1章\实战008.mp4

实例介绍

单击“站点设置对象”对话框左侧的“高级设置”选项中的“本地信息”选项，可以对站点的本地信息进行设置。

操作步骤

STEP 01 在“站点设置对象”对话框中单击“高级设置”选项，在展开的列表框中选择“本地信息”选项，如图1-47所示。

图1-47 选择“本地信息”选项

STEP 02 在右侧的“链接相对于”选项区中选中“站点根目录”单选按钮，如图1-48所示。

图1-48 选中“站点根目录”单选按钮

知识扩展

“本地信息”选项卡中各主要选项的含义如下。

默认图像文件夹：该选项用于设置站点中默认的图像文件夹，但是对于比较复杂的网站，图像往往不只存放在一个文件夹中，所以实用价值不大。可以输入路径，也可以单击右侧的“浏览”按钮，在弹出的“选择站点的本地图像文件夹”对话框中，找到相应的文件夹后进行保存。

链接相对于：设置站点中链接的方式，可以选择“文档”或“站点根目录”，默认情况下，Dreamweaver 创建文档的相对链接。

Web URL：在该文本框中可输入Web站点的URL地址（如http//www.baidu.com）。

区分大小写的链接检查：选中该复选框，在Dreamweaver中检查链接时，将检查链接的大小写与文件名的大小写是否相匹配。此选项用于文件名区分大小写的UNIX系统。

启用缓存：该选项用于指定是否创建本地缓存，以提高链接和站点管理任务的速度。如果不选择此选项，Dreamweaver在创建站点前将再次询问用户是否希望创建缓存。

实战009 设置站点的文件遮盖

实例位置：无

素材位置：无

视频位置：光盘\视频\第1章\实战009.mp4

实例介绍

单击“站点设置对象”对话框左侧的“高级设置”选项中的“遮盖”选项，可以对站点的遮盖进行设置。使用文件遮盖以后，可以在进行站点操作的时候排除被遮盖的文件。

操作步骤

STEP 01 在“站点设置对象”对话框中单击“高级设置”选项，在展开的列表框中选择“遮盖”选项，如图1-49所示。

图1-49 选择“遮盖”选项

STEP 02 在右侧选中“启用遮盖”和“遮盖具有以下扩展名的文件：”复选框，用户可以在下面的文本框中设置相应的文件扩展名，如图1-50所示。

图1-50 设置遮盖条件

知识扩展

“遮盖”选项卡中各主要选项的含义如下。

启用遮盖：选中该复选框，将激活Dreamweaver中的文件遮盖功能，默认情况下，该选项为选中状态。

遮盖具有以下扩展名的文件：选中该复选框后，可以指定要遮盖的特定文件类型，以便使Dreamweaver遮盖以指定文件扩展名的所有文件。例如，如果不希望上传Flash动画文件，可以将站点中的Flash动画文件，即扩展名为swf的文件设置成遮盖，这样Flash动画文件就不会被上传了。

实战010 设置站点的设计备注

实例位置：无

素材位置：无

视频位置：光盘\视频\第1章\实战010.mp4

实例介绍

单击“站点设置对象”对话框左侧的“高级设置”选项中的“设计备注”选项，可以对站点的设计备注进行设置。无论是自己独自开发站点，还是团队成员共同开发站点，备注既可以防止自己忘记的信息丢失，也可以上传服务器，与他人分享。

操作步骤

STEP 01 在“站点设置对象”对话框中单击“高级设置”选项，在展开的列表框中选择“设计备注”选项，如图1-51所示。

图1-51 选择“设计备注”选项

STEP 02 在右侧选中“维护设计备注”和“启用上传并共享设计备注”复选框，如图1-52所示。

图1-52 设置“设计备注”

知识扩展

“设计备注”选项卡中各主要选项的含义如下。

维护设计备注：选择该复选框，可以启用保存设计备注的功能，默认情况下，该选项为选中状态。

清理设计备注按钮：单击“清理设计备注”按钮，可以删除过去保存的设计备注。单击该按钮只能删除设计备注（.mno文件），不会删除_notes文件夹或_notes文件夹中的dwsync.xml文件。Dreamweaver使用dwsync.xml文件保存相关站点的同步信息。

启用上传并共享设计备注：选中该复选框后，可以在制作者上传文件或者取出时，将设计备注上传到所指定的远程服务器上。

实战011 设置站点的其他选项

实例位置：无

素材位置：无

视频位置：光盘\视频\第1章\实战011.mp4

实例介绍

在“站点设置对象”对话框左侧的“高级设置”列表框中，用户还可以设置文件视图列、Contribute、模版、jQuery、Web字体、Edge Animate资源等选项。

操作步骤

STEP 01 在“站点设置对象”对话框中单击左侧“高级设置”选项下的“文件视图列”选项，该选项用来设置站点管理器中文件浏览窗口所显示的内容，如图1-53所示。

图1-53“文件视图列”选项卡

STEP 02 在“站点设置对象”对话框中单击左侧“高级设置”选项中的“Contribute”选项，“Contribute”选项卡中只有“启用Contribute兼容性”复选框。Contribute使得用户易于向此网站发布内容，可以选择是否选中“启用Contribute兼容性”复选框，选中该复选框可使用户与Contribute用户之间的工作更有效率，一般情况下该选项默认为不勾选，如图1-54所示。

图1-54 “Contribute”选项卡

STEP 03 单击“站点设置对象”对话框左侧“高级设置”选项中的“模版”选项，可以对站点中的“模版”选项进行设置。该选项用来设置站点中的模版更新选项，其中只有“不改写文档相对路径”一个选项，选择该复选框，则在更新站点中的模版时，将不会改写文档的相对路径，如图1-55所示。

图1-55“模版”选项卡

STEP 04 单击“站点设置对象”对话框左侧“高级设置”选项中的“jQuery”选项，可以对站点的jQuery控件进行设置，如图1-56所示。该选项用来设置jQuery资源文件夹的位置，默认的站点jQuery资源文件夹位于站点的根目录中，用户可以单击“资源文件夹”文本框后的“浏览”按钮，更改jQuery资源文件夹的位置。

图1-56 “jQuery”选项卡

知识扩展

动态网页是与静态网页相对应的，也就是说网页URL的后缀不是htm、html、shtml以及xml等静态网页的常见形动态网页制作专家式，而是以asp、xasp、sp、php、perl以及cgi等形式为后缀，并且在动态网页网址中有一个标志性的？号。

这里说的动态网页，与网页上的各种动画、滚动字幕等视觉上的动态效果没有直接关系，动态网页既可以是纯文字内容的，也可以是包含各种动画的内容，这些只是网页具体内容的表现形式。无论网页是否具有动态效果，采用动态网站技术生成的网页都称为动态网页。从网站用户的角度来看，无论是动态网页还是静态网页，都可以展示基本的文字和图片信息，但从网站开发、管理以及维护的角度来看就有很大的差别。

STEP 05 单击“站点设置对象”对话框左侧“高级设置”选项中的“Web字体”选项，可以对站点中的Web字体选项进行设置，如图1-57所示。默认的站点Web字体文件夹位于站点的根目录中，名称为webfonts，单击“Web字体文件夹”文本框后的“浏览”按钮，可以更改Web字体在站点中的位置。

STEP 06 单击“站点设置对象”对话框左侧“高级设置”选项中的“Edge Animate资源”选项，可以对站点的Edge Animate资源进行设置，如图1-58所示。

图1-57“Web字体”选项卡

图1-58“Edge Animate资源”选项卡

知识扩展

Adobe公司在2009年收购了澳大利亚的Business Catalyst公司。Business Catalyst为网站设计人员提供了一个功能强大的电子商务内容管理系统。Business Catalyst平台拥有一些非常实用的功能，如网站分析、电子邮件营销等。Business Catalyst可以让所设计的网站轻松获得一个在线平台，并且可以轻松掌握顾客的行踪，建立和管理任何规模的客户数据库，在线销售产品和服务。Business Catalyst平台还集成了很多主流的网络支付系统，如PayPal、Google Checkout以及预集成的网关。

技巧点拨

打开“文件”面板，单击“连接到远程服务器”按钮，连接到远程的Business Catalyst服务器。打开“Business Catalyst”面板，可以看到该面板中的提示信息，需要打开一个Business Catalyst站点中的页面。在“Business Catalyst”面板中提供了多种不同类型的页面元素，单击需要在页面中插入的页面元素，即可弹出相应的设置对话框，在页面中插入相应的页面元素。

实战012 站点的导入与导出

实例位置：无

素材位置：无

视频位置：光盘\视频\第1章\实战012.mp4

实例介绍

Dreamweaver CC全新规划了“管理站点”对话框，在“管理站点”对话框中可以方便地对站点进行管理和操作，下面介绍如何将Dreamweaver中创建好的站点导出为文件，并导入站点文件。

操作步骤

STEP 01 单击执行“站点”|“管理站点”命令，如图1-59所示。

图1-59 单击“管理站点”命令

STEP 02 弹出“管理站点”对话框，在站点列表中选择需要导出的站点，如图1-60所示。

图1-60“管理站点”对话框

STEP 03 单击“导出当前选定的站点”按钮，如图1-61所示。

图1-61 单击“导出当前选定的站点”按钮

STEP 04 弹出“导出站点”对话框，选择导出站点的位置，在“文件名”文本框中设置站点文件的名称，如图1-62所示。

图1-62“导出站点”对话框

知识扩展

“管理站点”对话框中主要选项的含义如下。

站点列表：该列表显示当前所创建的所有站点，并且显示了每个站点的类型，可以在该列表中选中需要管理的站点。

“删除当前选定的站点”按钮：单击该按钮，弹出提示对话框，单击“是”按钮，即可删除当前被选定的站点。

“编辑当前选定的站点”按钮：单击该按钮，弹出“站点设置对象”对话框，在该对话框中可以对选定的站点进行编辑修改。

“复制当前选定的站点”按钮：单击该按钮，即可复制选中的站点并得到该站点的副本。

“导出当前选定的站点”按钮：单击该按钮，弹出“导出站点”对话框在其中进行相应的设置，即可为选中的站点导出一个扩展名为set的Dreamweaver站点文件。

“导入站点”按钮：单击该按钮，弹出“导入站点”对话框，在该对话框中选择需要导入的站点文件，单击“打开”按钮，即可将该站点文件导入到Dreamweaver中。

“导入Business Catalyst站点”按钮：单击该按钮，弹出Business Catalyst对话框，显示当前用户所创建的Business Catalyst站点，选择需要导入的Business Catalyst站点，单击Import Site按钮，即可将选中的Business Catalyst 站点导入到Dreamweaver中。

“新建站点”按钮：单击该按钮，弹出“站点设置对象”对话框，可以创建新的站点，单击该按钮与执行“站点”｜“新建Business Catalyst站点”命令的功能相同。

“新建Business Catalyst站点”按钮：单击该按钮，弹出“Business Catalyst”对话框，可以创建新的Business Catalyst站点，单击该按钮与执行“站点”｜“新建Business Catalyst站点”命令的功能相同。

STEP 05 单击“保存”按钮，即可将选中的站点导出为一个扩展名set的Dreamweaver站点文件，如图1-63所示。