在進行網(wǎng)站建設時如果添加文本元素呢?今天圭谷設計來為大家詳細分解文本元素的步驟:
文本是傳遞信息的基礎,瀏覽網(wǎng)頁內容時,大部分時間是瀏覽網(wǎng)頁中的文本,所以學會在網(wǎng)頁中創(chuàng)建文本至關重要。在Dreamweaver CS6中可以很方便地創(chuàng)建出所需的文本,還可以對創(chuàng)建的文本進行段落格式的排版。
一、課堂案例——在網(wǎng)頁中添加文本
文本是基本的信息載體,是網(wǎng)頁中最基本的元素,在瀏覽網(wǎng)頁時,獲取信息最
直接、最直觀的方法就是通過文本。下面通過實例講述如何在網(wǎng)頁中添加文本。
最終實例效果文件所在的位置:最終文件\CH01\1.5.1\index1.htm。
1 打開“原始文件\CH01\1.5.1\index.htm”
2 將光標放置在要輸入文本的位置,輸入文本。
二、設置文本字體類型
輸入文本后,可以在【屬性】面板中對文本的大小、字體和顏色等進行設置。設置文本屬性的具體操作步驟如下。
1 在【屬性】面板中【CSS】選項卡的【字體】下拉列表中選擇【編輯字體列表】選項。
2 在彈出的【編輯字體列表】對話框中的【可用字體】列表框中選擇要添加的字體,單擊[圖片]按鈕添加到左側的【選擇的字體】列表框中。此時,在【屬性】面板的【字體】列表框中就會顯示新添加的字體。重復以上操作即可添加多種字體。若要取消已添加的字體,可以在【編輯字體列表】對話框的【字體列表】列表框中選中該字體組合,相應的多個字體會出現(xiàn)在【選擇的字體】列表框中,然后選中要取消的字體,單擊按鈕即可。
3 完成字體樣式的編輯后,單擊【確定】按鈕確認修改并關閉該對話框。完成一個字體樣式的編輯后,可進行下一個樣式的編輯。若要刪除某個已經(jīng)編輯的字體樣式,可在【編輯字體列表】對話框的【字體列表】列表框中選中該樣式單擊[圖片]按鈕。
4 這里在【屬性】面板中選擇【字體】為“宋體”,彈出【新建CSS規(guī)則】對話框,在對話框的【選擇器類型】中選擇“類(可應用于任何HTML元素)”,在【選擇器名稱】中輸入名稱“.ziti”,在【規(guī)則定義】中選擇“僅限該文檔”
。
三、設置文本大小
選擇一種合適的字體,是決定網(wǎng)頁美觀、布局合理的關鍵,在設置網(wǎng)頁時應對文本設置相應的字號。
1 選中要設置字號的文本,在【屬性】面板中的【大小】下拉列表中選擇字號的大小,或者直接在【大小】文本框中輸入相應大小的字號。
2 此時彈出【新建 CSS 規(guī)則】對話框,設置相應選項后單擊【確定】按鈕,即可完成文本大小的位置。
四、設置文本顏色
設置文本顏色的具體操作步驟如下。
1 選中設置顏色的文本,在【屬性】面板中單擊【文本顏色】按鈕,打開調色板。
2 在調色板中選中所需的顏色,光標變?yōu)閇圖片]形狀,單擊鼠標左鍵即可選取該顏色,此時彈出【新建CCS規(guī)則】對話框,設置完成后單擊【確定】按鈕,即可設置文本顏色。
【提示】
如果調色板中的顏色不能滿足需要時,單擊按鈕,彈出【顏色】對話框,在對話框中選擇需要的顏色即可。
五、設置文本段落
文檔中,也可以設置文本的段落格式,以使網(wǎng)頁中的文本更加美觀和易讀。其段落的概念與在編排Word文檔中的段落概念相同,當然對段落的設置也大同小異。
選中要設置標題段落的文本,選擇【窗口】|【屬性】命令,打開【屬性】面板,在【格式】下拉列表中選擇所需的段落格式
在【格式】下拉列表中可以設置以下段落格式。
【段落】:選擇該項,則將插入點所在的文字塊定義為普通段落,其兩端分別被添加<p>和</p>標記。
【預先格式化的】:選擇該項,則將插入點所在的段落設置為格式化文本。其兩端分別被添加<pre>和</pre>標記。這時候在文字中間的所有空格和回車等格式全部被保留。
【無】:選擇該項,則取消對段落的指定。
【標題】:常常用來強調段落要表現(xiàn)的內容,在HTML中共定義了6級標題,從1級到6級,每級標題的字體大小依次遞減。
Copyright All Rights GreatGoal Design co.,ltd. 魯ICP備16002128號-3