網(wǎng)頁(yè)設(shè)計(jì)技術(shù)教程 第10章 插入文本、圖像及超級(jí)鏈接

《網(wǎng)頁(yè)設(shè)計(jì)技術(shù)教程 第10章 插入文本、圖像及超級(jí)鏈接》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。

1、第10章插入文本、圖像及超級(jí)鏈接本章要點(diǎn)：?插入文本、特殊字符、日期、水平線?創(chuàng)建列表?設(shè)置文本屬性?插入圖像、鼠標(biāo)經(jīng)過(guò)圖像、網(wǎng)站相冊(cè)?設(shè)置圖像屬性?設(shè)置超鏈接、錨點(diǎn)鏈接?CSS樣式10.1插入文本和對(duì)象10.1.1插入文本在網(wǎng)頁(yè)中插入文本，可以有以下兩種方式：（1）在文檔編輯窗口中直接由鍵盤(pán)輸入。（2）復(fù)制其他已有的文本。即：先選中要復(fù)制的文本，用【復(fù)制】命令或用快捷健Ctrl+C復(fù)制，然后切換到DreamweaverMX文檔編輯窗口，將插入點(diǎn)設(shè)置到要放文本的地方，然后用【編輯】→【粘貼】命令或按快捷鍵Ctrl+v。10.1.2插入特殊的文本字符1．插入特殊

2、字符操作步驟如下：（1）在需要添加特殊字符的位置單擊，設(shè)置插入點(diǎn)。（2）選擇“插入”面板的“字符”類(lèi)別，然后選擇所需特殊字符。（3）若面板上沒(méi)有所需字符，則單擊面板最后的“其他字符”按鈕。（4）如果要在文檔中插入象■、◆等這樣的特殊符號(hào)，就不能利用DreamweaverMX提供的方法了。2．插入空格選擇【編輯】→【參數(shù)選擇】菜單命令，打開(kāi)“參數(shù)選擇”對(duì)話框，左邊選擇“常規(guī)”分類(lèi)，在右邊將“允許多個(gè)連續(xù)的空格”復(fù)選框選中，如圖10-3所示，這樣在文檔中就可以用空格鍵連續(xù)插入空格了。3．插入換行符插入換行符的方式：首先將光標(biāo)定位在要換行的位置，然后單擊“字符”面板

3、的“換行符”按鈕。10.1.3設(shè)置文本屬性1．應(yīng)用段落和標(biāo)題格式在屬性面板的“格式”文本框中可以設(shè)置文本的段落和標(biāo)題字體。標(biāo)題共分6級(jí)，標(biāo)題1的字體最大，標(biāo)題6的字體最小2．修改文本字體通過(guò)單擊字體列表文本框的下拉箭頭，彈出字體列表，如圖10-6所示，選擇其中的字體類(lèi)型，可以為所選擇的文本修改字體類(lèi)型。3．設(shè)置字體的大小在屬性面板的“大小”列表框中可以選擇所需的字體的大小。4．設(shè)置文本顏色可以通過(guò)屬性面板對(duì)文本的顏色進(jìn)行設(shè)置，該顏色將覆蓋“頁(yè)面屬性”中設(shè)置的文本顏色。5．文本的對(duì)齊方式和縮進(jìn)文本的對(duì)齊方式有四種：左對(duì)齊、居中對(duì)齊、右對(duì)齊和兩端對(duì)齊。6．設(shè)置文本

4、的樣式首先選中文本，然后選擇【文本】→【樣式】子菜單中的樣式即可，這些樣式可以隨意組合。10.1.4插入更新日期在文檔中插入當(dāng)前日期的步驟如下：（1）在文檔中將光標(biāo)插入在要插入日期的位置。（2）選擇【插入】→【日期】菜單命令，或單擊“插入”面板上的“日期”按鈕。（3）在彈出的“插入日期”對(duì)話框中選擇日期格式，在三個(gè)下拉列表中可分別選擇星期、日期和時(shí)間的格式。如圖:10.1.5插入水平線要插入水平線的方法如下：（1）將插入點(diǎn)放置在要插入水平線的位置。（2）選擇【插入】→【水平線】菜單命令，或單擊“插入”面板上的“水平線”按鈕。（3）此時(shí)文檔中就插入了一條水平線，

