網(wǎng)頁(yè)設(shè)計(jì)與制作 4 使用Dreamweaver制作網(wǎng)頁(yè)

《網(wǎng)頁(yè)設(shè)計(jì)與制作 4 使用Dreamweaver制作網(wǎng)頁(yè)》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。

1、第4章使用Dreamweaver制作網(wǎng)頁(yè)1本章要點(diǎn)Dreamweaver的基本操作創(chuàng)建站點(diǎn)創(chuàng)建和設(shè)計(jì)網(wǎng)頁(yè)網(wǎng)頁(yè)樣式和超鏈接網(wǎng)頁(yè)布局模板、層和行為表單幫助和高級(jí)功能24.1認(rèn)識(shí)Dreamweaver(1)Dreamweaver窗口基本介紹標(biāo)題欄菜單欄插入工具面板文檔工具欄文檔工作窗口屬性面板面板組站點(diǎn)面板答案面板面板組插入工具面板標(biāo)題欄菜單欄文檔工具欄文檔工作窗口屬性面板答案面板站點(diǎn)面板34.1認(rèn)識(shí)Dreamweaver(2)視圖方式代碼代碼和設(shè)計(jì)設(shè)計(jì)44.1認(rèn)識(shí)Dreamweaver(3)面板圖4-3“窗

2、口”菜單54.2創(chuàng)建站點(diǎn)建立本地站點(diǎn)編輯本地站點(diǎn)64.3創(chuàng)建網(wǎng)頁(yè)文檔新建網(wǎng)頁(yè)文檔設(shè)置網(wǎng)頁(yè)文檔屬性設(shè)置文檔工作窗口中顯示的元素顯示和編輯文檔頭部?jī)?nèi)容使用歷史記錄面板74.4設(shè)計(jì)網(wǎng)頁(yè)(1)文本插入特殊符號(hào)文本屬性面板84.4設(shè)計(jì)網(wǎng)頁(yè)(2)圖像插入圖像設(shè)置圖像屬性插入多媒體對(duì)象94.5網(wǎng)頁(yè)樣式HTML樣式CSS樣式基礎(chǔ)使用Dreamweaver設(shè)計(jì)CSS編輯CSS文檔在HTML頁(yè)面中編輯CSS樣式表104.6超鏈接(1)鏈接路徑鏈接基礎(chǔ)創(chuàng)建超鏈接114.6超鏈接(2)創(chuàng)建錨鏈接錨名:數(shù)字或字母鏈接:#+錨名1

3、24.6超鏈接(3)創(chuàng)建電子郵件超鏈接134.7網(wǎng)頁(yè)布局設(shè)計(jì)(1)表格插入表格引入文本數(shù)據(jù)編輯表格格式化表格使用布局表格144.7網(wǎng)頁(yè)布局設(shè)計(jì)(2)創(chuàng)建框架使用框架面板創(chuàng)建嵌套框架頁(yè)編輯面板存儲(chǔ)框架和框架頁(yè)文件設(shè)置框架和框架頁(yè)的屬性設(shè)置框架和框架頁(yè)的標(biāo)題在框架中使用鏈接154.8使用模板模板面板設(shè)置模板區(qū)域創(chuàng)建嵌套模板164.9描述層創(chuàng)建層屬性設(shè)置層控制面板時(shí)間軸174.10行為(1)應(yīng)用行為Dreamweaver的內(nèi)置行為動(dòng)作播放聲音打開瀏覽器窗口彈出信息對(duì)話框調(diào)用JavaScript恢復(fù)交換圖像檢查

4、插件檢查瀏覽器交換圖像控制Shockwave或Flash設(shè)置文本顯示-隱藏層184.11表單創(chuàng)建表單添加表單域處理表單194.12尋求幫助信息通過【幫助】按鈕利用參考幫助信息利用代碼片斷利用標(biāo)簽選擇器204.13Dreamweaver高級(jí)功能標(biāo)簽庫(kù)快捷鍵214.14設(shè)計(jì)網(wǎng)站實(shí)例(1)網(wǎng)站設(shè)計(jì)效果224.14設(shè)計(jì)網(wǎng)站實(shí)例(2)創(chuàng)建站點(diǎn)設(shè)計(jì)首頁(yè)設(shè)計(jì)主框架添加網(wǎng)頁(yè)的logo創(chuàng)建導(dǎo)航欄234.14設(shè)計(jì)網(wǎng)站實(shí)例(3)創(chuàng)建左側(cè)列表欄244.14設(shè)計(jì)網(wǎng)站實(shí)例(4)創(chuàng)建網(wǎng)頁(yè)主體部分254.14設(shè)計(jì)網(wǎng)站實(shí)例(5)添加網(wǎng)頁(yè)

5、的版權(quán)信息264.14設(shè)計(jì)網(wǎng)站實(shí)例(6)設(shè)計(jì)“新站訊息”頁(yè)生成新網(wǎng)頁(yè)logo部分導(dǎo)航欄部分列表欄部分主體部分274.14設(shè)計(jì)網(wǎng)站實(shí)例(7)設(shè)計(jì)“演繹人生”頁(yè)生成新網(wǎng)頁(yè)導(dǎo)航欄主體部分284.14設(shè)計(jì)網(wǎng)站實(shí)例(8)總結(jié)29習(xí)題(1)新建一個(gè)網(wǎng)頁(yè)，在網(wǎng)頁(yè)中使用網(wǎng)頁(yè)布局制作如下圖所示的頁(yè)面，并與站點(diǎn)其他網(wǎng)頁(yè)建立鏈接后保存在個(gè)人站點(diǎn)中。30習(xí)題(2)新建一個(gè)網(wǎng)頁(yè)，在網(wǎng)頁(yè)中使用表格制作如右圖所示的頁(yè)面。完成后將該網(wǎng)頁(yè)保存到個(gè)人站點(diǎn)，并與主頁(yè)鏈接起來。31習(xí)題(3)新建一個(gè)網(wǎng)頁(yè)，在該網(wǎng)頁(yè)中使用框架技術(shù)制作如上圖所示的

6、網(wǎng)頁(yè)。完成制作后，將該網(wǎng)頁(yè)保存在個(gè)人站點(diǎn)中，并與站點(diǎn)中相應(yīng)的網(wǎng)頁(yè)建立鏈接。要求單擊上面框架的圖片可在主框架中打開如右圖所示的圖片所鏈接的網(wǎng)頁(yè)。32習(xí)題(4)修改第1題中圖所示的網(wǎng)頁(yè)，利用層和時(shí)間軸創(chuàng)建如下圖所示的圖片移動(dòng)效果頁(yè)面。33習(xí)題(5)修改第1題圖所示的網(wǎng)頁(yè)，為頁(yè)面右上角的圖片應(yīng)用行為。當(dāng)鼠標(biāo)執(zhí)行該圖片時(shí)，在圖片上顯示相應(yīng)的文字，如上圖所示；當(dāng)鼠標(biāo)離開圖片時(shí)，在頁(yè)面顯示如右圖所示的文字。34習(xí)題(6)在新建的網(wǎng)頁(yè)中創(chuàng)建一個(gè)如下圖所示的表單網(wǎng)頁(yè)。35