dreamweaver實(shí)驗(yàn)指導(dǎo)書(shū)-《網(wǎng)頁(yè)設(shè)計(jì)》實(shí)驗(yàn)指導(dǎo)書(shū)-預(yù)覽頁(yè)
【正文】 ... 18 【實(shí)驗(yàn)環(huán)境】 .......................................................................................................... 18 【實(shí)驗(yàn)重點(diǎn)及難點(diǎn)】 ............................................................................................... 18 【實(shí)驗(yàn)內(nèi)容】 .......................................................................................................... 18 實(shí)驗(yàn)十六 Fireworks 的使用（四） ................................................................................. 19 【實(shí)驗(yàn)?zāi)康摹?.......................................................................................................... 19 【實(shí)驗(yàn)環(huán)境】 .......................................................................................................... 19 【實(shí)驗(yàn)重點(diǎn)及難點(diǎn)】 ............................................................................................... 19 【實(shí)驗(yàn)內(nèi)容】 .......................................................................................................... 19 中國(guó)網(wǎng)頁(yè)設(shè)計(jì) Dreamweaver 網(wǎng)頁(yè)制作實(shí)驗(yàn)指導(dǎo)書(shū) 3 實(shí)驗(yàn)一 全面了解網(wǎng)頁(yè) 【 實(shí)驗(yàn)?zāi)康?】 1．掌握 利用因特網(wǎng)進(jìn)行信息游覽、搜索，下載網(wǎng)頁(yè)、圖片、文字和文件； 2．對(duì) 給定的網(wǎng)站，能指出網(wǎng)站的鏈接結(jié)構(gòu)、目錄結(jié)構(gòu)、頁(yè)面布局方式。 【 實(shí)驗(yàn)內(nèi)容 】 根據(jù)網(wǎng)站制作的需要，從網(wǎng)上下載網(wǎng)頁(yè)制作時(shí)需要的文字、小圖片、動(dòng)畫(huà)及 flash。 制作一個(gè)簡(jiǎn)單的網(wǎng)頁(yè) ，內(nèi)容為個(gè)人簡(jiǎn)介信息。 【實(shí)驗(yàn)環(huán)境】 Windows 系統(tǒng) 專(zhuān)業(yè)版， Dreamweaver cs3。 中國(guó)網(wǎng)頁(yè)設(shè)計(jì) Dreamweaver 網(wǎng)頁(yè)制作實(shí)驗(yàn)指導(dǎo)書(shū) 6 實(shí)驗(yàn) 四 使用圖像美化網(wǎng)頁(yè) 【實(shí)驗(yàn)?zāi)康摹? 1． 圖像格式的獲取 2． 在網(wǎng)頁(yè)中插入圖像 3． 設(shè)置圖像屬性 4． 插入鼠標(biāo)經(jīng)過(guò)圖像 5． 插入導(dǎo)航條 6． 創(chuàng)建網(wǎng)站相冊(cè) 【實(shí)驗(yàn)環(huán)境】 Windows 系統(tǒng) 專(zhuān)業(yè)版 【實(shí)驗(yàn)重點(diǎn)及難點(diǎn)】 在網(wǎng)頁(yè)中插入圖像，并設(shè)置圖像的相關(guān)屬性，重點(diǎn)掌握如何制作鼠標(biāo)經(jīng)過(guò)圖像、在網(wǎng)頁(yè)中插入導(dǎo)航條的方法，學(xué)會(huì)利用 dreamweaver 的菜單命令創(chuàng)建網(wǎng)站相冊(cè)。 【實(shí)驗(yàn)重點(diǎn)及難點(diǎn)】 重點(diǎn)：文字屬性的設(shè)置、特殊字符的插入、超級(jí)鏈接的設(shè)置 難點(diǎn)：有序列表和無(wú)序列表的創(chuàng)建、超級(jí)鏈接的設(shè)置 【實(shí)驗(yàn)內(nèi)容】 打開(kāi) 網(wǎng)頁(yè)文檔（實(shí)驗(yàn)六 \tdk\），在網(wǎng)頁(yè)中添加文本，設(shè)置文本屬性，并在網(wǎng)頁(yè)文檔中添加版權(quán)符號(hào)，效果如下圖。 ? 外部樣式表的使用 ? 內(nèi)部樣式表的使用 ? 內(nèi)嵌樣式的使用 【實(shí)驗(yàn)內(nèi)容】 在實(shí)驗(yàn)六文件夾中有一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)文件 ，要求給該網(wǎng)頁(yè)添加自定義 css 樣式， css樣式要求為：字體為“幼圓”，字號(hào)為 36，字體顏色為紅色，并且使得網(wǎng)頁(yè)中正文的第二段文字應(yīng)用該樣式。 中國(guó)網(wǎng)頁(yè)設(shè)計(jì) Dreamweaver 網(wǎng)頁(yè)制作實(shí)驗(yàn)指導(dǎo)書(shū) 10 實(shí)驗(yàn) 七 模版 【 實(shí)驗(yàn)?zāi)康?】 1．掌握 創(chuàng)建一個(gè)簡(jiǎn)單的網(wǎng)站主頁(yè) ； 2． 掌握模版 的創(chuàng)建和使用； 【實(shí)驗(yàn)環(huán)境】 Windows 系統(tǒng) 專(zhuān)業(yè) 版， Dreamweaver CS3。 將第 1 題制作的網(wǎng)站另存為模版，使用此模版制作第二個(gè)頁(yè)面，要求只修改文字內(nèi)容不修改布局和圖片。利用時(shí)間軸。 中國(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 中 建立表單。 【 實(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)建、編輯方法。 中國(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) 專(zhuān)業(yè)版， Dreamweaver CS3。 【實(shí)驗(yàn)重點(diǎn)及難點(diǎn)】 掌握 Fireworks 中選擇、位圖和矢量工具箱的使用。 中國(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)內(nèi)容 】 自己導(dǎo)入一副圖片，練習(xí) “ 命令 － 創(chuàng)意 ” 和 “ 濾鏡 ” 中各種效果。要求：鼠標(biāo)移上文字顏色發(fā)生變化并出現(xiàn)下拉菜單。 【實(shí)驗(yàn)重點(diǎn)及難點(diǎn)】 掌握 Fireworks 和 Dreamweaver 整合制作網(wǎng)頁(yè) 。 中國(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