5、選中該水平線，在屬性面板上可對(duì)其屬性進(jìn)行編輯。如下圖所示10.1.6創(chuàng)建項(xiàng)目列表1．創(chuàng)建項(xiàng)目列表（1）選中要設(shè)置為列表的文本，或?qū)⒐鈽?biāo)放置在要插入列表的行。（2）在屬性面板中單擊“項(xiàng)目列表”按鈕或“編號(hào)列表”按鈕，或選擇【文本】→【列表】菜單項(xiàng)，從擴(kuò)展的子菜單中選擇需要的列表類(lèi)別。（3）輸入完整的列表項(xiàng)內(nèi)容后，按回車(chē)鍵兩次，即可完成整個(gè)列表的插入。2．創(chuàng)建嵌套項(xiàng)目列表（1）將光標(biāo)放置在需要嵌套的列表項(xiàng)行中。（2）在“屬性”面板中按下“文本縮進(jìn)”按鈕，或者選擇【文本】→【縮進(jìn)】菜單命令，將列表項(xiàng)縮進(jìn)。即可看到項(xiàng)目被嵌套了。（3）如果要將深級(jí)別的列表提高級(jí)別，可以

6、單擊“屬性”面板的“文本凸出”按鈕，或選擇【文本】→【凸出】菜單命令。3．設(shè)置項(xiàng)目列表屬性列表屬性可以決定整個(gè)列表和選定列表項(xiàng)的外觀。可以通過(guò)設(shè)置列表的屬性來(lái)選擇列表的類(lèi)型，從而控制列表的樣子。10.2插入圖像10.2.1插入圖像在網(wǎng)頁(yè)中可以插入GIF、JPEG和PNG格式的圖像，同時(shí)還可以在表格、層中插入圖像。?提示：要插入的圖像文件應(yīng)該存放于當(dāng)前站點(diǎn)的目錄內(nèi)。如果要插入的圖像沒(méi)有位于本地站點(diǎn)的目錄中，則會(huì)出現(xiàn)一個(gè)對(duì)話框，詢問(wèn)是否要將該圖像文件復(fù)制到本地站點(diǎn)中。選擇“是”按鈕將圖像文件保存在本地站點(diǎn)內(nèi)，以保證文檔中對(duì)圖像文件的正確引用。10.2.2設(shè)置圖像屬

7、性如果要調(diào)整圖像的屬性，選中圖像，就可在“屬性”面板上設(shè)置圖像的相關(guān)屬性。圖像的屬性面板如下圖所示:10.2.3創(chuàng)建圖像映射1．建立圖像映射要建立圖像映射，也就是要在圖像上建立熱點(diǎn)。圖像的熱點(diǎn)工具在圖像屬性檢查器上，有矩形、圓形和多邊形三種。如下圖所示:2．修改圖像熱點(diǎn)可以很容易對(duì)在圖像映射中所創(chuàng)建的熱點(diǎn)進(jìn)行編輯。可以移動(dòng)熱點(diǎn)，調(diào)整熱點(diǎn)大小，或者在層之間向上或向下移動(dòng)熱點(diǎn)。還可以將含有熱點(diǎn)的圖像從一個(gè)文檔拷貝到其他文檔，或者拷貝某圖像中的一個(gè)或多個(gè)熱點(diǎn)，然后將其粘貼到其他圖像上。10.2.4創(chuàng)建鼠標(biāo)經(jīng)過(guò)圖像鼠標(biāo)經(jīng)過(guò)圖像是在瀏覽器中當(dāng)鼠標(biāo)移到圖像上時(shí)，會(huì)變化成另

8、一幅圖像。鼠標(biāo)經(jīng)過(guò)圖像實(shí)際上由兩個(gè)圖像