文字和属性设定.docVIP

文字與屬性設定 輸入文字 自動折行 在Dreamweaver中超過視窗顯示範圍的文字，會自動折到下一行，不需要按Enter鍵來換行；自動折行就是網頁文字會依視窗大小自動換行，不會有超出畫面需要移動橫向捲軸來瀏覽。 用Enter鍵換段落 按下Enter鍵可換一段落，而且上一段與下一段會空一行，相對於HTML程式碼而言，也就是加入一個P標籤。圖1所示 用Shift +Enter鍵來換行 文字手動換行而不想兩段落之間空一行，可用Shift +Enter鍵來完成，相對於HTML程式碼而言，也就是加入一個BR標籤。圖2所示 圖 SEQ 圖 \* ARABIC 1 段落換行 圖 SEQ 圖 \* ARABIC 2 段落換行程式碼 哪些使用Enter鍵，哪些使用Shift+Enter鍵可以使用Dreamweaver的功能顯示有無BR標籤，使用方式在功能表中選擇『編輯/偏好設定』。如圖3顯示 勾選斷行即可顯示斷行符號切換到隱藏元素頁次 圖 SEQ 圖 \* ARABIC 3 偏好設定 勾選斷行即可顯示斷行符號 切換到隱藏元素頁次 加入特殊字元 在文字工具列中點選字元：其他字元符號，即可選擇特殊字元，並且插入其他字元。如圖4顯示 圖 SEQ 圖 \* ARABIC 4 其他字元 加入註解文字 爲了讓自己日後修改及管理更加方便，可以適時的加入註解文字，只有在編輯網頁及檢視原始碼時看的到註解文字的內容，瀏覽器不會顯示註解文字。 使用方式：在常用面板上選「註解」鈕，出現一註解交談視窗，輸入註解文字後按「確定」鈕即可在網頁中加入註解。 註解圖 SEQ 圖 \* ARABIC 5 註解鈕 註解 加入連續空格 一般文書編輯器加入空格，可以使用空白鍵，但HTML語法加入空格，案空鍵無效，HTML程式表示空白方式為”nbsp;”，可在字元面板中點選「不斷行空白」鍵來加入空格。如圖6顯示 圖 SEQ 圖 \* ARABIC 6 不斷行空白 二、設定文字樣式屬性 文字可以設定的樣式很多，如大小、字體、色彩、對齊方式…等這些都可以使用文字屬性面板即可設定完成。 圖 SEQ 圖 \* ARABIC 7 文字屬性面板 預設字體是以新细明體為顯示的字型，假如想要編輯其他字型，並須先設定編輯字體清單，將字體設定成為字型組合。步驟如下： 步驟一：編輯字體清單 在屬性面板的字體選單中用滑鼠點選下拉式選單並選擇「編輯字體清單」的選項。 步驟二：加入字型到清單中 將想要的字型在可用的字體中選取，組合成一個字型組，例如「華康勘亭流體、華康流楷體、華康娃娃體」形成一個字型組，當瀏覽者瀏覽網頁時，會先以華康勘亭流體來顯示字型，若瀏覽者沒有安裝此字型，會依字型組順序來顯示，假如都沒有安裝這些字型，就用瀏覽器預設的新細明體來顯示。 圖 SEQ 圖 \* ARABIC 8 編輯字體清單 三、分格線的顏色屬性設定 在網頁中加入水平分隔線 適時的在段落之間加入水平分隔線，可以使網頁內容區隔更為明顯。在想要加入分隔線的地方，按下「HTML面板」中的「水平線」按鈕。 圖 SEQ 圖 \* ARABIC 9 選取水平線 圖 SEQ 圖 \* ARABIC 10 加入水平線 修改水平線的顏色屬性 水平線的標籤中加入色彩的屬性，在水平線上用滑鼠點選一下，再右邊面板群組的屬性中出現標籤hr的屬性，點選color即可變更hr標籤的顏色屬性值。 圖 SEQ 圖 \* ARABIC 11 修改水平線色彩屬性值