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