注意:

Adobe Muse 不再添加新增功能,并将于 2020 年 3 月 26 日停止支持。有关详细信息和帮助,请参阅 Adobe Muse 服务结束页面

注意:

2020 年 3 月 26 日,Adobe 将停止在 Business Catalyst 上托管现有网站。2020 年 3 月 26 日之后,您将无法使用“浏览器内编辑”编辑试用或付费网站。有关 Business Catalyst 寿命终止的详细信息,请参阅 Business Catalyst 寿命终止公告

使用浏览器内编辑功能可以轻松通过 Web 浏览器更新网站的内容。无论您是需要在运行当中对网站进行变更,还是希望允许客户和其他网站参与者编辑其内容,“浏览器内编辑”都能顺利完成此过程。

我可以使用“浏览器内编辑”来编辑哪些内容?

“浏览器内编辑”允许您编辑文本内容并替换所有图像,但以下项目除外:

  • 主页内容
  • 垂直方向的文本
  • 在矩形、图像框和构件中设定为背景填充的图像
  • 幻灯片计数器
  • 表单提交按钮
  • 动态生成的菜单标签(“菜单”构件未设置为“手动”)
  • 栅格化页面项目:这包括带有圆角、斜角边缘、内发光或应用旋转的图像,使用系统字体的文本框,以及应用了效果的旋转文本框。

注意:

尽管文本内容可以编辑,但是不能更改该文本的格式。图像只能替换,不能添加或删除。

在 Adobe Muse 中启用浏览器内编辑

开始之前,请在“网站属性”窗口中确保您的网站已启用了“浏览器内编辑”。

  1. 单击“文件”>“网站属性”。单击“高级”选项卡,并确认已启用了“启用浏览器内编辑”选项。

    网站属性
  2. 将网站上传到 FTP 主机。

    选择文件 > 上传到 FTP 主机,以使用 Adobe Muse 中内置的“上传到 FTP 主机”功能。有关说明,请参阅上传到 FTP 主机

    上传到 FTP 之后,保存您的 .muse 文件,确保您的网站随后可与使用“浏览器内编辑”所做的任何更改保持同步。

登录到浏览器内编辑

以下部分列出了使用“浏览器内编辑”来更新 Adobe Muse 网站时可以遵循的步骤。

继续阅读以了解如何使用“浏览器内编辑”来编辑 Adobe Muse 网站的内容。

  1. 访问 https://inbrowserediting.adobe.com 并输入您要编辑的网站的域名 (URL)。

    浏览器内编辑

    注意:

    建议仅通过 HTTPS 协议(而不是 HTTP)来访问浏览器内编辑网站。这样可以确保您通过安全的链接来提供凭据、登录,并使用“浏览器内编辑”修改您的网站。

  2. 使用您的托管凭据登录。

    “登录”窗口

    在登录后,您将看到网站首页以及顶部的“浏览器内编辑”导航栏。

    “浏览器内编辑”首页
    登录到“浏览器内编辑”以查看首页

使用“浏览器内编辑”来编辑文本内容和图像

使用“浏览器内编辑”时,您可以直接在浏览器上编辑文本。除文本之外,您还可以编辑图像、文本内的图像以及超链接。

继续阅读以了解如何快速编辑 Adobe Muse 网站的内容。

编辑文本

使用“浏览器内编辑”时,您可以直接在浏览器上轻松编辑文本。登录到“浏览器内编辑”之后,只需选择要删除的文本,然后键入新文本即可。

完成之后,您可以立即看到所做更改如何出现在相同的浏览器中。如果您的网站是响应式网站,则可以在所有断点处预览更改。如果您的网站是使用替代布局创建的,则可以预览针对每种设备所做的更改。

编辑文本内联
使用浏览器内编辑功能编辑文本内联

