2022-06-30 分類: 網(wǎng)站建設(shè)
格式和列表在網(wǎng)頁設(shè)計時是網(wǎng)頁文本排版中兩個非常有用的功能,格式主要用來設(shè)置固定標(biāo)題、預(yù)定義文本格式、顯示和設(shè)置段落;列表主要用來組織多列文本,方便排版。
在網(wǎng)站建設(shè)時,Dreamweaver中有幾種既定的文本格式,每種格式都有規(guī)定的大小、對齊方式等屬性值。Dreamweaver中共定義了6級標(biāo)題,用來實現(xiàn)文本的格式化。
【操作步驟】
第1步,啟動Dreamweaver,選擇【文件】|【新建】命令,或者按Ctrl+N快捷鍵,新建一個空白的HTML文檔,保存為test.html。
第2步,把光標(biāo)置于文檔編輯窗口中,輸入文本“HTML標(biāo)題標(biāo)簽:”,在【屬性】面板中設(shè)置【格式】為“段落”。
提示:【格式】下拉列表框中各選項的含義分別如下。
?無:沒有設(shè)置文本的格式。
?段落:設(shè)置當(dāng)前文本為段落文本,即表示能自動換行并以一個段落塊顯示。
?標(biāo)題1:它的字號約為6號,行的高度大于正文。
?標(biāo)題2~標(biāo)題6:字號相應(yīng)地逐漸減小。
?預(yù)先格式化的:表示保留文本預(yù)先定義的格式。
第3步,按Enter鍵換行,然后輸入文本“一級標(biāo)題”,在【屬性】面板中設(shè)置【格式】為“標(biāo)題1”。
第4步,重復(fù)操作:按Enter鍵換行,分別輸入文本“二級標(biāo)題”、“三級標(biāo)題”、“四級標(biāo)題”、“五級標(biāo)題”和“六級標(biāo)題”,然后在【屬性】面板中分別設(shè)置【格式】為“標(biāo)題2”、“標(biāo)題3”、“標(biāo)題4”、“標(biāo)題5”和“標(biāo)題6”。
技巧:用標(biāo)題格式化文本,也可以使用組合鍵。首先將鼠標(biāo)指針置于要格式化的段落中,然后按快捷鍵“Ctrl+相應(yīng)的標(biāo)題號”。例如,將某一段落設(shè)置為標(biāo)題3的格式,就可以用Ctrl+3快捷鍵來實現(xiàn)。
第5步,另起一行,輸入文本“頁面源代碼:”,設(shè)置文本格式為“段落”。按Enter鍵換行,在【屬性】面板中設(shè)置文本格式為“預(yù)先格式化的”。
第6步,輸入本頁源代碼,這時可以看到用戶輸入的代碼能夠正確顯示,且可以自由縮進顯示。
第7步,按Ctrl+S快捷鍵保存文檔,然后按F12鍵在瀏覽器中預(yù)覽。
列表是文本組織最有效的方式,傳統(tǒng)習(xí)慣上用戶喜歡在網(wǎng)站建設(shè)時用表格來組織文本等網(wǎng)頁元素,但隨著網(wǎng)頁技術(shù)新標(biāo)準(zhǔn)的推出,CSS技術(shù)革新,W3C組織建議廣大用戶最好用列表組織文本。
【操作步驟】
第1步,啟動Dreamweaver,選擇【文件】|【新建】命令,或者按Ctrl+N快捷鍵,新建一個空白的HTML文檔,保存為test.html。
第2步,把光標(biāo)置于文檔編輯窗口中,輸入文本“HTML列表標(biāo)簽”,在【屬性】面板中設(shè)置【格式】為“標(biāo)題1”。
第3步,繼續(xù)輸入多行段落文本。
第4步,使用鼠標(biāo)拖選輸入的多行文本,然后在【屬性】面板中單擊【項目列表】按鈕,把段落文本轉(zhuǎn)換為列表文本。
第5步,在設(shè)計視圖中可以看到列表文本效果??梢钥吹?,列表文本前面都添加一個項目符號,同時文本縮進顯示。
提示:任選以下幾種方法之一都可以定義列表文本。
?打開【屬性】面板,單擊該面板上的【項目列表】按鈕或者【編號列表】按鈕。
?選擇【格式】|【列表】命令,在打開的子菜單中選擇一個命令即可。
?右擊選中段落,選擇快捷菜單中的【列表】子菜單中的命令。也可以自定義這些列表的屬性,選擇【格式】|【列表】|【屬性】命令,打開【列表屬性】對話框,在該對話框中可以定義不同類型列表的各種屬性。
分享名稱:如何在網(wǎng)頁設(shè)計時設(shè)置格式和列表
轉(zhuǎn)載來源:http://jinyejixie.com/news40/173340.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App開發(fā)、軟件開發(fā)、網(wǎng)站改版、品牌網(wǎng)站設(shè)計、小程序開發(fā)、搜索引擎優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容