1、Dreamweaver 8中文版網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)與實(shí)踐教程,教學(xué)目的：,為了適應(yīng)Web技術(shù)的飛速發(fā)展，為學(xué)生今后在學(xué)習(xí)、工作中建立網(wǎng)站及網(wǎng)頁(yè)制作打下基礎(chǔ)，通過(guò)本課程學(xué)習(xí)，使學(xué)生了解如何規(guī)劃并建立站點(diǎn)，掌握制作網(wǎng)頁(yè)的基礎(chǔ)知識(shí)，能夠熟練的利用一個(gè)軟件平臺(tái)制作出精美的網(wǎng)站。,第1章 Dreamweaver 8中文版基礎(chǔ),Dreamweaver 8是一款專業(yè)的HTML編輯器，可以用于Web站點(diǎn)、 Web頁(yè)和Web應(yīng)用程序的設(shè)計(jì)、編碼和開發(fā)，是眾多網(wǎng)頁(yè)編輯軟件中的佼佼者。用戶可以輕松地使用其可視化編輯功能，快速地創(chuàng)建頁(yè)面而無(wú)需編寫任何代碼。,第1章 Dreamweaver 8中文版基礎(chǔ),本章重點(diǎn)：本地站點(diǎn)的

2、創(chuàng)建和設(shè)置。 要求： 了解建站的制作流程 掌握制作過(guò)程中的一些建站經(jīng)驗(yàn)和建站技巧 了解常用面板組的主要功能,第1章 Dreamweaver 8中文版基礎(chǔ),本章章節(jié)內(nèi)容安排如下: 1.1 Dreamweaver 8的安裝與啟動(dòng) 1.2 Dreamweaver 8的工作區(qū) 1.3 Dreamweaver 8新功能（略） 1.4 創(chuàng)建Dreamweaver 8站點(diǎn) 1.5 編輯站點(diǎn) 1.6 使用Dreamweaver 幫助（略） 1.7 實(shí)例_軟件下載中心,1.1 Dreamweaver 8的安裝與啟動(dòng),Dreamweaver 8對(duì)系統(tǒng)的要求 Dreamweaver 8的安裝（略） Dreamwea

3、ver 8的啟動(dòng),Dreamweaver 8對(duì)系統(tǒng)的要求,800MHz Intel Pentium 處理器（或同等處理器）及更高頻率的處理器 。 Windows 2000、Windows XP 。 256M RAM(建議采用1GB以同時(shí)運(yùn)行多個(gè)Studio 8） 1024X768,16位顯示器（建議采用32位）。 650M可用磁盤空間。,Dreamweaver 8的啟動(dòng),“開始”“Macromedia”Dreamweaver 8”,1.2 Dreamweaver 8的工作區(qū),Dreamweaver 8的工作界面模式 “文檔”窗口 工具欄 狀態(tài)欄 上下文菜單 “插入”工具欄 屬性檢查器 面板組,

4、Dreamweaver 8的工作界面模式,Dreamweaver 8為不同層次的用戶定制了不同的工作環(huán)境。當(dāng)?shù)谝淮螁?dòng)時(shí)，系統(tǒng)會(huì)打開“工作區(qū)設(shè)置”對(duì)話框，如下圖所示。,1.2 Dreamweaver 8的工作區(qū),工作界面:,“文檔”窗口,文檔編輯窗口是用戶進(jìn)行操作和設(shè)計(jì)時(shí)最常用到的窗口，網(wǎng)頁(yè)的所有內(nèi)容也是顯示在這個(gè)窗口中。,工具欄,在Dreamweaver 8中有“標(biāo)準(zhǔn)”工具欄和“文檔”工具欄兩種。 “標(biāo)準(zhǔn)”工具欄中包含了一些“文件”和“編輯”菜單中對(duì)文檔常用操作命令的按鈕，如下圖所示。選擇“查看”“工具欄”“標(biāo)準(zhǔn)”命令，可以顯示或隱藏“標(biāo)準(zhǔn)”工具欄。,“文檔”工具欄,“文檔”工具欄中主要包含

5、了一些對(duì)文檔進(jìn)行常用操作的功能按鈕，如下圖所示。用戶通過(guò)單擊這些按鈕可以在文檔的不同視圖間進(jìn)行快速切換。,狀態(tài)欄,狀態(tài)欄位于文檔窗口的底部，它的作用是提供與用戶正在編輯的文檔有關(guān)的某些信息，如當(dāng)前窗口大小、文檔大小和估計(jì)下載時(shí)間等，如下圖所示。,上下文菜單,“上下文菜單”又稱為“快捷菜單”，一般包括了許多常用的命令。在文檔中右擊對(duì)象或窗口即可彈出與該對(duì)象或窗口相關(guān)的上下文菜單，從而選擇相應(yīng)的命令進(jìn)行操作。,“插入”工具欄,“插入”工具欄包含用于創(chuàng)建和插入對(duì)象(如表格、層和圖像)所用到的所有按鈕。這些按鈕被分類組織到各個(gè)選項(xiàng)卡中，如下圖所示。,屬性檢查器,在Dreamweaver 8中，“屬性檢