编辑图像和文本内的图像

  1. 单击您要编辑的图像,或者单击文本框架并单击您要编辑的图像。

  2. 单击“编辑图像”。

    使用浏览器内编辑功能编辑图像
    使用浏览器内编辑功能编辑图像

    编辑文本内的图像
    编辑文本框架内的图像

  3. 在打开的弹出框中,选择与您的网站相关联的一个现有文件。或者,也可以通过单击“上传照片”从计算机中上传图像。

    选择要上传的图像
    选择要替换的图像

    此对话框还提供了选项,可用于添加或编辑与图像相关的工具提示文本。

  4. 选择照片之后,单击

    将用您选择的图像替换旧图像。

    替换图像时,您选择的新图像将调整尺寸以适应前一个图像所占用的区域大小。如果新图像的纵横比与原始图像不同,则不会填充前一个图像的整个区域。这可能会影响页面的视觉布局。因此,建议仅使用尺寸相同的另一幅图像替换现有图像,或使用具有相同宽高比的较大图像替换现有图像。

    如果您的网站分辨率设置为 HiDPI,并且替换用图像包含足够放大 2 倍的数据,则“浏览器内编辑”将在 HiDPI 屏幕上同时保存图像的 1x 和 2x 版本。要了解有关创建 HiDPI 资源的更多信息,请访问在 Muse 中创建 HiDPI 网站。

在 Adobe Muse 网站中插入和编辑超链接

您可以在一个网页上编辑多种超链接类型,包括外部链接、收件箱、网站上其他网页的链接、可下载文档等等。继续阅读以了解有关使用“浏览器内编辑”来编辑超链接的更多信息。

使用“浏览器内编辑”来插入链接

通过使用“浏览器内编辑”中的“添加链接”按钮,您可以添加或插入超链接。按照以下过程操作,在您的 Adobe Muse 网站中插入和更新链接。

  1. 单击您想要添加链接的文本。

  2. 单击“添加链接”。

    “插入链接”选项
    使用“浏览器内编辑”来插入超链接

  3. 在“插入链接”对话框中,选择添加以下任何类型的链接目标:

    • 页面:选择“页面”选项卡,然后从“选择页面”下拉列表中选择要链接至的页面。
    • 外部:选择“外部”选项卡,然后在“外部链接”字段中提供一个可正常访问的 URL。
    • 电话号码:选择“电话号码”选项卡,然后输入电话号码。
    • 文件:选择“文件”选项卡,然后选择一个现有文件或浏览至您要上传的文件。
    • 电子邮件:选择“电子邮件”选项卡,然后输入目标电子邮件地址。
    也可以选择为每种目标类型输入一段工具提示,并且允许用户在新窗口中打开链接。
    “插入链接”对话框
    “浏览器内编辑”中的“插入链接”对话框

  4. 单击“确定”以插入超链接。

编辑外部链接

  1. 单击您要编辑的超链接。

  2. 在弹出菜单中,单击“钢笔”符号。

    “编辑链接”按钮
    在“浏览器内编辑”中编辑外部链接。

  3. 在“编辑链接”对话框中,选择“外部”选项卡。提供完全可正常访问的 URL。确保 URL 未中断,并且目标网页可供公众访问。

    “编辑链接”对话框中的“外部”选项卡
    在“编辑超链接”对话框中提供新链接。

  4. 您可以选择提供以下详细信息:

    • 工具提示:为目标页面提供一段有意义的描述。
    • 在新窗口中打开:如果需要,允许在一个窗口中打开链接。
  5. 单击“确定”以完成。

    执行步骤 1 到 4,编辑应用到文本的超链接、嵌套文本框架内的文本、“幻灯片”构件中的标签、自定义链接、图像等等。

编辑内部链接以指向另一页面或锚点

  1. 单击您要编辑的超链接。

  2. 从链接上方显示的弹出窗口中,单击“钢笔”符号。

    编辑内部链接
    编辑内部链接以指向另一页面

  3. 在“编辑链接”对话框中,选择“页面”选项卡。从“选择页面或锚点”下拉列表中,选择要链接的内部页面或锚点。

    已选定“页面”的“编辑链接”对话框
    编辑页面的内部链接

    锚点由页面名称后面的“锚点”一词表示。您可以链接到同一页面上或网站另一页面上的锚点。

  4. 您可以选择提供以下详细信息:

    • 工具提示:为目标页面提供一段有意义的描述。
    • 在新窗口中打开:如果需要,允许在一个窗口中打开链接。
  5. 单击“确定”以完成。

编辑超链接以更改电话号码

  1. 单击您要编辑的链接。

  2. 从链接上方显示的弹出窗口中,单击“钢笔”符号。

    单击“钢笔”符号
    单击“钢笔”符号

  3. 在“编辑链接”对话框中,选择“电话号码”选项卡。在“电话号码”字段中指定新的电话号码。

    选择电话号码
    编辑电话号码链接

  4. 您可以选择提供以下详细信息:

    • 工具提示:为工具提示提供一段有意义的描述。
    • 在新窗口中打开:如果需要,允许在一个窗口中打开链接。
  5. 单击“确定”以完成。

