如何使用Adobe Muse CC 2018 for Mac创建网站?

搬瓦工机场JMS

本篇教程主要介绍一下Adobe Muse CC 2018 for Mac新手入门!包括开始使用Adobe Muse。了解.muse文件,了解如何设置页面属性,添加favicon等等。同时本站也支持Adobe Muse CC 2018 for Mac汉化版下载!

一、Adobe Muse入门

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

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

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

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

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

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

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

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

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

要了解有关使用界面和使用Adobe Muse设计网站的更多信息,请参阅Adobe Muse入门和使用Adobe Muse构建您的第一个网站。

二、了解.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托管服务器。

以上就是macdown小编为大家带来的精彩内容,关注macdown小编,分享更多破解软件,阅读更多实用教程!

现为您带来的是Adobe Muse CC 2018 for Mac汉化破解版!

未经允许不得转载:搬瓦工VPS_美国VPS » 如何使用Adobe Muse CC 2018 for Mac创建网站?

赞 (0) 打赏

相关推荐

    暂无内容!

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