6、查器”也是常用的工具之一。系統(tǒng)默認(rèn)將該工具顯示在文檔的下方，如下圖所示。,面板組,為了使設(shè)計(jì)者擁有更大的操作空間， Dreamweaver 8繼承了已有版本的優(yōu)點(diǎn)，將相同類型或功能的面板組織在一起，構(gòu)成了面板組。,1.4 創(chuàng)建Dreamweaver站點(diǎn),用戶要?jiǎng)?chuàng)建一個(gè)站點(diǎn)，一般是先在本地將整個(gè)網(wǎng)站制作完成，然后再將站點(diǎn)上傳到Web服務(wù)器上。 站點(diǎn)概述 創(chuàng)建本地新站點(diǎn) 設(shè)置本地文件夾 設(shè)置遠(yuǎn)程文件夾,站 點(diǎn) 概 述,網(wǎng)站是WWW(萬(wàn)維網(wǎng))中最基本的組成部分，而網(wǎng)頁(yè)又是網(wǎng)站的最基本組成部分。網(wǎng)頁(yè)之間并不是雜亂無(wú)章的，而是通過(guò)各種鏈接相互關(guān)聯(lián)，從而描述相關(guān)的主題或?qū)崿F(xiàn)相同的目的。網(wǎng)站又稱為站點(diǎn)。 本

7、地站點(diǎn)和遠(yuǎn)程站點(diǎn) 上傳和下載,本地站點(diǎn)和遠(yuǎn)程站點(diǎn),站點(diǎn)：也是一種文檔的磁盤組織結(jié)構(gòu)。 本地站點(diǎn)：放置在本地計(jì)算機(jī)上的網(wǎng)站。 遠(yuǎn)程站點(diǎn)：位于互聯(lián)網(wǎng)web服務(wù)器里的網(wǎng)站。,上傳和下載,上傳：是資源從本地計(jì)算機(jī)傳輸?shù)絀nternet服務(wù)器的過(guò)程。 下載：是資源從Internet服務(wù)器傳輸?shù)奖镜赜?jì)算機(jī)的過(guò)程。 在實(shí)際的網(wǎng)頁(yè)瀏覽過(guò)程中，上傳和下載是經(jīng)常使用到的操作。,創(chuàng)建本地新站點(diǎn),首先在本地硬盤創(chuàng)建一個(gè)文件夾及內(nèi)部結(jié)構(gòu)。 單擊“站點(diǎn)”菜單管理站點(diǎn)新建 ，按照提示逐步完成站點(diǎn)設(shè)置。,設(shè)置本地文件夾,本地文件夾也稱其為本地站點(diǎn)，是制作網(wǎng)頁(yè)時(shí)的工作目錄。 單擊“站點(diǎn)”菜單管理站點(diǎn)編輯高級(jí)選項(xiàng)卡本地信息,設(shè)置

8、遠(yuǎn)程文件夾,遠(yuǎn)程文件夾：是用戶在Web服務(wù)器上的文件夾 ，也稱其為遠(yuǎn)程站點(diǎn) 單擊“站點(diǎn)”菜單管理站點(diǎn)編輯高級(jí)選項(xiàng)卡遠(yuǎn)程信息,1.5 編 輯 站 點(diǎn),用戶使用Dreamweaver 8能夠?qū)ΜF(xiàn)有站點(diǎn)進(jìn)行編輯、修改等操作。 編輯本地站點(diǎn) 編輯遠(yuǎn)程站點(diǎn) 刪除站點(diǎn),編輯本地站點(diǎn),單擊“站點(diǎn)”菜單管理站點(diǎn)編輯高級(jí)選項(xiàng)卡本地信息,編輯遠(yuǎn)程站點(diǎn),“站點(diǎn)”菜單管理站點(diǎn)編輯高級(jí)選項(xiàng)卡遠(yuǎn)程信息,刪除站點(diǎn),從站點(diǎn)列表中刪除站點(diǎn)實(shí)際上只是刪除了Dreamweaver同本地站點(diǎn)之間的關(guān)聯(lián)，保存在磁盤上的站點(diǎn)內(nèi)容(包括各種文件夾和文件)并不會(huì)被刪除，在必要時(shí)還可以新建相同的站點(diǎn)。 單擊“站點(diǎn)”菜單管理站點(diǎn)刪除,1.7 實(shí)例_軟件下載中心,效果圖：軟件下載中心:,1.7 實(shí)例_軟件下載中心,規(guī)劃： 在F盤新建文件夾“軟件下載中心”，作為整個(gè)站點(diǎn)內(nèi)容的文件夾，也是網(wǎng)站的根目錄。 網(wǎng)站名的“軟件下載中心”，分6個(gè)欄目： 這6個(gè)欄目?jī)?nèi)容分別存放在網(wǎng)站根目錄下的“Dan_1”、 “Dan_2”、 “Dan_3”、 “Dan_4”、 “Dan_5”、 “Dan_6” 文件夾里。 網(wǎng)站所有素材圖像存放于根目錄下的文