本篇教程主要介绍一下Adobe Muse CC 2018 for Mac新手入门！包括开始使用Adobe Muse。了解.muse文件，了解如何设置页面属性，添加favicon等等。

一、Adobe Muse入门

登录后，Adobe Muse工作区将启动。您可以看到Adobe Muse欢迎屏幕。请执行以下操作之一：

单击“新建”以创建新站点。

单击“打开”并浏览到计算机中的现有.muse文件。

创建新站点时，将显示“新建站点”对话框。选择“流体宽度”以启用响应式布局，或选择“固定宽度”以选择备用布局。它包含的字段使您可以设置最大页面宽度，列和Gutter值。

单击“高级设置”以设置站点的尺寸，边距，列和填充值（以数字为单位，以像素为单位）。您也可以从此窗口中选择分辨率和语言。

您可以随后通过选择“文件”>“站点属性”来更新这些设置。

完成后，单击“确定”关闭对话框。

默认情况下，计划视图打开时已创建两个项目。左上角的主页是用户访问您的实际网站时首先加载的页面。下面的A-Master页面就像一个模板。将任何项目放在要在所有网站页面上显示的A-Master页面上。这样，您只需在一个中心位置更新公共站点元素。

在顶部，有四个链接指示界面的不同部分：计划，设计和发布。

二、了解.muse文件

当您在其他程序（如Dreamweaver）中设计网站时，您将创建一个文件夹，其中包含包含计算机上所有网站内容的子文件夹和文件。管理整个元素集并确保站点中没有任何断开的链接可能很棘手。

在Adobe Muse中创建新站点并选择“文件”>“保存”时，将创建一个.muse文件。这类似于在Photoshop中创建psD文件，其中可能包含任意数量的图层，图形和链接的资源。这个单独的.muse文件是您设计网站所需的唯一文件，因为它包含所有图像，链接，代码和站点文件。如果您想在设计网站时与其他人合作，您可以向您的同事发送您创建的.muse文件的副本，以便他们可以打开它，进行更改并发布他们添加的更改。

通常，最好只允许一个人一次处理.muse文件。将内容添加到站点后，您可以将其发布并向同事发送.muse文件，以便他们可以编辑它以添加更多内容。完成后，他们可以将更新的.muse文件（包括其更改）发送给您。这样，你一定不会覆盖彼此的工作。

或者，您可以创建.muse文件并发布临时站点。然后，与您的同事共享.muse文件。他们可以打开它，选择“文件”>“另存为”，并在您继续处理副本时对其所拥有的副本进行更改，并了解他们将发布自己的新临时站点。但是，如果您使用此工作流程，则网站的两次迭代将不同步 - 您的.muse文件版本将不会更新以包含您的同事添加的更改，反之亦然。

每当您想对现有网站进行重大更改时，最好始终打开.muse文件并选择“文件”>“另存为”。创建一个文件名略有不同的新.muse文件，然后将所有.muse文件保存在计算机上的单个文件夹中。这样，如果客户端更喜欢网站的原始版本，您可以随时使用较旧的设计打开以前版本的.muse文件并重新发布，以便将网站恢复到原来的状态。

这也是经常保存.muse文件的最佳做法。如果Adobe Muse崩溃，当您再次启动Adobe Muse时，通常会显示带有最近编辑的.muse文件的还原版本。如果发生这种情况，请立即保存恢复的.muse文件版本，然后再次开始处理.muse文件。请务必将您创建的.muse文件保存在安全的地方并备份，因为每个文件都包含整个网站。如果丢失.muse文件且没有备份副本，则无法通过下载服务器上托管的站点文件来重建.muse文件。

许多网页设计师喜欢使用描述性名称保存他们的.muse文件，例如my_site_v1.muse和my_site_v2.muse。您还可以将日期添加到.muse文件名中，以便您可以轻松判断哪个版本较旧，例如my_site_2012-4-13.muse和my_site_2012-4-30.muse。您可以命名文件但是您觉得它们最有帮助。

三、在Adobe Muse中创建新站点时设置站点属性

请按照以下步骤创建新站点并定义站点的属性：

1、在“欢迎”屏幕中，选择“新建”>“站点”。单击“流体宽度”以获得响应式布局，或单击“固定宽度”以替换布局。

2、在出现的“新建站点”对话框中，将“页面宽度”设置为950，将“最小高度”设置为800.将“列”设置为3，将“装订线”设置为20.在“边距”区域中，将所有四个值都设置为50.将“填充”值设置为36。

3、单击“确定”保存设置并关闭对话框。

4、选择文件>站点属性。单击Favicon Image旁边的文件夹图标。导航到Kevins_Koffee_Kart示例文件文件夹，然后选择名为favicon.png的文件。单击确定。

5、选择文件>保存。使用唯一名称命名新站点，例如YourNameKoffeeKart.muse。（本教程中的示例站点名为01KevinsKoffeeKart.muse。）

四、在“站点属性”面板中添加一个favicon

favicon是一个小的方形图像，您可以创建，添加到网站，然后上传到个性化书签和URL。尽管行为会因您运行的浏览器而异，但在查看时，favicon通常会显示在浏览器的地址栏中，位于网站的URL旁边。在许多情况下，它在书签时显示在页面名称旁边，或者在包含已加载网站页面的选项卡中显示。您可以使用任何图像编辑程序（如Photoshop或illustrator）创建方形（等比例）图像文件以用作favicon文件。在本教程中，提供了PNG文件。

请按照以下步骤向网站添加favicon：

1、选择文件>站点属性。将出现“站点属性”面板。

2、在“内容”选项卡中，单击“Favicon”部分右侧的文件夹图标。使用出现的“选择Favicon图像”对话框浏览到示例文件文件夹，然后选择名为favicon.png的文件。

3、单击“打开”以关闭“选择Favicon图像”对话框并选择该文件。然后，单击“确定”关闭“站点属性”对话框。

4、选择文件>在浏览器中预览站点。查看浏览器窗口的顶部，查看地址栏中显示的favicon。如果站点加载了选项卡，您可能还会看到它显示在那里。并尝试为页面添加书签，以查看图标在书签列表中的页面名称旁边的显示方式。

现在网站已经完成，下一步是将网站上传到提供的Adobe Business Catalyst托管服务器。