主講：李靜

郵箱：輕松學(xué)習(xí)dreamweaverDreamweaver概述Dreamweaver是集網(wǎng)頁(yè)設(shè)計(jì)和網(wǎng)站管理于一體的所見(jiàn)所得的網(wǎng)頁(yè)編輯器Dreamweaver有友好的工作界面Dreamweaver增強(qiáng)了其原有的模板功能支持ASP、PHP、JSP程序網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)什么是網(wǎng)頁(yè)？（文字+圖片+超鏈接）什么是網(wǎng)站？（所有網(wǎng)頁(yè)的綜合）網(wǎng)站開(kāi)發(fā)流程定義站點(diǎn)：明確建站目的建立網(wǎng)站的結(jié)構(gòu)：繪制流程圖首頁(yè)的設(shè)計(jì)和制作其他頁(yè)面的設(shè)計(jì)制作測(cè)試發(fā)布和維護(hù)課程安排第一天：常用面板和鏈接的應(yīng)用、模板的制作第二、三天：網(wǎng)站案例項(xiàng)目一(企業(yè)型網(wǎng)站)第四、五、六課：網(wǎng)站案例項(xiàng)目二(電商型網(wǎng)站)第七、八天：網(wǎng)站案例項(xiàng)目三(炫酷型網(wǎng)站)，域名申請(qǐng)、網(wǎng)站上傳與維護(hù)學(xué)習(xí)要求上課認(rèn)真聽(tīng)講下課及時(shí)練習(xí)有什么問(wèn)題積極提問(wèn)上網(wǎng)瀏覽好的作品站點(diǎn)形式上的幾種錯(cuò)誤太多的修飾(動(dòng)畫(huà)、音樂(lè)、字幕…)使下載時(shí)間過(guò)長(zhǎng)。各種圖片、背景混亂，顏色不協(xié)調(diào)，使網(wǎng)頁(yè)難以閱讀。導(dǎo)航控制混亂，訪問(wèn)不方便第一天常用面板和鏈接的應(yīng)用、模板的制作學(xué)習(xí)要點(diǎn)熟悉三塊常用面板創(chuàng)建本地站點(diǎn)表格的使用及各種設(shè)置鏈接的應(yīng)用使用div+css制作單頁(yè)常用面板三塊常用面板：插入對(duì)象面板屬性面板源代碼編輯器創(chuàng)建本地站點(diǎn)創(chuàng)建本地站點(diǎn)在開(kāi)始使用DW之前，應(yīng)該先在本地計(jì)算機(jī)磁盤根目錄下創(chuàng)建站點(diǎn)文件夾，然后告訴DW該文件夾所在的位置。表格的使用及各種設(shè)置在插入面板中選擇表格,填上行、列的參數(shù)。屬性面板：用來(lái)修改和編輯你所插入的表格。編輯單元格的屬性：寬度、高度、對(duì)齊方式背景：背景圖片：?jiǎn)卧癖尘皥D片和表格背景圖片背景色：?jiǎn)卧癖尘昂捅砀癖尘敖o表格添加/合并橫欄或縱列刪除橫欄或縱列表格的嵌套在表格中插入圖片和文字選擇插入|常用|中圖片的圖標(biāo)。瀏覽、選擇要插入的圖片如果該圖片不在站點(diǎn)內(nèi)，則在彈出的提示框中選擇：將圖片復(fù)制到站點(diǎn)。圖片的格式JPG：顏色豐富，適用于顏色細(xì)膩、色彩變化多的圖片，如風(fēng)景及人物照片。GIF：可做背景透明，有動(dòng)畫(huà)效果。在表格中插入文字頁(yè)面中光標(biāo)閃動(dòng)的地方，即可輸入文字。在屬性面板中，選擇字體、大小等設(shè)置。絕對(duì)路徑與相對(duì)路徑絕對(duì)路徑：絕對(duì)路徑提供鏈接文檔的完整URL，包括使用的協(xié)議（對(duì)于網(wǎng)頁(yè)通常是http://）。例如，就是一個(gè)絕對(duì)路徑。文檔相對(duì)路徑：在當(dāng)前文檔與鏈接的文檔在同一文件夾中且很可能長(zhǎng)久保留在一起時(shí)，應(yīng)使用文檔相對(duì)鏈接。鏈接普通文本鏈接翻轉(zhuǎn)圖片鏈接圖片的熱點(diǎn)鏈接錨點(diǎn)鏈接創(chuàng)建錨點(diǎn)：要鏈接到文檔的哪個(gè)位置，就把錨插到哪個(gè)位置。給錨命名（同一頁(yè)面中不可重名）鏈接到錨點(diǎn)模板和庫(kù)的應(yīng)用學(xué)習(xí)要點(diǎn)模板的應(yīng)用庫(kù)的應(yīng)用模板的概念在Dreamweaver中創(chuàng)建的（.dwt）文檔可以將模板用作創(chuàng)建其它文檔的基礎(chǔ)。使用模板可以批量化生產(chǎn)大量網(wǎng)頁(yè)。創(chuàng)建模板將現(xiàn)有文檔存為模板選擇文件|另存為模板設(shè)置完成后，點(diǎn)按保存。此時(shí)，查看站點(diǎn)，可在站點(diǎn)樹(shù)層結(jié)構(gòu)中看到自動(dòng)生成的模板文件夾，及里面的.dwt

模板文件。定義模板的可編輯區(qū)選擇可編輯區(qū)的文字、圖片、表格或div點(diǎn)擊插入|模板|可編輯區(qū)域在彈出對(duì)話框中輸入名字。調(diào)用模板，生成新的文檔可用兩種方法調(diào)用模板選擇文件|新建|模板打開(kāi)資源里的模板面板，將要調(diào)用的模板拖放到新建的文檔中。此時(shí)，正在應(yīng)用模板的文件除可編輯區(qū)域外，任何地方都不能被修改。完成該文件的編輯后，保存到當(dāng)前站點(diǎn)。編輯模板修改模板，并更新所有應(yīng)用過(guò)模板的頁(yè)面在站點(diǎn)內(nèi)打開(kāi)模板，修改后保存在彈出對(duì)話框中選擇更新。這樣，凡是應(yīng)用過(guò)該模板的頁(yè)面就自動(dòng)完成了更新將應(yīng)用了模板的文件與模板分離選擇修改>模板>從模板中分離庫(kù)文件庫(kù)部件的作用同一站點(diǎn)內(nèi)的網(wǎng)頁(yè)需要有統(tǒng)一的頭部和腳注，為了提高工作效率，避免不必要的重復(fù)勞動(dòng)，可以使用庫(kù)部件來(lái)存儲(chǔ)頭部和腳注。修改某個(gè)庫(kù)部件，所有使用過(guò)該部件的網(wǎng)頁(yè)可以自動(dòng)更新。課下練習(xí)利用模板創(chuàng)建一個(gè)站點(diǎn)，做首頁(yè)和幾個(gè)二級(jí)頁(yè)面，里面包含庫(kù)文件。第二、三天網(wǎng)站案例項(xiàng)目一(企業(yè)型網(wǎng)站)學(xué)習(xí)要點(diǎn)將現(xiàn)有效果圖用DIV+CSS切成頁(yè)面,并用模板做成一個(gè)完整的站點(diǎn)。第四、五、六天網(wǎng)站案例項(xiàng)目二(電商型網(wǎng)站)學(xué)習(xí)要點(diǎn)將現(xiàn)有效果圖用DIV+CSS切成頁(yè)面,并用模板做成一個(gè)完整的站點(diǎn)。