在網(wǎng)頁(yè)設(shè)計(jì)中設(shè)置文本基本屬性

  • 2019-07-24 10:54:57
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來(lái)源:http://www.iy5y368.cn

網(wǎng)頁(yè)制作中,文本格式非常重要。如果網(wǎng)頁(yè)中文本格式千篇一律,那么整個(gè)網(wǎng)頁(yè)就顯得呆板,沒(méi)有生氣。Dreamweaver為文本格式提供了多種選擇,通過(guò)選擇相應(yīng)的字體、大小、顏色和樣式等,可以在網(wǎng)站設(shè)計(jì)時(shí)使網(wǎng)頁(yè)看上去賞心悅目。

設(shè)置字體

設(shè)置字體可以通過(guò)【屬性】面板完成字體設(shè)置。

操作步驟】

第1步,啟動(dòng)Dreamweaver,打開本節(jié)示例test.html,或者新建文檔,自做一個(gè)簡(jiǎn)單的文本頁(yè)面。

第2步,選中文本以后,選擇【窗口】|【屬性】命令,或者按Ctrl+F3快捷鍵,打開文本【屬性】面板。

第3步,在【屬性】面板中選擇CSS選項(xiàng)卡,切換到CSS屬性設(shè)置面板中,單擊【字體】右面下拉列表框的下三角按鈕,從下拉列表框中選擇一種字體。設(shè)置字體也可以通過(guò)選擇菜單命令或者快捷菜單命令完成。

設(shè)置字體類型

第4步,以同樣的方式設(shè)置二級(jí)標(biāo)題和正文字體類型,然后按F12鍵在瀏覽器中預(yù)覽。

 編輯字體通過(guò)【屬性】面板設(shè)置字體,有時(shí)會(huì)發(fā)現(xiàn)其中缺少一些字體,這時(shí)就要進(jìn)行字體的編輯。

【操作步驟】

第1步,選擇【修改】|【管理字體】命令,打開【管理字體】對(duì)話框,切換到【自定義字體堆?!窟x項(xiàng)卡。在【可用字體】列表中選擇一種本地系統(tǒng)中可用字體類型,如“隸書”。

第2步,單擊按鈕,把選擇的可用字體添加到【選擇的字體】列表中.

第3步,單擊【完成】按鈕,關(guān)閉對(duì)話框即可。

設(shè)置字號(hào)

字號(hào)就是文字的大小,它用數(shù)字來(lái)表示,在網(wǎng)頁(yè)設(shè)計(jì)中其值越大,字號(hào)就越大。在Dreamweaver中設(shè)置字號(hào)的步驟如下。

【操作步驟】

第1步,選中正文文本,并打開文本【屬性】面板。

第2步,在【大小】下拉列表框中選擇字號(hào)14,即定義段落文本字體大小為14像素。在【屬性】面板中設(shè)置字號(hào).

提示:在【屬性】面板的【大小】下拉列表框中,除數(shù)字選項(xiàng)以外,還有極小(xx-small)、特?。▁-small)、小(small)、中(medium)、大(large)、特大(x-large)、極大(xx-large)、較小(smaller)、較大(larger)選項(xiàng),它們用來(lái)改變字體相對(duì)于默認(rèn)字號(hào)的大小。如果將字號(hào)設(shè)置為默認(rèn)狀態(tài),在【大小】下拉列表框中選擇【無(wú)】即可。

設(shè)置字體顏色

在Dreamweaver中設(shè)置文本的顏色,可以通過(guò)【屬性】面板完成。

【操作步驟】

第1步,選中標(biāo)題文本,并打開文本【屬性】面板。

第2步,單擊【大小】下拉列表框右邊的顏色框,彈出調(diào)色板,在顏色面板中選擇一種顏色。用調(diào)色板設(shè)置文本顏色.

第3步,如果在調(diào)色板中沒(méi)有合適的顏色,可以在窗口界面或者網(wǎng)頁(yè)內(nèi)找一種顏色。方法:?jiǎn)螕裘姘逯械奈芄ぞ?,然后移?dòng)光標(biāo),隨著光標(biāo)不斷移動(dòng),調(diào)色板會(huì)動(dòng)態(tài)顯示當(dāng)前位置的顏色,找到合適的顏色后單擊即可.

第4步,單擊調(diào)色板中的加號(hào)按鈕,可以把當(dāng)前選中的顏色保存起來(lái),以方便在網(wǎng)頁(yè)中隨意調(diào)用。

設(shè)置文本樣式

文本樣式包括粗體(Bold)、斜體(Italic)和下劃線(Underline)等。在【屬性】面板上,只提供粗體按鈕和斜體按鈕。在【格式】|【HTML樣式】菜單下包含更多的樣式。

除【粗體】、【斜體】和【下劃線】以外,【樣式】命令的子菜單中還包括【刪除線】、【打字型】和【強(qiáng)調(diào)】等多種選擇。

【操作步驟】

第1步,選中標(biāo)題文本。

第2步,選擇【格式】|【HTML樣式】|【下劃線】命令。

第3步,按Ctrl+S快捷鍵保存文檔,然后按F12鍵在瀏覽器中預(yù)覽。

當(dāng)前文章標(biāo)題:在網(wǎng)頁(yè)設(shè)計(jì)中設(shè)置文本基本屬性

當(dāng)前URL:http://www.iy5y368.cn/news/wzzz/3059.html

上一篇:網(wǎng)頁(yè)設(shè)計(jì)時(shí)的文本輸入和編輯

下一篇:網(wǎng)頁(yè)設(shè)計(jì)中如何設(shè)置段落文本樣式

網(wǎng)站建設(shè)、網(wǎng)絡(luò)營(yíng)銷咨詢專線:181-8386-5875(點(diǎn)擊可一鍵撥號(hào))