第05章網(wǎng)頁(yè)制作備課講稿

第五章網(wǎng)頁(yè)制作本章目標(biāo)學(xué)習(xí)如何在已經(jīng)布局好的網(wǎng)頁(yè)添加內(nèi)容，如文本，圖像，超鏈接，多媒體元素，背景音樂(lè)等。本章內(nèi)容5.4添加多媒體元素5.3添加超鏈接5.2添加圖像5.1添加文本5.5

實(shí)例練習(xí)—在網(wǎng)頁(yè)中添加各種元素5.1添加文本添加普通文本在Dreamweaver中添加普通文本就如同辦公軟件中添加文本操作，定位光標(biāo)，輸入文本。添加特殊文本（例如：版權(quán)符號(hào)?）打開編輯窗口，定位光標(biāo)；在【文本】選項(xiàng)卡，單擊“字符”按鈕，在彈出的列表框中選擇【?版權(quán)】；保存編輯。5.1添加文本設(shè)置文本格式在“.fqh的CSS規(guī)則定義”對(duì)話框中設(shè)置文字格式，單擊【確定】5.1添加文本設(shè)置文本格式選擇輸入的文字，在“CSS樣式”面板中選擇.fqh單擊鼠標(biāo)右鍵，在彈出的快捷菜單選擇“套用”命令。5.2添加圖像

目前，網(wǎng)頁(yè)支持JPEG、GIF、PNG3種格式的圖像文件復(fù)制圖形文件到站點(diǎn)目錄，定位光標(biāo)；在“常用”插入欄單擊“圖像”按鈕，在彈出菜單選擇“圖像”命令；選擇圖像；在“圖像標(biāo)簽輔助功能屬性”對(duì)話框，點(diǎn)擊【確定】。保存文件。5.3添加超鏈接

文本超鏈接在網(wǎng)頁(yè)中選擇需要連接的文字，在屬性面板“鏈接”下拉列表框右邊的按鈕，選擇需要連接的文件，單擊【確定】；在“目標(biāo)”下拉列表框選擇需要的項(xiàng)，保存文件。5.3添加超鏈接

圖像熱點(diǎn)超鏈接（對(duì)圖形可以直接鏈接，也可以鏈接熱點(diǎn)）熱點(diǎn)工具在屬性面板，如下圖：選擇圖像熱點(diǎn)，后繼鏈接操作同文本鏈接。5.4添加多媒體元素

添加動(dòng)畫在網(wǎng)頁(yè)中定位光標(biāo)；【插入】菜單/【媒體】/【Flash】命令；查找和選擇要插入的Flash文件，【確定】；在彈出對(duì)話框點(diǎn)【確定】；保存，在屬性窗口點(diǎn)擊【播放】查看效果。5.4添加多媒體元素

添加背景音樂(lè)選擇【插入記錄】/【標(biāo)簽】；彈出“標(biāo)簽選擇器”對(duì)話框，選擇【HTML標(biāo)簽】/【頁(yè)元素】/【bgsound】，單擊【插入】按鈕；在彈出對(duì)話框，在“源”文本框選擇聲音文件，【循環(huán)】/【無(wú)限】，【確定】；返回“標(biāo)簽選擇器”，【關(guān)閉】。5.5

實(shí)例練習(xí)—在網(wǎng)頁(yè)中添加各種元素

新建一個(gè)網(wǎng)頁(yè)；添加文本，進(jìn)行必要的CSS設(shè)置；添加圖像；添加文本鏈接和圖形（熱點(diǎn)）鏈接；添加動(dòng)畫，進(jìn)行測(cè)試；