在 Adobe Muse 中新增文字和文字框

設計網站時，可以透過下列方式使用 Adobe Muse 新增文字：

• 新增文字方塊，然後開始在文字方塊內輸入內容。
• 將您的文字儲存在文字檔案中，然後將此檔案讀入 Adobe Muse 頁面中。
• 使用 InDesign 等應用程式以設定文字的版面。將此預先設定格式的文字拷貝到剪貼簿，然後貼到 Adobe Muse 中。

在自適應版面中，您也可以依據使用者用以檢視您網站的裝置將文字格式化。例如，用於智慧型手機的文字，尺寸和間隔都可以比桌上型電腦版本大。Adobe Muse 中的自適應網頁設計也進一步讓您格式化每個中斷點的文字。您可以為每一個中斷點變更文字樣式、顏色、行距、間隔和大小。以單一檔案為不同裝置建立網站時，若要進一步瞭解文字格式化的方法，請參閱將自適應版面中的文字格式化。

若要填入菜單，您將從外部文字檔案拷貝菜單文字，然後將其內容貼入文字框。您也將建立並套用段落樣式，以設定這些文字的樣式。請依照下列步驟操作：

您亦可造訪樣本網站線上版本，以其設計作為參考。

若要瞭解有關處理文字的詳細資訊，請參閱 Adobe Muse 的印刷樣式一文。

使用內建的「拼字檢查」

Adobe Muse 內含「拼字檢查」，能夠輕鬆找到並解決文字框中的拼字錯誤。「拼字檢查」平時即保持啟用。它會在所有無法於字典中找到的文字下顯示紅色底線。

若建議的字詞中有正確項目，請按向下鍵或用滑鼠選取要使用的建議字詞，然後按一下 Return/Enter 套用。若您誤選了錯誤的字詞，可以還原變更 (「編輯 > 還原」)，然後選擇其他建議字詞，或使用「文字」工具編輯字詞。

若標記為錯字的字詞僅使用一次 (例如人名或地名)，且您確定拼字無誤，則無需修正。在「設計」視圖中看到的紅色底線並不會顯示於預視、發佈或轉存的網站中。

使用如公司名稱或地址等常用字詞時，可將該字詞加入「拼字檢查」字典，即不會再將其標記為錯字。

請使用「文字」工具以滑鼠右鍵按一下要加入字典的字詞，然後從顯示的環境選單選擇「新增至字典」選項。

您可以為整個網站或個別文字框設定要使用的語言 (而此亦設定「拼字檢查」所使用的字典語言)。

若要設定整個網站的「拼字檢查」字典，請選擇「檔案 > 網站屬性」。按一下「文字」索引標籤，在「語言」選單選擇要使用的語言，然後按一下「確定」。

有時網站專案需要以多個語言提供文字。若是如此，則可在「網站屬性」中設定預設語言 (最常用者)，然後為顯示不同語言的特定文字框設定「拼字檢查」語言。

若要設定個別文字框的「拼字檢查」字典，請使用「選取」工具選取文字框。以滑鼠右鍵按一下，並從顯示的環境選單中選擇「語言 > (選擇要使用的語言)」。

接下來，您將更新文字框的外觀。文字框與矩形及影像框相同，可以設定線條、填色及背景影像等樣式。

更新文字框外觀

在本節中，您將更新文字框的屬性，使其從頁面背景圖像中突顯出來。

在「breakfast」菜單上方的標籤有助於指引使用者，使其一看就知道當前所閱讀的菜單為何。完成這些變更之後，「breakfast」菜單成品即如下圖所示。

在下一節中，您將複製「breakfast」(早餐) 菜單，然後在複製的文字框中更新其文字內容，以建立「lunch」(午餐)、「dinner」(晚餐) 及「dessert」(甜點) 菜單。

複製文字框

在前面小節中，您建立了「breakfast」菜單文字框、從外部文字檔案為其填入了文字、使用段落樣式套用一致的文字格式，然後透過新增並排顯示的背景影像、填色顏色及線條，更新了文字框外觀。您另外也在菜單文字框上方新增了第二個文字框，建立標題以指出「breakfast」菜單。下一步即是要複製這整組元素 3 次，建立總共 4 個菜單。

您或許會注意到，每次向下拖移複製拷貝時，您在第 1 部分定義的頁尾區域會自動向下移動，以在頁面創造更多垂直空間。因此，「food」頁面的高度會比此樣本網站中的其他頁面都還要長。

您需要在每個菜單上方新增錨點，以建立讓訪客能夠迅速跳至各菜單的導覽系統。因為「food」頁面較長，所以內容會根據訪客按下的菜單項目垂直捲動，來顯示相應的菜單。您也將探索如何使用「超連結」建立各種類型的連結，包括能讓訪客下載 PDF 檔的下載連結。

插入符號和特殊字元

「字符」面板能讓您插入標準鍵盤上沒有提供的符號 (例如 ©) 或特殊字元 (例如 Beta (ᵝ))。「字符」面板可讓您插入 Unicode 字元。

