Dreamweaver網(wǎng)頁制作教程 第3章 文本和圖像

《Dreamweaver網(wǎng)頁制作教程 第3章 文本和圖像》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、第3章文本和圖像復(fù)習(xí)與提問站點的規(guī)劃創(chuàng)建步驟使用高級設(shè)置創(chuàng)建站點＂廈門軟件職業(yè)技術(shù)學(xué)院網(wǎng)站本章要點插入文本和編輯文本圖像文件的類型插入圖像和設(shè)置圖像屬性插入鼠標(biāo)經(jīng)過圖像插入導(dǎo)航條創(chuàng)建網(wǎng)站相冊3.1.1添加文本執(zhí)行下列操作之一：直接在＂文檔＂窗口中鍵入文本。從其他應(yīng)用程序中復(fù)制文本，切換到Dreamweaver，將插入點定位在＂文檔＂窗口的＂設(shè)計＂視圖中，然后選擇＂編輯＂>＂粘貼＂（Ctrl+V）或＂編輯＂>＂選擇性粘貼＂（Ctrl+Shift+V）。（如圖3-1所示）。3.1.2設(shè)置段落格式使用＂屬性＂檢查器中的＂格式＂彈出式菜單或＂文本＂>＂段落格式＂子菜單可以應(yīng)用標(biāo)準(zhǔn)段落和標(biāo)題標(biāo)簽。1）將

2、插入點放在段落中，或者選擇段落中的一些文本。2）使用＂文本＂>＂段落格式＂子菜單或＂屬性＂檢查器中的＂格式＂彈出式菜單，選擇一個選項：選擇段落格式（例如，＂標(biāo)題1＂、＂標(biāo)題2＂、＂已編排格式＂等）。與所選樣式關(guān)聯(lián)的HTML標(biāo)簽（例如，表示＂標(biāo)題1＂的h1、表示＂標(biāo)題2＂的h2、表示＂已編排格式＂文本的pre等）即應(yīng)用于整個段落。如圖3-2所示。選擇＂無＂刪除段落格式。對段落應(yīng)用標(biāo)題標(biāo)簽時，Dreamweaver自動添加下一行文本作為標(biāo)準(zhǔn)段落。若要更改此設(shè)置，選擇＂編輯＂>＂首選參數(shù)＂；然后在＂常規(guī)＂類別中的＂編輯選項＂下確保取消選擇＂標(biāo)題后切換到普通段落＂。3.1.3更改文本顏色可以更改所選文

3、本的顏色，使新顏色覆蓋＂頁面屬性＂中設(shè)置的文本顏色。（如果未在＂頁面屬性＂中設(shè)置任何文本顏色，則默認(rèn)文本顏色為黑色。）1）選擇文本。2）執(zhí)行下列操作之一：單擊＂屬性＂檢查器中的顏色選擇器，從調(diào)色板中選擇一種顏色。選擇＂文本＂>＂顏色＂。出現(xiàn)系統(tǒng)顏色選擇器對話框。選擇一種顏色，然后單擊＂確定＂。直接在＂屬性＂檢查器字段中輸入顏色名稱或十六進(jìn)制數(shù)字。如圖3-2所示。若要定義默認(rèn)文本顏色，可使用＂修改＂>＂頁面屬性＂命令。3.1.4更改字體及樣式1．設(shè)置或更改字體特性：1)選擇文本。如果未選擇文本，更改將應(yīng)用于隨后鍵入的文本。2)從＂屬性＂檢查器或＂文本＂>＂字體＂子菜單中選擇字體組合?；蜻x擇＂默認(rèn)

4、＂刪除先前應(yīng)用的字體；＂默認(rèn)＂對所選文本應(yīng)用默認(rèn)字體（或者是瀏覽器的默認(rèn)字體，或者是在CSS樣式表中指定給該標(biāo)簽的字體）。2．更改字體樣式：單擊＂屬性＂檢查器中的＂粗體＂或＂斜體＂，或者從＂文本＂>＂樣式＂子菜單中選擇字體樣式（＂粗體＂、＂斜體＂、＂下劃線＂等）。3．更改字體大?。骸皩傩浴睓z查器或“文本”>“大小”子菜單中選擇大?。◤?到7）。3.1.5對齊文本使用＂屬性＂檢查器或＂文本＂>＂對齊＂子菜單可以對齊頁面上的文本。使用＂文本＂>＂對齊＂>＂居中對齊＂命令可以將頁面元素居中對齊。1）選擇要對齊的文本，或者只需將指針插入到文本開頭。2）單擊＂屬性＂檢查器中的對齊選項（＂左對齊＂、＂右對

5、齊＂或＂居中對齊＂），或者選擇＂文本＂>＂對齊＂，然后選擇對齊命令。3.1.6縮進(jìn)文本1）將插入點放在要縮進(jìn)的段落中。2）單擊＂屬性＂檢查器中的＂縮進(jìn)＂或＂凸出＂按鈕，或選擇＂文本＂>＂縮進(jìn)＂或＂凸出＂，或從上下文菜單中選擇＂列表＂>＂縮進(jìn)＂或＂凸出＂。3.1.7添加段落間距按Enter鍵可以創(chuàng)建一個新段落。Web瀏覽器在段落之間自動插入一個空白空格行。通過插入一個換行符，可以在段落之間添加一個空格行。3.1.8創(chuàng)建項目列表和編號列表1)選擇一系列段落組成一個列表。2)單擊＂屬性＂檢查器中的＂項目列表＂或＂編號列表＂按鈕，或選擇＂文本＂>＂列表＂，然后選擇所需的列表類型：＂項目列表＂、＂編號列

6、表＂或＂定義列表＂3.1.9插入特殊字符1)在＂文檔＂窗口中，將插入點放在要插入特殊字符的位置。2)從＂插入＂>＂HTML＂>＂特殊字符＂子菜單中選擇字符名稱，或在＂插入＂欄中的＂文本＂類別中，單擊＂字符＂按鈕選擇需要的字符。3.1.10在字符之間添加空格HTML只允許字符之間包含一個空格；若要在文檔中添加其他空格，必須插入連續(xù)空格?？梢栽O(shè)置一個在文檔中自動添加不換行空格的首選參數(shù)。插入不換行空格，執(zhí)行下列操作之一：在＂插入＂欄中的＂HTML＂類別中，單擊＂字符＂按鈕并選擇＂插入不換行空格＂。選擇＂插入＂>＂HTML＂>＂特殊字符＂>＂不換行空格＂。按Ctrl+Shift+空格鍵。設(shè)置添加不換

7、行空格的首選參數(shù)的操作如下：1）執(zhí)行＂編輯>首選＂參數(shù)菜單命令。2）在＂常規(guī)＂類別中確保選擇＂允許多個連續(xù)空格選項＂，即可完成。3.1.11使用水平線1.創(chuàng)建水平線：１）在＂文檔＂窗口中，將插入點放在要插入水平線的位置。２）選擇＂插入＂>＂HTML＂>＂水平線＂。或在＂插入＂欄的＂HTML＂類別中，單擊＂水平線＂按鈕。2.修改水平線：1)在＂文檔＂窗口中，選擇水平線。2)選擇＂窗口＂>＂屬性＂打開