在網頁制作中,文本格式非常重要。如果網頁中文本格式千篇一律,那么整個網頁就顯得呆板,沒有生氣。Dreamweaver為文本格式提供了多種選擇,通過選擇相應的字體、大小、顏色和樣式等,可以在網站設計時使網頁看上去賞心悅目。
設置字體可以通過【屬性】面板完成字體設置。
【操作步驟】
第1步,啟動Dreamweaver,打開本節示例test.html,或者新建文檔,自做一個簡單的文本頁面。
第2步,選中文本以后,選擇【窗口】|【屬性】命令,或者按Ctrl+F3快捷鍵,打開文本【屬性】面板。
第3步,在【屬性】面板中選擇CSS選項卡,切換到CSS屬性設置面板中,單擊【字體】右面下拉列表框的下三角按鈕,從下拉列表框中選擇一種字體。設置字體也可以通過選擇菜單命令或者快捷菜單命令完成。
第4步,以同樣的方式設置二級標題和正文字體類型,然后按F12鍵在瀏覽器中預覽。
編輯字體通過【屬性】面板設置字體,有時會發現其中缺少一些字體,這時就要進行字體的編輯。
【操作步驟】
第1步,選擇【修改】|【管理字體】命令,打開【管理字體】對話框,切換到【自定義字體堆?!窟x項卡。在【可用字體】列表中選擇一種本地系統中可用字體類型,如“隸書”。
第2步,單擊按鈕,把選擇的可用字體添加到【選擇的字體】列表中.
第3步,單擊【完成】按鈕,關閉對話框即可。
字號就是文字的大小,它用數字來表示,在網頁設計中其值越大,字號就越大。在Dreamweaver中設置字號的步驟如下。
【操作步驟】
第1步,選中正文文本,并打開文本【屬性】面板。
第2步,在【大小】下拉列表框中選擇字號14,即定義段落文本字體大小為14像素。在【屬性】面板中設置字號.
提示:在【屬性】面板的【大小】下拉列表框中,除數字選項以外,還有極?。▁x-small)、特?。▁-small)、?。╯mall)、中(medium)、大(large)、特大(x-large)、極大(xx-large)、較?。╯maller)、較大(larger)選項,它們用來改變字體相對于默認字號的大小。如果將字號設置為默認狀態,在【大小】下拉列表框中選擇【無】即可。
在Dreamweaver中設置文本的顏色,可以通過【屬性】面板完成。
【操作步驟】
第1步,選中標題文本,并打開文本【屬性】面板。
第2步,單擊【大小】下拉列表框右邊的顏色框,彈出調色板,在顏色面板中選擇一種顏色。用調色板設置文本顏色.
第3步,如果在調色板中沒有合適的顏色,可以在窗口界面或者網頁內找一種顏色。方法:單擊面板中的吸管工具,然后移動光標,隨著光標不斷移動,調色板會動態顯示當前位置的顏色,找到合適的顏色后單擊即可.
第4步,單擊調色板中的加號按鈕,可以把當前選中的顏色保存起來,以方便在網頁中隨意調用。
文本樣式包括粗體(Bold)、斜體(Italic)和下劃線(Underline)等。在【屬性】面板上,只提供粗體按鈕和斜體按鈕。在【格式】|【HTML樣式】菜單下包含更多的樣式。
除【粗體】、【斜體】和【下劃線】以外,【樣式】命令的子菜單中還包括【刪除線】、【打字型】和【強調】等多種選擇。
【操作步驟】
第1步,選中標題文本。
第2步,選擇【格式】|【HTML樣式】|【下劃線】命令。
第3步,按Ctrl+S快捷鍵保存文檔,然后按F12鍵在瀏覽器中預覽。
當前文章標題:在網頁設計中設置文本基本屬性
當前URL:http://www.ccaudelo.com/news/wzzz/3059.html
上一篇:網頁設計時的文本輸入和編輯
下一篇:網頁設計中如何設置段落文本樣式