註解:

Adobe Muse 不再增加新功能,並將於 2020 年 3 月 26 日停止支援。如需詳細資訊和協助,請參閱 Adobe Muse 終止服務頁面

註解:

Adobe 將於 2020 年 3 月 26 日終止 Business Catalyst 現有的網站主機服務。在 2020 年 3 月 26 日之後,您將無法編輯 Business Catalyst 的試用版或付費網站。如需 Business Catalyst 終止服務的詳細資訊,請參閱 Business Catalyst 終止服務宣告

In-Browser Editing 可以讓您從網頁瀏覽器輕鬆更新網站的內容。不論您是需要在外出時變更網站,還是想要讓客戶及其他網站協同作者可以輕鬆編輯其內容,In-Browser Editing 都可以讓作業順利進行。

使用 In-Browser Editing 可編輯哪些項目?

In-Browser Editing 可讓您編輯文字內容並取代所有影像,但以下項目除外:

  • 主版頁面內容
  • 直行文字
  • 設為背景填色的矩形影像、影像框及 Widget
  • 幻燈片展示計數器
  • 表格送出按鈕
  • 動態產生的選單標籤 (在「選單」Widget 中未設為「手動」)
  • 點陣化頁面項目:包括有圓角、斜角、內光暈或套用旋轉的影像、使用系統字體的文字框,以及套用效果的旋轉文字框。

註解:

雖然文字內容可以編輯,但是該文字的格式設定無法變更。影像只能進行取代,不能新增或移除。

在 Adobe Muse 中啟用 In-Browser Editing

開始之前,請先確定「網站屬性」視窗中已為您的網站啟用 In-Browser Editing。

  1. 按一下「檔案 > 網站屬性」。按一下「進階」索引標籤,並確認「啟用 In-Browser Editing」選項已啟用。

    網站屬性
  2. 將網站上傳至 FTP 主機。

    選擇「檔案 > 上傳至 FTP 主機」,以使用 Adobe Muse 中內建的「上傳至 FTP 主機」功能。如需說明,請參閱上傳至 FTP 主機

    請在上傳至 FTP 之後儲存您的 .muse 檔案,這樣以後使用 In-Browser Editing 進行變更,變更也會同步反映在網站上。

登入 In-Browser Editing

如需使用 In-Browser Editing 更新 Adobe Muse 網站,請依照下節列出的步驟。

續讀閱讀就可瞭解如何使用 In-Browser Editing 編輯 Adobe Muse 網站的內容。

  1. 造訪 https://inbrowserediting.adobe.com,然後輸入您要編輯之網站的網域名稱 (亦即 URL)。

    In-Browser Editing

    註解:

    建議您只經由 HTTPS 通訊協定 (而非 HTTP) 存取 In-Browser Editing 網站。這麼做可確保您在提供認證、登入、使用 In-Browser Editing 修改網站時,都是經由安全的連線。

  2. 使用您的主機認證登入。

    登入視窗

    登入後會看到網站的首頁,以及最上方的 In-Browser Editing 導覽列。

    In-Browser Editing 首頁
    登入 In-Browser Editing 就能看到首頁

使用 In-Browser Editing 編輯文字內容與影像

您可使用 In-Browser Editing 直接編輯瀏覽器上的文字。除文字外,亦可編輯影像、內文中的影像、超連結等。

續讀閱讀就可瞭解如何快速編輯 Adobe Muse 網站的內容。

編輯文字

您可使用 In-Browser Editing 輕鬆編輯瀏覽器上的文字。登入 In-Browser Editing 後,只要選取所要刪除的文字,開始輸入新的內文即可。

完成後,可立即查看您所做的變更如何呈現於同一瀏覽器上。若是自適應網站,請預視所有中斷點所做的變更。若是使用替代版面建立網站,請預視各裝置的變更。

編輯行內文字
使用 In-Browser Editing 編輯行內文字