编辑超链接以更新电子邮件地址

  1. 单击要编辑的超链接,将会显示一个表示该链接可编辑的弹出框。

  2. 单击“钢笔”符号。

    单击“钢笔”符号
    单击“钢笔”符号。

  3. 在“编辑链接”对话框中,选择“电子邮件地址”选项卡。在“电子邮件地址”字段中指定新的电子邮件地址。

    选择电子邮件地址
    编辑电子邮件超链接

  4. 您可以选择提供以下详细信息:

    • 工具提示:为工具提示提供一段有意义的描述。
    • 在新窗口中打开:如果需要,允许在一个窗口中打开链接。
  5. 单击“确定”以完成。

使用“浏览器内编辑”来编辑可下载文件

常见的网站设计做法是链接到可下载文件,例如 PDF、安装程序、视频、音频文件等等。

您可以使用“浏览器内编辑”,将文件设置为超链接目标,其形式可为 Adobe Muse 网站上的文本、形状或图像。确保文件大小不超过 50MB。

您可以使用“浏览器内编辑”来上传文件。上传文件时,文件名必须具有唯一性。如果上传的文件与一个现有文件同名,系统会提示您重命名该文件。

  1. 单击您要编辑的链接。

  2. 在显示的弹出菜单中,单击“钢笔”符号。

    单击“钢笔”符号
    单击“钢笔”符号

  3. 在“编辑链接”对话框中,选择“文件”选项卡。

    已选定“文件”的“编辑链接”对话框
    上传和更新可下载文件

  4. 从下拉列表中选择一个现有文件,或者单击“浏览”以浏览并打开计算机上的一个文件。

  5. 您可以选择提供以下详细信息:

    • 工具提示:为工具提示提供一段有意义的描述。
    • 在新窗口中打开:如果需要,允许在一个窗口中打开链接。
  6. 单击“确定”以完成。

撤销或重做更改

每次更新内容、图像或链接时,您可以立即撤销或重做更改。

  • 要撤销更改,请单击
  • 要重做更改,请单击

如果您确认所有更改,则可以继续操作并在其他断点或其他设备视图中预览您的更改。

预览和发布更改

使用“浏览器内编辑”进行编辑时,您可以在浏览器中预览更改。在发布之前,请务必预览您的更改。

如果您的网站是使用响应式布局创建的,则可以使用断点下拉列表来预览您的更改。

响应式布局的浏览器内编辑
响应式布局的浏览器内编辑预览

您可以选择每个断点,并在该断点处预览您的更改。更新后的布局将按此方式显示,并采用相应的浏览器宽度。

另一方面,如果是使用替代布局创建的网站,则可以使用设备下拉列表来预览更改。从下拉列表中,选择要预览其更改的设备。

查看替代布局的设备预览
替代布局的浏览器内编辑预览

确认所有更改后,可继续单击导航栏顶部的“发布”,以便提交更改并在您的活动网站上查看。如果不满意所做的更改,您可以随时放弃。这样会将您的网站内容重置为上次发布时的状态。

同步浏览器内编辑

使用“浏览器内编辑”对活动网站进行更改之后,您的本地 .muse 文件将不再包含与活动网站相同的内容。

按照以下步骤操作,同步您的“浏览器内编辑”更改与 Muse 文件。

  1. 启动 Adobe Muse 并打开网站的 .muse 文件。

  2. 此时将显示一条警告消息,指出活动网站已更改。单击“审阅”窗口以显示“审阅并合并更改”窗口。

  3. “审阅并合并更改”界面将突出显示并允许您查看每项更改。新内容以绿色突出显示,已删除的项目则标记为红色。要将活动网站的更改与本地 .muse 文件进行比较,请启用和禁用“在页面上预览”复选框。

  4. 使用下拉列表选项(“不合并”或“合并到 Muse”),拒绝或接受特定更改或所有更改。

    注意:

    如果您选择“不合并”,则当您下次上传 .muse 文件时,将会覆盖应用到活动网站的更改。

疑难解答浏览器内编辑问题

如果您遇到与浏览器内编辑相关的问题,请查看常见问题列表。如果您仍遇到问题,请联系我们

本产品经 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 许可  Twitter™ 与 Facebook 中的内容不在 Creative Commons 的条款约束之下。

法律声明   |   在线隐私策略