網(wǎng)頁設計與制作 4 使用Dreamweaver制作網(wǎng)頁

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

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

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

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

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

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

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