瞭解如何在 Adobe Muse 中建立自適應網站。使用空白版面或預先定義的初學者範本來建立自適應網站。

註解:

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

您可在 Adobe Muse 中以下列其中一種方式建立自適應網站:

  • 使用初學者檔案:Adobe Muse 提供可自訂的自適應初學者範本,協助您快速開始。只要按幾下按鍵,就能自訂初學者範本,以及發佈您的自適應網站。如需詳細資訊,請參閱使用自適應初學者範本
  • 使用空白版面:Adobe Muse 提供空白畫布用於設計自適應網站,完全不受範本或格點限制。您可以使用單一 Adobe Muse 檔案為不同的瀏覽器寬度建立不同的版面。若要建立新的 Adobe Muse 自適應網站,請參閱建立新的自適應網站
  • 將現有網站轉換為自適應網站:Adobe Muse 讓您將現有 Adobe Muse 網站移轉至自適應版面。將現有 Adobe Muse 網站的版面變更為流動寬度,調校物件版面以適合不同的瀏覽器寬度。如需詳細資訊,請參閱將現有 Adobe Muse 網站移轉至自適應版面

當您在自適應版面中開啟頁面時,Adobe Muse 會顯示自適應導覽,這個簡短的幻燈片展示會說明自適應版面中的中斷點、調整物件大小與格式化文字等功能。您可以繼續「自適應導覽」,或稍後按一下「說明 > 自適應導覽」來檢視幻燈片展示。

若要觀看 Adobe Muse 自適應設計的快速入門教學課程影片,請參閱自適應版面的教學課程影片

使用自適應初學者範本

Adobe Muse 為不同類型的網站提供範本,例如個人網站或展示相片作品的網站。

若要存取初學者範本,請參閱 Adobe Muse 頁面上的入門設計區段。從區段中選擇範本,然後按一下「下載」來下載初學者檔案。

當您開啟初學者檔案時,主版頁面與一組具預先定義範本的個別網頁會在 Adobe Muse 規劃視圖中開啟。您可從頂端面板中選擇「桌上型電腦」(1160 像素寬度)、「平板電腦」(768 像素寬度),或「手機」(380 像素寬度)。您也可依據需求修改初學者範本,以及使用定位桿來預視頁面。

若您不想下載範本,可以從「入門設計」區段按一下「預視」。範本網站會在您的瀏覽器中開啟。

建立新的自適應網站

若要建立有自適應版面的網站,請從「新增網站」對話方塊中選取「流動寬度」選項。頁面中的物件會依據瀏覽器的大小自動回應並縮放。「流動寬度」選項也能讓您在空白版面上設計自適應網站,完全不受範本或預先定義的版面所限制。

  1. 按一下「檔案 > 新增網站」。

    newsitefluid
    為自適應版面選擇流動寬度

  2. 按一下「流動寬度」。您選取「流動寬度」選項時,頁面上的物件會在各中斷點間流動。也就是說,物件會依其自適應行為而因應瀏覽器寬度。

  3. 按一下「進階設定」,然後設定網站寬度、高度與邊界。您可以選擇從方便設計網站的瀏覽器寬度開始。配置物件後,可以針對其他瀏覽器寬度新增更多中斷點。

    再選取您的解析度和語言設定。按一下「確定」。

    advancedsettingsfluid
    建立流動網站時的進階設定

    建立新的自適應網站後,請繼續針對瀏覽器寬度配置影像、文字和其他物件

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

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