您可以插入的符號和字元類型視您選擇的字體而定。例如，有些字體可能會包含國際字元 (Ç、ë) 和國際貨幣符號 (£、¥)。內建的符號字體包含箭頭、項目符號和科學符號。

若要使用「字符」面板插入字元，請執行下列操作：

編輯文字框外觀

無論文字是否有套用網頁字體、適合網頁的字體或系統字體，您在「設計」視圖中工作時都能隨時編輯文字內容。您也可以更新文字框的外觀，讓文字區塊以不同的方式顯示。

不妨將文字框想成是裝著每一段文字的容器。您可用許多方式控制它們，來影響它們在上線網站中顯示的樣貌。

當您要設定文字框的格式和樣式時，請使用「選取」工具選取文字框，然後套用會影響文字內容外觀的變更。

注意：如果使用「文字」工具選取文字，就可以在「文字」面板或「控制」面板中設定格式化選項，以設定文字樣式。

您可拖移控制點來伸展或縮小文字框，以調整其尺寸。您也可以在頁面中拖移整個文字框，重新擺放其位置。當您重新調整文字框大小時，工具提示會顯示其尺寸。

您也可以旋轉文字框，但要注意，若旋轉了文字框 (無論套用的字體為何)，文字便會轉存為影像檔。所以請斟酌使用旋轉功能，並務必為旋轉的文字加上標題。

若要更新文字框容器的外觀，可使用用於編輯矩形的相同格式化選項。您可設定填色顏色，甚至可新增背景影像。您也可設定線條，並用相同的設定控制線條的寬度、顏色及對齊方式。使用「控制」面板中的「轉角」和「效果」選單，可以設定文字框的圓角半徑，以及套用陰影、斜角和光暈。

若要為文字框加入透明度，請使用「不透明度」滑桿變更不透明度值。

接著使用「超連結」選單和「超連結」欄位，為文字新增標題和連結，並決定連結是否要在新的瀏覽器視窗開啟。

控制文字對齊方式及使文字繞排在影像周圍

文字框在建立網頁內容時相當好用。如前一節所述，文字框可包含圖形元素和效果，以及文字內容。

在本節中，您將瞭解如何藉由設定間隔增加更多空間，來控制文字框中的文字內容。您也將學習如何藉由建立繞排在影像周圍的文字欄，來建立雜誌風格的版面。

新增文字間隔

依預設，您輸入、置入或貼入文字框中的文字都會靠左對齊。如果您查看「間距」面板中的設定，會發現它們全部都設為 0。

若要在文字框內的左側、右側、頂部或底部加入更多空間，請輸入需要的值 (以像素為單位)，或按一下每個欄位旁的上下箭頭，來增加或減少數值。

縮排文字及控制行距和字距調整值

您可在 Adobe Muse 中控制文字格式設定，控制的方式與您在文字處理器和其他影像編輯工具中更新文字內容的方式相同。「文字」面板包括許多額外的設定。選取文字時，有些設定不會在「控制」面板中顯示。

請依照下列步驟縮排段落中的第一行文字：

在「文字」面板中的「文字間距」選項可讓您定義每個字元之間的間距。這對文字效果特別有用，也可讓華麗或風格強烈的字體更容易在網頁上閱讀。

您可在「文字間距」欄位輸入像素數值，將文字間距套用至選取的文字。或者，您也可以按一下上下箭頭增加或減少數值，直到獲得需要的效果為止。

「縮排」是另一項實用功能，可以用來控制段落中的文字格式。「縮排」可讓您調整文字行的間距。在「控制」面板和「文字」面板中皆可使用「行距」功能。

「文字」面板上的其他 4 個印刷樣式控制項為：

「左側邊界」和「右側邊界」

如同您所預期的，這些項目可控制文字框任一側的字元與文字框邊框之間的間距。這些設定與「間距」面板中的「間隔」值非常相似，只有用「選取」工具選取文字框 (而不是使用「文字」工具選取文字內容) 編輯間隔值時例外。

「段前間距」與「段後間距」

您可使用這些設定控制段落強制換行前後顯示的間距 (以像素為單位)。這些設定讓您可以在單一文字框內的一組段落間，顯示更多或更少的空白。

請嘗試使用「文字」面板中的所有設定，來學習如何在您設計的頁面中控制文字內容的顯示方式。

從文字檔案將文字放置到頁面

本範例專案本文文字的來源檔位於 Kevins_Koffee_Kart 檔案夾。此文字以 TXT 檔案格式儲存。在 Adobe Muse 裡，您可以放置整個文字檔案，以新增文字類型至頁面中。您不需要另外以文字編輯器開啟檔案後，再複製貼上到頁面中。

使用同步文字

如需使用同步文字的相關資訊，請參閱使用同步文字。

處理自適應版面中的文字

若要瞭解如何在自適應版面中格式化文字，請參閱將自適應版面中的文字格式化。