編輯影像與內文中的影像

  1. 對您要編輯的影像按一下,或者在您要編輯的位置,按一下文字框,再按一下影像。

  2. 按一下「編輯影像」。

    使用 In-Browser Editing 編輯影像
    使用 In-Browser Editing 編輯影像

    在文字行內編輯影像
    在文字框內編輯影像

  3. 從開啟的快顯方塊,選擇一支跟您的網站相關聯的現有檔案。不然也可以從電腦上傳影像,只要按一下「上載相片」即可。

    選擇要上傳的影像
    選取替代影像

    這個對話方塊也有選項可讓您新增或編輯與影像相關聯的工具提示文字。

  4. 選取相片後,按一下

    您選擇的影像會取代舊影像。

    取代影像時,您選取的新影像將會經過調整,以符合舊影像所佔區域的大小。如果新影像的長寬比與原始影像不同,就不會填滿舊影像所佔據的整個區域。頁面的視覺配置可能會受到影響。因此,建議您僅使用面積相同或長寬比相同的更大影像,來取代現有影像。

    如果您的網站解析度設為高 DPI,而且取代的影像含有足以成為 2 倍解析度的資料量,那麼 In-Browser Editing 將會同時儲存 1 倍和 2 倍解析度版本的影像,以便在高 DPI 畫面上顯示。若要瞭解更多有關建立高 DPI 資源的資訊,請造訪在 Muse 中建立高 DPI 網站。

在 Adobe Muse 網站插入及編輯超連結

您可以編輯網頁上的數種超連結,包括外部連結、電子郵件連結、網站其它頁面的連結、可下載的檔案等。續讀閱讀就可深入瞭解如何使用 In-Browser Editing 編輯超連結。

使用 In-Browser Editing 插入連結

使用 In-Browser Editing 中的「新增連結」按鈕,就可新增或插入超連結。依照此程序操作,就可為 Adobe Muse 網站插入及更新連結。

  1. 在您要新增連結的文字位置按一下。

  2. 按一下「新增連結」。

    「插入連結」選項
    使用 In-Browser Editing 插入超連結

  3. 在「插入連結」對話方塊中,選擇新增下列任一種目標類型的連結:

    • 頁面:選取「頁面」索引標籤,從「選取頁面」下拉式清單,選取您要連結的頁面。
    • 外部:選取「外部」索引標籤,並在「外部連結」欄位中提供有效的 URL。
    • 電話號碼:選取「電話號碼」索引標籤,輸入電話號碼。
    • 檔案:選取「檔案」索引標籤,選擇現有檔案或瀏覽至您要上傳的檔案。
    • 電子郵件地址:選取「電子郵件地址」索引標籤,輸入電子郵件地址。
    您也可以選擇為每一種目標類型輸入工具提示,以及讓使用者在新視窗中開啟連結。
    插入連結對話方塊
    In-Browser Editing 中的「插入連結」對話方塊

  4. 按一下「確定」插入超連結。

編輯外部連結

  1. 按一下您要編輯的超連結。

  2. 從快顯方塊,按一下筆符號。

    「編輯連結」按鈕
    在 In-Browser Editing 中編輯外部連結。

  3. 在「編輯連結」對話方塊中,選取「外部」索引標籤。提供可正常運作的 URL。確定該 URL 未毀損,且目的地網頁開放供大眾存取。

    「編輯連結」對話方塊的「外部」索引標籤
    在「編輯超連結」對話方塊中,提供新的連結。

  4. 您也可以提供下列詳細資料:

    • 工具提示:為目的地網頁提供有意義的說明。
    • 在新視窗中開啟:如有需要,可使連結在新視窗中開啟。
  5. 按一下「確定」完成操作。

    遵循步驟 1 到 4 操作,編輯套用到文字的外部超連結、嵌套文字框中的文字、「幻燈片展示」Widget 中的標籤、自訂連結、影像等。

編輯內部連結,指向另一個頁面或錨點

  1. 按一下您要編輯的超連結。

  2. 從該連結上方出現的快顯方塊,按一下筆符號。

    編輯內部連結
    編輯內部連結,指向另一個頁面

  3. 在「編輯連結」對話方塊中,選取「頁面」索引標籤。從「選取頁面或錨定」下拉式清單中,選取您要連結的內部頁面或錨點。

    已選取「頁面」的「編輯連結」對話方塊
    編輯內部頁面連結

    錨點會在頁面名稱後以「Anchor」一字表示。您可以連結到網站上同一頁面或另一個頁面上的錨點。

  4. 您也可以提供下列詳細資料:

    • 工具提示:為目的地網頁提供有意義的說明。
    • 在新視窗中開啟:如有需要,可使連結在新視窗中開啟。
  5. 按一下「確定」完成操作。

編輯超連結以變更電話號碼

  1. 按一下您要編輯的連結。

  2. 從該連結上方出現的快顯方塊,按一下筆符號。

    按一下筆符號
    按一下筆符號

  3. 在「編輯連結」對話方塊中,選取「電話號碼」索引標籤。在「電話號碼」欄位中,指定新的電話號碼。

    選取「電話號碼」
    編輯電話號碼的連結

  4. 您也可以提供下列詳細資料:

    • 工具提示:為工具提示提供有意義的說明。
    • 在新視窗中開啟:如有需要,可使連結在新視窗中開啟。
  5. 按一下「確定」完成操作。

