在開始學(xué)習(xí)之前，我們先要了解一些和網(wǎng)頁(yè)有關(guān)的基礎(chǔ)知識(shí)和基本常識(shí)。比如，互聯(lián)網(wǎng)、網(wǎng)站、網(wǎng)頁(yè)、HTML、URL、HTTP、TCP/IP、FTP等等。如果你已經(jīng)了解，就偷偷懶^_^，不太清楚嗎，請(qǐng)參考高夫老師的教程《Dreamweaver 2004 入門教程》的相關(guān)章節(jié)。
第一節(jié) 初識(shí)Dreamweaver8
第一天的內(nèi)容可能讓你覺(jué)得枯燥乏味，不過(guò)，“工欲善其事，必先利其器”，讓我們一起來(lái)了解Dreamweaver8的操作環(huán)境，完成站點(diǎn)的創(chuàng)建。
一、Dreamweaver8 的操作環(huán)境
在首次啟動(dòng)Dreamweaver8時(shí)會(huì)出現(xiàn)一個(gè)“工作區(qū)設(shè)置”對(duì)話框，在對(duì)話框左側(cè)是Dreamweaver8的設(shè)計(jì)視圖，右側(cè)是Dreamweave 8的代碼視圖。Dreamweaver8設(shè)計(jì)視圖布局提供了一個(gè)將全部元素置于一個(gè)窗口中的集成布局。我們選擇面向設(shè)計(jì)者的設(shè)計(jì)視圖布局。
在Dreamweave 8 中首先將顯示一個(gè)起始頁(yè)，可以勾選這個(gè)窗口下面的“不在顯示此對(duì)話框”來(lái)隱藏它。在這個(gè)頁(yè)面中包括“打開最近項(xiàng)目”、“創(chuàng)建新項(xiàng)目”“從范例創(chuàng)建”3個(gè)方便實(shí)用的項(xiàng)目，建議大家保留。
新建或打開一個(gè)文檔，進(jìn)入Dreamweaver8的標(biāo)準(zhǔn)工作界面。Dreamweaver8的標(biāo)準(zhǔn)工作界面包括：標(biāo)題顯示、菜單欄、插入面板組、文檔工具欄、標(biāo)準(zhǔn)工具欄、文檔窗口、狀態(tài)欄、屬性面板和浮動(dòng)面板組。
1、標(biāo)題顯示欄
啟動(dòng)Macromedia Dreamweave 8后，標(biāo)題欄將顯示文字Macromedia Dreamweave 8.0，新建或打開一個(gè)文檔后，在后面還會(huì)顯示該文檔所在的位置和文件名稱。
2、菜單欄
Dreamweave 8的菜單共有10個(gè)，即文件、編輯、視圖、插入、修改、文本、命令、站點(diǎn)、窗口和幫助。其中，編輯菜單里提供了對(duì)Dreamweaver菜單中[首選參數(shù)]的訪問(wèn)。
文件：用來(lái)管理文件。例如新建，打開，保存，另存為，導(dǎo)入，輸出打印等。
編輯：用來(lái)編輯文本。例如剪切，復(fù)制，粘貼，查找，替換和參數(shù)設(shè)置等。
查看：用來(lái)切換視圖模式以及顯示、隱藏標(biāo)尺、網(wǎng)格線等輔助視圖功能。
插入：用來(lái)插入各種元素，例如圖片、多媒體組件，表格、框架及超級(jí)鏈接等。
修改：具有對(duì)頁(yè)面元素修改的功能，例如在表格中插入表格，拆分、合并單元格，對(duì)其對(duì)象等。
文本：用來(lái)對(duì)文本操作，例如設(shè)置文本格式等。
命令：所有的附加命令項(xiàng)
站點(diǎn)：用來(lái)創(chuàng)建和管理站點(diǎn)
窗口：用來(lái)顯示和隱藏控制面板以及切換文檔窗口
幫助：聯(lián)機(jī)幫助功能。例如按下F1鍵，就會(huì)打開電子幫助文本
3、插入面板組
插入面板集成了所有可以在網(wǎng)頁(yè)應(yīng)用的對(duì)象包括“插入”菜單中的選項(xiàng)。插入面板組其實(shí)就是圖像化了的插入指令，通過(guò)一個(gè)個(gè)的按鈕，可以很容易的加入圖像、聲音、多媒體動(dòng)畫、表格。圖層、框架、表單、Flash和ActiveX等網(wǎng)頁(yè)元素。
4、文檔工具欄
“文檔”工具欄包含各種按鈕，它們提供各種“文檔”窗口視圖（如“設(shè)計(jì)”視圖和“代碼”視圖）的選項(xiàng)、各種查看選項(xiàng)和一些常用操作（如在瀏覽器中預(yù)覽）。
5、標(biāo)準(zhǔn)工具欄
“標(biāo)準(zhǔn)”工具欄包含來(lái)自“文件”和“編輯”菜單中的一般操作的按鈕：“新建”、“打開”、“保存”、“保存全部”、“剪切”、“復(fù)制”、“粘貼”、“撤消”和“重做”。
6、文檔窗口
當(dāng)我們打開或創(chuàng)建一個(gè)項(xiàng)目，進(jìn)入文檔窗口，我們可以在文檔區(qū)域中進(jìn)行輸入文字、插入表格和編輯圖片等操作。
“文檔”窗口顯示當(dāng)前文檔。可以選擇下列任一視圖：“設(shè)計(jì)”視圖是一個(gè)用于可視化頁(yè)面布局、可視化編輯和快速應(yīng)用程序開發(fā)的設(shè)計(jì)環(huán)境。在該視圖中，Dreamweaver 顯示文檔的完全可編輯的可視化表示形式，類似于在瀏覽器中查看頁(yè)面時(shí)看到的內(nèi)容。“代碼”視圖是一個(gè)用于編寫和編輯 HTML、JavaScript、服務(wù)器語(yǔ)言代碼以及任何其他類型代碼的手工編碼環(huán)境。“代碼和設(shè)計(jì)”視圖使您可以在單個(gè)窗口中同時(shí)看到同一文檔的“代碼”視圖和“設(shè)計(jì)”視圖。
7、狀態(tài)欄
“文檔”窗口底部的狀態(tài)欄提供與你正創(chuàng)建的文檔有關(guān)的其它信息。標(biāo)簽選擇器顯示環(huán)繞當(dāng)前選定內(nèi)容的標(biāo)簽的層次結(jié)構(gòu)。單擊該層次結(jié)構(gòu)中的任何標(biāo)簽以選擇該標(biāo)簽及其全部?jī)?nèi)容。單擊 <body> 可以選擇文檔的整個(gè)正文。
8、屬性面板
屬性面板并不是將所有的屬性加載在面板上，而是根據(jù)我們選擇的對(duì)象來(lái)動(dòng)態(tài)顯示對(duì)象的屬性屬性面板的狀態(tài)完全是隨當(dāng)前在文檔中選擇的對(duì)象來(lái)確定的。例如，當(dāng)前選擇了一幅圖像，那么屬性面板上就出現(xiàn)該圖像的相關(guān)屬性；如果選擇了表格，那么屬性面板會(huì)相應(yīng)的變化成表格的相關(guān)屬性。
9、浮動(dòng)面板
其它面板可以同稱為浮動(dòng)面板，這些面板都浮動(dòng)于編輯窗口之外。在初次使用Dreamweave 8的時(shí)候，這些面板根據(jù)功能被分成了若干組。在窗口菜單中，選擇不同的命令可以打開基本面板組、設(shè)計(jì)面板組、代碼面板組、應(yīng)用程序面板組、資源面板組和其它面板組。
終于把Dreamweave 8的基本工作界面介紹完了，你是否已經(jīng)了解它？從現(xiàn)在開始，讓我們一起來(lái)建造一座小房子。
二、本地站點(diǎn)的搭建與管理
要制作一個(gè)能夠被大家瀏覽的網(wǎng)站，首先需要在本地磁盤上制作這個(gè)網(wǎng)站，然后把這個(gè)網(wǎng)站傳到互聯(lián)網(wǎng)的web服務(wù)器上。放置在本地磁盤上的網(wǎng)站被稱為本地站點(diǎn)，位于互聯(lián)網(wǎng)web服務(wù)器里的網(wǎng)站被稱為遠(yuǎn)程站點(diǎn)。Dreamweaver 8提供了對(duì)本地站點(diǎn)和遠(yuǎn)程站點(diǎn)強(qiáng)大的管理功能。
1、規(guī)劃站點(diǎn)結(jié)構(gòu)
網(wǎng)站是多個(gè)網(wǎng)頁(yè)的集合，其包括一個(gè)首頁(yè)和若干個(gè)分頁(yè)，這種集合不是簡(jiǎn)單的集合。為了達(dá)到最佳效果，在創(chuàng)建任何 Web 站點(diǎn)頁(yè)面之前，要對(duì)站點(diǎn)的結(jié)構(gòu)進(jìn)行設(shè)計(jì)和規(guī)劃。決定要?jiǎng)?chuàng)建多少頁(yè)，每頁(yè)上顯示什么內(nèi)容，頁(yè)面布局的外觀以及各頁(yè)是如何互相連接起來(lái)的。
我們可以通過(guò)把文件分門別類的放置在各自的文件夾里，使網(wǎng)站的結(jié)構(gòu)清晰明了，便于管理和查找。
2、創(chuàng)建站點(diǎn)
在Dreamweave 8中可以有效的建立并管理多個(gè)站點(diǎn)。搭建站點(diǎn)可以有兩種方法，一是利用向?qū)瓿?，二是利用高?jí)設(shè)定來(lái)完成。
在搭建站點(diǎn)前，我們先在自己的電腦硬盤上建一個(gè)以英文或數(shù)字命名的空文件夾。
（1）選擇菜單欄——站點(diǎn)——管理站點(diǎn)，出現(xiàn)“管 理站點(diǎn)”對(duì)話框。點(diǎn)擊“新建”按鈕，選擇彈出菜單中的“站點(diǎn)”項(xiàng)。
在打開的窗口上方有“基本”和“高級(jí)”兩個(gè)標(biāo)簽，可以在站點(diǎn)向?qū)Ш透呒?jí)設(shè)置之間切換。下面選擇“基本”標(biāo)簽。
在文本框中，輸入一個(gè)站點(diǎn)名字以在 Dreamweaver8.0中標(biāo)識(shí)該站點(diǎn)。這個(gè)名字可以是任何你需要的名字。單擊“下一步”。出現(xiàn)向?qū)У南乱粋€(gè)界面，詢問(wèn)是否要使用服務(wù)器技術(shù)。
