dreamweaver實(shí)驗(yàn)指導(dǎo)書(shū)-網(wǎng)頁(yè)設(shè)計(jì)實(shí)驗(yàn)指導(dǎo)書(shū)-資料下載頁(yè)
2025-07-15 16:08本頁(yè)面
【導(dǎo)讀】中國(guó)網(wǎng)頁(yè)設(shè)計(jì)Dreamweaver網(wǎng)頁(yè)制作實(shí)驗(yàn)指導(dǎo)書(shū)。實(shí)驗(yàn)六CSS樣式的應(yīng)用......
【正文】 標(biāo)志、導(dǎo)航條、主題欄目、友情鏈接、跑馬燈技術(shù)等。 將第 1 題制作的網(wǎng)站另存為模版，使用此模版制作第二個(gè)頁(yè)面，要求只修改文字內(nèi)容不修改布局和圖片。 中國(guó)網(wǎng)頁(yè)設(shè)計(jì) Dreamweaver 網(wǎng)頁(yè)制作實(shí)驗(yàn)指導(dǎo)書(shū) 11 實(shí)驗(yàn) 八 使用 AP Div 布局網(wǎng)頁(yè) 【 實(shí)驗(yàn)?zāi)康?】 掌握層與時(shí)間軸的使用 【 實(shí)驗(yàn)環(huán)境 】 Windows 系統(tǒng) 專業(yè)版 。 【實(shí)驗(yàn)重點(diǎn)及難點(diǎn)】 掌握層與時(shí)間軸的使用 。 【 實(shí)驗(yàn)內(nèi)容 】 制作一個(gè)浮動(dòng)廣告。利用時(shí)間軸。 中國(guó)網(wǎng)頁(yè)設(shè)計(jì) Dreamweaver 網(wǎng)頁(yè)制作實(shí)驗(yàn)指導(dǎo)書(shū) 12 實(shí) 驗(yàn) 九 使用框架布局網(wǎng)頁(yè) 【 實(shí)驗(yàn)?zāi)康?】 1．掌握 建立框架 ； 【實(shí)驗(yàn)環(huán)境】 Windows 系統(tǒng) 專業(yè)版， Dreamweaver CS3。 【實(shí)驗(yàn)重點(diǎn)及難點(diǎn)】 掌握 Dreamweaver 中框架的使用。 【 實(shí)驗(yàn)內(nèi)容 】 熟悉框架頁(yè)面的制作。 中國(guó)網(wǎng)頁(yè)設(shè)計(jì) Dreamweaver 網(wǎng)頁(yè)制作實(shí)驗(yàn)指導(dǎo)書(shū) 13 實(shí)驗(yàn) 十 表單 使用 【 實(shí)驗(yàn)?zāi)康?】 1．掌握 在 Dreamweaver 中 建立表單。 2． 使用模板 建立網(wǎng)站 。 【實(shí)驗(yàn)環(huán)境】 Windows 系統(tǒng) 專業(yè)版， Dreamweaver CS3。 【實(shí)驗(yàn)重點(diǎn)及難點(diǎn)】 掌握在 Dreamweaver 中 建立表單，以及模板的使用 。 【 實(shí)驗(yàn)內(nèi)容 】 建立如下表單頁(yè)面： 中國(guó)網(wǎng)頁(yè)設(shè)計(jì) Dreamweaver 網(wǎng)頁(yè)制作實(shí)驗(yàn)指導(dǎo)書(shū) 14 實(shí)驗(yàn) 十一 使用動(dòng)態(tài) 行為 【 實(shí)驗(yàn)?zāi)康?】 1． 了解動(dòng)態(tài)行為的概念 2． 了解并掌握 Dreamweaver cs3 自帶的動(dòng)態(tài)行為 3． 掌握動(dòng)態(tài)行為的創(chuàng)建、編輯方法。 【實(shí)驗(yàn)環(huán)境】 Windows 系統(tǒng) 專業(yè)版， Dreamweaver CS3。 【實(shí)驗(yàn)重點(diǎn)及難點(diǎn)】 動(dòng)態(tài)行為的創(chuàng)建、編輯方法 【 實(shí)驗(yàn)內(nèi)容 】 圖像 交換行為的應(yīng)用。打開(kāi)素材（實(shí)驗(yàn)十一 \圖像交互 \），利用行為面板中的圖像交換行為，設(shè)置網(wǎng)頁(yè)，當(dāng)鼠標(biāo)經(jīng)過(guò)小圖像時(shí)，大圖像位置出現(xiàn)其相應(yīng)的大圖像，鼠標(biāo)移開(kāi)該大圖像不變，直到鼠標(biāo)經(jīng)過(guò)其他小圖像。 中國(guó)網(wǎng)頁(yè)設(shè)計(jì) Dreamweaver 網(wǎng)頁(yè)制作實(shí)驗(yàn)指導(dǎo)書(shū) 15 實(shí)驗(yàn)十二 網(wǎng)站的后期處理 【 實(shí)驗(yàn)?zāi)康?】 1． 了解發(fā)布網(wǎng)站前的準(zhǔn)備工作 2． 掌握網(wǎng)站上傳和維護(hù)所學(xué)要的軟件 【實(shí)驗(yàn)環(huán)境】 Windows 系統(tǒng) 專業(yè)版， Dreamweaver CS3。 【實(shí)驗(yàn)重點(diǎn)及難點(diǎn)】 掌握網(wǎng)站上傳和維護(hù)的方法 【 實(shí)驗(yàn)內(nèi)容 】 打開(kāi)瀏覽器，打開(kāi)“中國(guó)網(wǎng)格”網(wǎng)頁(yè)中注冊(cè)一個(gè)域名并申請(qǐng)一個(gè)空間，將自己 制作的網(wǎng)站上傳到空間中。 中國(guó)網(wǎng)頁(yè)設(shè)計(jì) Dreamweaver 網(wǎng)頁(yè)制作實(shí)驗(yàn)指導(dǎo)書(shū) 16 實(shí)驗(yàn)十 三 濾鏡 的使用（ 一 ） 【 實(shí)驗(yàn)?zāi)康?】 1． 熟悉 Fireworks 的工作界面 ； 2． 掌握選擇、位圖和矢量工具箱的使用 ； 3． 掌握組合路徑的用法 。 【實(shí)驗(yàn)環(huán)境】 Windows 系統(tǒng) 專業(yè)版， Fireworks CS3。 【實(shí)驗(yàn)重點(diǎn)及難點(diǎn)】 掌握 Fireworks 中選擇、位圖和矢量工具箱的使用。 【 實(shí)驗(yàn)內(nèi)容 】 利用工具箱繪制如下圖形 。 使用選取框工具制作羽化效果圖 。 ，自己從網(wǎng)上下載素材，要求畫(huà)面頁(yè)色搭配和諧。 中國(guó)網(wǎng)頁(yè)設(shè)計(jì) Dreamweaver 網(wǎng)頁(yè)制作實(shí)驗(yàn)指導(dǎo)書(shū) 17 實(shí)驗(yàn)十 四 Fireworks 的使用（ 二 ） 【 實(shí)驗(yàn)?zāi)康?】 熟悉 Fireworks 的工作界面 ； 掌握選擇、位圖和矢量工具箱的使用 ； 掌握組合路徑的用法 。 【 實(shí)驗(yàn)環(huán)境】 Windows 系統(tǒng) 專業(yè)版， Firworks CS3。 【實(shí)驗(yàn)重點(diǎn)及難點(diǎn)】 掌握 Fireworks 中選擇、位圖和矢量工具箱的使用。 【 實(shí)驗(yàn)內(nèi)容 】 繪制如下圖形 。 繪制如下圖形 。 中國(guó)網(wǎng)頁(yè)設(shè)計(jì) Dreamweaver 網(wǎng)頁(yè)制作實(shí)驗(yàn)指導(dǎo)書(shū) 18 實(shí)驗(yàn)十 五 Fireworks 的使用（ 三 ） 【 實(shí)驗(yàn)?zāi)康?】 1． 掌握 Fireworks 濾鏡效果 ； 2． 掌握 Fireworks 蒙版 ； 3． 掌握蒙版和切片工具結(jié)合使用 。 【實(shí)驗(yàn)環(huán)境】 Windows 系統(tǒng) 專業(yè)版， Firworks CS3。 【實(shí)驗(yàn)重點(diǎn)及難點(diǎn)】 掌握 Fireworks 中濾鏡、蒙版效果的使用。 【 實(shí)驗(yàn)內(nèi)容 】 自己導(dǎo)入一副圖片，練習(xí) “ 命令 － 創(chuàng)意 ” 和 “ 濾鏡 ” 中各種效果。 制作如下蒙版效果。 在 Fireworks 中接合蒙版和切片制作書(shū)本 204 頁(yè)的 “信息教育技術(shù)中心 ”橫幅。將制作好的橫幅導(dǎo)入到 Dreamweaver 中進(jìn)行編輯，最終制作如下網(wǎng)頁(yè)。要求：鼠標(biāo)移上文字顏色發(fā)生變化并出現(xiàn)下拉菜單。將網(wǎng)頁(yè)布局如下圖所示。 中國(guó)網(wǎng)頁(yè)設(shè)計(jì) Dreamweaver 網(wǎng)頁(yè)制作實(shí)驗(yàn)指導(dǎo)書(shū) 19 實(shí)驗(yàn)十 六 Fireworks 的使用（ 四 ） 【 實(shí)驗(yàn)?zāi)康?】 1． 掌握 Fireworks 中繪制網(wǎng)頁(yè) 布局； 2． 掌握 Fireworks 和 Dreamweaver 整合制作網(wǎng)頁(yè)。 【實(shí)驗(yàn)環(huán)境】 Windows 系統(tǒng) 專業(yè)版， Firworks CS3。 【實(shí)驗(yàn)重點(diǎn)及難點(diǎn)】 掌握 Fireworks 和 Dreamweaver 整合制作網(wǎng)頁(yè) 。 【實(shí)驗(yàn)內(nèi)容】 制作書(shū)本 184 頁(yè)的班級(jí)主頁(yè)。 自己創(chuàng)意在 Fireworks 中繪制網(wǎng)頁(yè)并導(dǎo)出，使用 Dreamweaver 打開(kāi)編輯并添加內(nèi)容。參考下圖范例。 中國(guó)網(wǎng)頁(yè)設(shè)計(jì) Dreamweaver 網(wǎng)頁(yè)制作實(shí)驗(yàn)指導(dǎo)書(shū) 20 中國(guó)網(wǎng)頁(yè)設(shè)計(jì) Dreamweaver 教程： HTML 教程： CSS 教程： Javascript 教程： 設(shè)計(jì)素材 ：
研究報(bào)告相關(guān)推薦
鄂ICP備17016276號(hào)-1