編輯超連結以更新電子郵件地址

  1. 按一下您要編輯的超連結,隨即會顯示快顯方塊,指出該連結可供編輯。

  2. 按一下筆符號。

    按一下筆符號
    按一下筆符號。

  3. 在「編輯連結」對話方塊中,選取「電子郵件地址」索引標籤。在「電子郵件地址」欄位中,指定新的電子郵件地址。

    選取「電子郵件地址」
    編輯電子郵件超連結

  4. 您也可以提供下列詳細資料:

    • 工具提示:為工具提示提供有意義的說明。
    • 在新視窗中開啟:如有需要,可使連結在新視窗中開啟。
  5. 按一下「確定」完成操作。

使用 In-Browser Editing 編輯可下載的檔案

連結到可下載的檔案 (例如 PDF、安裝程式、視訊、音效檔案等) 是很常見的網頁設計作法。

您可以使用 In-Browser Editing,將檔案設為 Adobe Muse 網站上的超連結目標,形式可以是文字、形狀或影像。檔案大小上限不得超過 50MB。

您可以使用 In-Browser Editing 上傳檔案。上傳檔案時,檔名需有別於其他檔案。如果上傳的檔案名稱與現有檔案相同,系統會提示您重新命名。

  1. 按一下您要編輯的連結。

  2. 從出現的快顯方塊,按一下筆符號。

    按一下筆符號
    按一下筆符號

  3. 在「編輯連結」對話方塊中,選取「檔案」索引標籤。

    已選取「檔案」的「編輯連結」對話方塊
    上傳及更新可下載的檔案

  4. 可以從下拉式清單中選擇現有檔案,也可以按一下「瀏覽」,瀏覽電腦上的檔案並開啟。

  5. 您可以選擇提供下列詳細資料:

    • 工具提示:為工具提示提供有意義的說明。
    • 在新視窗中開啟:如有需要,可使連結在新視窗中開啟。
  6. 按一下「確定」完成操作。

還原或重做您所做的變更

每次更新內容、影像或連結時,都可立即還原或重做您所做的變更。

  • 若要還原您所做的變更,請按一下
  • 若要重做您所做的變更,請按一下

如果確定要進行您所做的全部變更,請預視其他中斷點或裝置視圖的變更。

預視及發佈您所做的變更

使用 In-Browser Editing 進行編輯時,可在瀏覽器上預視您所做的變更。在發佈您所做的變更之前,務必先行預視。

若是使用自適應版面建立網站,可使用中斷點的下拉式清單,預視您所做的變更。

自適應版面的 In-Browser Editing
自適應版面的 In-Browser Editing 預視

您可選取各個中斷點,預視您在中斷點所做的變更。您更新的版面就是這樣以對應的瀏覽器寬度呈現。

另一方面,若是使用替代版面建立網站,則可使用裝置下拉式清單,預視您所做的變更。從下拉式清單中,選取您在預視所做的變更時要用的裝置。

查看替代版面的裝置預視
替代版面的 In-Browser Editing 預視

如果確定要進行您所做的全部變更,請按一下最上方瀏覽列的「發佈」就可發佈變更,並在即時網站上檢視。如果您不滿意所做的變更,可以隨時捨棄該變更。網站內容會重設為上次發佈的內容。

同步瀏覽器中的編輯內容

使用 In-Browser Editing 變更上線網站之後,您的本機 .muse 檔案將不再包含與上線網站相同的內容。

請依照下列步驟將 Muse 檔案與 In-Browser Editing 的變更同步。

  1. 啟動 Adobe Muse 並開啟網站的 .muse 檔案。

  2. 警告訊息隨即出現,表示上線網站已變更。按一下「檢閱」以顯示「檢閱並合併變更」視窗。

  3. 「檢閱並合併變更」介面會以醒目方式顯示,讓您檢閱每項變更。新內容會以綠色醒目顯示,而已刪除的項目則會標示為紅色。若要將即時網站的變更與本機 .muse 檔案進行比較,請啟用並停用「預視於頁面」核取方塊。

  4. 使用下拉式清單選項 (「不要合併」或「合併至 Muse」),拒絕或接受特定變更或所有變更。

    註解:

    如果選擇「不合併」,下次上傳 .muse 檔案時,那些套用至上線網站的變更就會遭到覆寫。

疑難排解 In-Browser Editing 問題

若您遇到與 In-Browser Editing 相關的問題,請查看常見問題清單。若問題持續發生,請與我們連絡

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策