DreamweaverCC基礎(chǔ)入門與應(yīng)用PowerPointdesignCONTENT目錄010203DreamweaverCC操作基礎(chǔ)首選參數(shù)與可視化輔助工具認(rèn)識(shí)網(wǎng)頁(yè)與網(wǎng)站認(rèn)識(shí)網(wǎng)頁(yè)與網(wǎng)站Part01網(wǎng)頁(yè)的定義與構(gòu)成網(wǎng)頁(yè)是存儲(chǔ)在服務(wù)器上的HTML文件，包含文本、聲音、圖像等多媒體信息，通過(guò)瀏覽器解析顯示。靜態(tài)網(wǎng)頁(yè)與動(dòng)態(tài)網(wǎng)頁(yè)的主要區(qū)別在于是否包含服務(wù)器端腳本語(yǔ)言。靜態(tài)網(wǎng)頁(yè)以.html或.htm為擴(kuò)展名，動(dòng)態(tài)網(wǎng)頁(yè)根據(jù)技術(shù)不同，如ASP、JSP等，擴(kuò)展名也不同。動(dòng)態(tài)網(wǎng)頁(yè)能夠根據(jù)用戶請(qǐng)求動(dòng)態(tài)生成內(nèi)容。網(wǎng)頁(yè)雖可能包含動(dòng)畫等元素，但在發(fā)送給瀏覽器前不再進(jìn)行修改，故稱為靜態(tài)。網(wǎng)頁(yè)與網(wǎng)站的關(guān)系網(wǎng)站由多個(gè)相互獨(dú)立的網(wǎng)頁(yè)組成，這些網(wǎng)頁(yè)通過(guò)超鏈接相互聯(lián)系。網(wǎng)站可以看作是網(wǎng)頁(yè)的集合，為用戶提供信息和服務(wù)。網(wǎng)頁(yè)是網(wǎng)站的基本信息單位，設(shè)計(jì)時(shí)需考慮其與網(wǎng)站的內(nèi)在聯(lián)系，體現(xiàn)網(wǎng)站的功能。認(rèn)識(shí)網(wǎng)頁(yè)與網(wǎng)站01域名與HTTP協(xié)議域名是互聯(lián)網(wǎng)上的唯一標(biāo)識(shí)，如163.com。HTTP協(xié)議是WWW服務(wù)器使用的主要協(xié)議，而HTTPS是SSL加密傳輸協(xié)議。HTTP協(xié)議規(guī)定了WWW文件的傳輸標(biāo)準(zhǔn)，確保了網(wǎng)頁(yè)內(nèi)容的正確傳輸和顯示。02FTP協(xié)議與超鏈接FTP協(xié)議用于網(wǎng)絡(luò)上主機(jī)之間的文件傳輸，Dreamweaver中上傳文件到互聯(lián)網(wǎng)即利用FTP協(xié)議。超鏈接是網(wǎng)絡(luò)聯(lián)系的紐帶，通過(guò)網(wǎng)頁(yè)中的超鏈接，用戶可以在互聯(lián)網(wǎng)上自由瀏覽。網(wǎng)絡(luò)基本術(shù)語(yǔ)01門戶網(wǎng)站門戶網(wǎng)站是指共享某類綜合性互聯(lián)網(wǎng)信息資源并提供有關(guān)信息服務(wù)的應(yīng)用系統(tǒng)，是涉及領(lǐng)域非常廣泛的綜合性網(wǎng)站02企業(yè)網(wǎng)站企業(yè)網(wǎng)站即所謂的企業(yè)門戶，其擁有豐富的資訊信息和強(qiáng)大的搜索引擎功能常見(jiàn)的網(wǎng)站類型01娛樂(lè)網(wǎng)站娛樂(lè)網(wǎng)站大都是以提供娛樂(lè)信息和娛樂(lè)服務(wù)為主的網(wǎng)站，如在線游戲網(wǎng)站、電影網(wǎng)站和音樂(lè)網(wǎng)站等，它們可以提供豐富多彩的娛樂(lè)內(nèi)容。這類網(wǎng)站的特點(diǎn)也非常顯著，通常色彩鮮艷明快，內(nèi)容綜合，多配以大量圖片，設(shè)計(jì)風(fēng)格或輕松活潑，或時(shí)尚另類02個(gè)人網(wǎng)站所謂個(gè)人網(wǎng)站就是由個(gè)人開(kāi)發(fā)建立的網(wǎng)站，它在內(nèi)容形式上具有很強(qiáng)的個(gè)性化，通常用來(lái)宣傳自己或展示個(gè)人的興趣愛(ài)好常見(jiàn)的網(wǎng)站類型01電子商務(wù)網(wǎng)站電子商務(wù)網(wǎng)站就是企業(yè)、機(jī)構(gòu)或者個(gè)人在互聯(lián)網(wǎng)上建立的一個(gè)站點(diǎn)，是企業(yè)、機(jī)構(gòu)或者個(gè)人開(kāi)展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺(tái)，是實(shí)施電子商務(wù)的交互窗口，是從事電商的一種手段02機(jī)構(gòu)網(wǎng)站機(jī)構(gòu)網(wǎng)站通常指政府機(jī)關(guān)、非營(yíng)利性機(jī)構(gòu)或相關(guān)社團(tuán)組織建立的網(wǎng)站。這類網(wǎng)站在互聯(lián)網(wǎng)中十分常見(jiàn)，如學(xué)術(shù)組織網(wǎng)站、教育網(wǎng)站、機(jī)關(guān)網(wǎng)站等，都屬于這一類型。這類網(wǎng)站的風(fēng)格通常與其組織所代表的意義相一致，一般采用較常見(jiàn)的布局和配色方式常見(jiàn)的網(wǎng)站類型DreamweaverCC操作基礎(chǔ)Part02PART02PART01啟動(dòng)DreamweaverCC退出DreamweaverCCDreamweaverCC是Adobe公司推出的網(wǎng)頁(yè)設(shè)計(jì)軟件，具有可視化編輯界面，用于制作網(wǎng)站和移動(dòng)應(yīng)用程序。啟動(dòng)方法包括通過(guò)開(kāi)始菜單或快捷圖標(biāo)，初次啟動(dòng)時(shí)顯示“設(shè)計(jì)器”界面布局，包括菜單欄、歡迎屏幕和屬性面板。退出方法多樣，包括點(diǎn)擊窗口右上角的關(guān)閉按鈕、執(zhí)行文件>退出菜單命令等。DreamweaverCC的啟動(dòng)與退出菜單欄包含10個(gè)菜單，工具欄用于在不同視圖間切換，如代碼視圖、設(shè)計(jì)視圖等。菜單欄與工具欄01文檔窗口用于顯示或編輯文檔，有代碼視圖、拆分視圖、設(shè)計(jì)視圖三種模式?！皩傩浴泵姘逵糜谠O(shè)置頁(yè)面上正被編輯內(nèi)容的屬性，根據(jù)選定內(nèi)容不同，顯示的屬性也不同。文檔窗口與“屬性”面板02DreamweaverCC的工作界面首選參數(shù)與可視化輔助工具Part03代碼顏色與復(fù)制/粘貼代碼顏色參數(shù)允許用戶自定義代碼視圖的顏色方案。復(fù)制/粘貼參數(shù)加強(qiáng)了文本處理功能，支持從不同來(lái)源復(fù)制文本并粘貼為HTML格式。常規(guī)參數(shù)與代碼格式常規(guī)參數(shù)包括是否顯示歡迎屏幕、啟動(dòng)時(shí)重新打開(kāi)文檔等。代碼格式參數(shù)涉及HTML標(biāo)簽的縮進(jìn)值、制表符大小等。設(shè)置首選參數(shù)字體在Dreamweaver中，可以為新文件設(shè)置默認(rèn)字體或者對(duì)新字體進(jìn)行編輯。選擇“分類”列表中的“字體”選項(xiàng)。在瀏覽器中預(yù)覽選擇“分類”列表框中的“在瀏覽器中預(yù)覽”選項(xiàng)，此時(shí)該對(duì)話框中將顯示當(dāng)前定義的主瀏覽器和候選瀏覽器以及它們的參數(shù)設(shè)置設(shè)置首選參數(shù)標(biāo)尺工具用于精確計(jì)算網(wǎng)頁(yè)元素的寬度和高度，幫助網(wǎng)頁(yè)設(shè)計(jì)更符合瀏覽器顯示要求。標(biāo)尺工具網(wǎng)格工具輔助設(shè)計(jì)師在設(shè)計(jì)視圖中對(duì)層進(jìn)行繪制、定位或大小調(diào)整。輔助線工具與標(biāo)尺配合使用，精