資源描述:
《網(wǎng)頁制作技術(shù)教學(xué)課件許莉第8章.ppt》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、第8章網(wǎng)頁制作工具—Dreamweaver本章學(xué)習(xí)目標(biāo)了解DreamweaverMX2004的功能和特點(diǎn)掌握DreamweaverMX2004的工具面板及屬性面板的使用。掌握創(chuàng)建和編輯站點(diǎn)的方法掌握插入網(wǎng)頁元素的方法掌握創(chuàng)建和編輯網(wǎng)站鏈接的操作方法了解站點(diǎn)發(fā)布的基本方法8.1DreamweaverMX2004簡介8.1.1DreamweaverMX2004的功能和特點(diǎn)更簡潔高效的設(shè)計(jì)和開發(fā)界面強(qiáng)大且開放的編碼環(huán)境8.1.2DreamweaverMX2004的工作界面DreamweaverMX2004提供了將全部元素置于一
2、個(gè)窗口中的集成工作區(qū)。在集成工作區(qū)中,全部窗口和面板集成在一個(gè)應(yīng)用程序窗口中,如圖所示。8.1.2DreamweaverMX2004的工作界面插入欄“插入欄”(如圖所示)包含用于將各種類型的“對(duì)象”,如圖像、表格和層等插入到文檔中的按鈕。每個(gè)對(duì)象都是一段HTML代碼,允許在插入它時(shí)設(shè)置不同的屬性。8.1.2DreamweaverMX2004的工作界面文檔工具欄編輯窗口狀態(tài)欄8.1.2DreamweaverMX2004的工作界面網(wǎng)頁標(biāo)簽擴(kuò)展按鈕浮動(dòng)面板組菜單8.1.3創(chuàng)建站點(diǎn)本地站點(diǎn)【實(shí)例8.1】創(chuàng)建本地站點(diǎn)。站點(diǎn)名為“網(wǎng)
3、頁制作學(xué)習(xí)站點(diǎn)”,本地文件夾為“E:mysite”(本地文件夾可事先在Windows系統(tǒng)中創(chuàng)建,它將作為本站點(diǎn)的根目錄。)步驟見書8.1.3創(chuàng)建站點(diǎn)遠(yuǎn)程站點(diǎn)測(cè)試服務(wù)器文件夾8.1.4管理站點(diǎn)編輯站點(diǎn)刪除站點(diǎn)8.1.5文檔管理當(dāng)用戶創(chuàng)建了本地站點(diǎn)后,就可以創(chuàng)建文檔并將其保存在站點(diǎn)文件夾中。一個(gè)文檔包含文本、圖像、動(dòng)畫、錄像、鏈接的其他文檔和聲音等內(nèi)容。當(dāng)創(chuàng)建并編輯一個(gè)文檔時(shí),DreamweaverMX2004會(huì)自動(dòng)生成它的HTML代碼,使用代碼編輯器可以測(cè)試和編輯這些代碼。DreamweaverMX2004提供了多種創(chuàng)建
4、文檔的方法,用戶可以使用“文件”菜單中的命令創(chuàng)建一個(gè)新的空白HTML文檔,打開一個(gè)現(xiàn)有的HTML文檔或使用模板創(chuàng)建新文檔。8.2DreamweaverMX2004的基本操作8.2.1創(chuàng)建站點(diǎn)內(nèi)容新建頁面新建素材文件夾新建欄目文件夾8.2.2頁面的準(zhǔn)備工作設(shè)置頁面標(biāo)題設(shè)置頁面屬性編輯頁面頭文件【實(shí)例8.2】為首頁index.htm插入主要的頭部內(nèi)容。步驟見書8.2.3插入網(wǎng)頁元素插入文本插入圖像插入導(dǎo)航條插人水平線插入日期插入多媒體8.3網(wǎng)站的鏈接與導(dǎo)航8.3.1絕對(duì)路經(jīng)與相對(duì)路徑絕對(duì)路徑相對(duì)路徑站點(diǎn)根目錄相對(duì)路徑8.3.
5、2內(nèi)部鏈接與外部鏈接創(chuàng)建內(nèi)部鏈接【實(shí)例8.3】為index.htm文檔創(chuàng)建指向news.htm的內(nèi)部鏈接。步驟見書創(chuàng)建外部鏈接8.3.2內(nèi)部鏈接與外部鏈接創(chuàng)建錨點(diǎn)鏈接【實(shí)例8.4】為如圖8-40所示news.htm文檔創(chuàng)建錨點(diǎn)鏈接。步驟見書8.3.3圖像鏈接與熱點(diǎn)鏈接創(chuàng)建圖像鏈接創(chuàng)建圖像地圖8.3.4其它特殊鏈接創(chuàng)建郵件鏈接創(chuàng)建下載鏈接創(chuàng)建腳本鏈接創(chuàng)建空鏈接8.4站點(diǎn)的整理與上傳站點(diǎn)的檢查檢查目標(biāo)瀏覽器檢查站點(diǎn)內(nèi)的鏈接站點(diǎn)的報(bào)告8.4.3站點(diǎn)的上傳【實(shí)例8.5】在系統(tǒng)中創(chuàng)建一個(gè)虛擬的遠(yuǎn)程站點(diǎn)文件夾,如:d:MyDocu
6、mentsmyserver,將創(chuàng)建的站點(diǎn)內(nèi)容上傳到該文件夾。步驟見書8.5綜合制作實(shí)例—制作多媒體網(wǎng)頁