網(wǎng)頁(yè)設(shè)計(jì)與制作案例實(shí)戰(zhàn)教程課件 第2章 Dreamweaver入門(mén)操作

第2章Dreamweaver入門(mén)操作網(wǎng)頁(yè)設(shè)計(jì)與制作案例實(shí)戰(zhàn)教程目錄Contents2.1

Dreamweaver的工作界面2.2

站點(diǎn)的創(chuàng)建與管理2.3

文檔的基礎(chǔ)操作2.4

課堂實(shí)戰(zhàn)利農(nóng)農(nóng)機(jī)2.5

課后練習(xí)2.1.1

啟動(dòng)Dreamweaver安裝完成Dreamweaver后，雙擊桌面上的快捷按鈕或是通過(guò)“開(kāi)始”菜單選擇所有程序中的AdobeDreamweaver選項(xiàng)，即可啟動(dòng)Dreamweaver應(yīng)用程序。2.1.2自定義軟件界面用戶(hù)可以通過(guò)自定義軟件界面使界面更符合個(gè)人需求，從而自在從容地應(yīng)用軟件。1．設(shè)置首選項(xiàng)2．工作區(qū)的調(diào)整3．顯示/隱藏面板和工具欄4．自定義收藏夾2.1.3

四種視圖模式Dreamweaver軟件中的視圖包括代碼視圖、拆分視圖、實(shí)時(shí)視圖和設(shè)計(jì)視圖4種模式。選擇不同的視圖模式，Dreamweaver軟件文檔窗口中顯示的內(nèi)容也將有所不同。2.1.4實(shí)操案例：自定義首選項(xiàng)本案例將以自定義根首選項(xiàng)為例，自定義軟件。目錄Contents2.1

Dreamweaver的工作界面2.2

站點(diǎn)的創(chuàng)建與管理2.3

文檔的基礎(chǔ)操作2.4

課堂實(shí)戰(zhàn)利農(nóng)農(nóng)機(jī)2.5

課后練習(xí)2.2.1創(chuàng)建站點(diǎn)Dreamweaver軟件中包括本地站點(diǎn)和遠(yuǎn)程站點(diǎn)2種站點(diǎn)，其作用是存儲(chǔ)網(wǎng)站中使用的文件和資源。1．創(chuàng)建本地站點(diǎn)本地站點(diǎn)主要用于存儲(chǔ)和處理本地文件。2．創(chuàng)建遠(yuǎn)程站點(diǎn)遠(yuǎn)程站點(diǎn)和本地站點(diǎn)的創(chuàng)建方法類(lèi)似，只是多了設(shè)置遠(yuǎn)程文件夾的步驟。2.2.2編輯站點(diǎn)創(chuàng)建完成的站點(diǎn)，還可以通過(guò)“管理站點(diǎn)”對(duì)話(huà)框進(jìn)行復(fù)制、修改、刪除等操作。1．管理站點(diǎn)通過(guò)“管理站點(diǎn)”對(duì)話(huà)框可以修改編輯站點(diǎn)的屬性。2．復(fù)制站點(diǎn)利用站點(diǎn)的可復(fù)制性，可以創(chuàng)建多個(gè)結(jié)構(gòu)相同或類(lèi)似的站點(diǎn)，再對(duì)復(fù)制的站點(diǎn)進(jìn)行編輯調(diào)整，以達(dá)到需要的效果。3．刪除站點(diǎn)針對(duì)一些不需要的站點(diǎn)，可以將其從站點(diǎn)列表中刪除。2.2.3導(dǎo)入和導(dǎo)出站點(diǎn)在“管理站點(diǎn)”對(duì)話(huà)框中，可以通過(guò)“導(dǎo)入站點(diǎn)”按鈕和“導(dǎo)出當(dāng)前選定的站點(diǎn)”按鈕，實(shí)現(xiàn)Internet網(wǎng)絡(luò)中各計(jì)算機(jī)之間站點(diǎn)的移動(dòng)，或者與其他用戶(hù)共享站點(diǎn)的設(shè)置。2.2.4新建文件或文件夾若要在站點(diǎn)中創(chuàng)建文件夾，執(zhí)行“窗口>文件”命令，打開(kāi)“文件”面板，選中站點(diǎn)，在“文件”面板中右擊鼠標(biāo)，在彈出的快捷菜單中選擇“新建文件夾”命令，即可創(chuàng)建一個(gè)新文件夾。選中文件夾，右擊鼠標(biāo)，在彈出的快捷菜單中選擇“新建文件”選項(xiàng)命令，即可新建文件。2.2.5編輯文件或文件夾在“文件”面板中，可以利用剪切、復(fù)制、粘貼等功能來(lái)編輯文件或文件夾。目錄Contents2.1

Dreamweaver的工作界面2.2

站點(diǎn)的創(chuàng)建與管理2.3

文檔的基礎(chǔ)操作2.4

課堂實(shí)戰(zhàn)利農(nóng)農(nóng)機(jī)2.5

課后練習(xí)2.3.1新建文檔Dreamweaver支持創(chuàng)建HTML文檔、CSS文檔等多種類(lèi)型的文檔。2.3.2打開(kāi)文檔在實(shí)際應(yīng)用過(guò)程中，除了新建文檔外，用戶(hù)還可以使用Dreamweaver打開(kāi)HTML、ASP、DWT、CSS等多種格式的文檔。2.3.3插入文檔制作網(wǎng)頁(yè)文檔時(shí)，為了節(jié)省時(shí)間可以將編輯好的文檔直接插入到網(wǎng)頁(yè)中。2.3.4保存文檔在制作網(wǎng)頁(yè)的過(guò)程中，可以及時(shí)保存文檔，以避免誤操作關(guān)閉文檔或其他情況。2.3.5關(guān)閉文檔完成網(wǎng)頁(yè)的制作與保持后，即可關(guān)閉網(wǎng)頁(yè)文檔。執(zhí)行“文件>關(guān)閉”命令，或單擊文檔名稱(chēng)后的“關(guān)閉”按鈕即可關(guān)閉當(dāng)前文檔。執(zhí)行“文件>全部關(guān)閉”命令，將關(guān)閉軟件中所有打開(kāi)的文檔。目錄Contents2.1

Dreamweaver的工作界面2.2

站點(diǎn)的創(chuàng)建與管理2.3

文檔的基礎(chǔ)操作2.4

課堂實(shí)戰(zhàn)利農(nóng)農(nóng)機(jī)2.5

課后練習(xí)2.4課堂實(shí)戰(zhàn)本案例將以利農(nóng)農(nóng)機(jī)站點(diǎn)的制作為例，對(duì)站點(diǎn)的創(chuàng)建與應(yīng)用進(jìn)行介紹。目錄Contents2.1

Dreamweaver的工作界面2.2

站點(diǎn)的創(chuàng)建與管理2.3

文檔的基礎(chǔ)操作2.4

課堂