在網頁設計中設置文本基本屬性

    • 2019-07-24 10:54:57
    • 閱讀次數:
    • 作者:盈嵐科技小編
    • 來源:http://www.moniquemcdaniel.com

    網頁制作中,文本格式非常重要。如果網頁中文本格式千篇一律,那么整個網頁就顯得呆板,沒有生氣。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.moniquemcdaniel.com/news/wzzz/3059.html

    上一篇:網頁設計時的文本輸入和編輯

    下一篇:網頁設計中如何設置段落文本樣式

    網站建設、網絡營銷咨詢專線:181-8386-5875(點擊可一鍵撥號)
    亚洲 欧美 中文 日韩a v一区,精品无码精品中文字幕三区,国产在线麻豆自在拍91精品,免费av在线无码不卡