1、計算機基礎(chǔ)與實訓(xùn)教材系列中文版Dreamweaver實用教程1第 二 章創(chuàng)建和管理站點2:計算機基礎(chǔ)與實訓(xùn)教材系列系列叢書官方網(wǎng)站 edu :學(xué) 習(xí) 目 標(biāo)在建立網(wǎng)站之前，首先應(yīng)設(shè)計和規(guī)劃好整個站點，繼而才能進行具體的網(wǎng)頁制作過程。創(chuàng)建好一個本地站點后，可以進行管理站點操作，還可以創(chuàng)建文檔并將其保存在站點文件夾中。本章將主要介紹使用不同的方法創(chuàng)建和管理站點的方法，創(chuàng)建不同類型文檔的方法以及網(wǎng)頁制作的常用操作。本 章 重 點 創(chuàng)建本地站點 管理本地站點 網(wǎng)頁文檔的基本操作 設(shè)置文檔視圖 2.1 創(chuàng)建和管理本地站點在Dreamweaver CS4中，可以創(chuàng)建本地站點，本地站點也就是在本地計算機中創(chuàng)

2、建的站點，所有的站點內(nèi)容都保存在本地計算機中，本地計算機可以看成是網(wǎng)絡(luò)中的站點服務(wù)器。創(chuàng)建本地站點后，可以管理創(chuàng)建的站點，并且可以再次編輯創(chuàng)建的站點。在創(chuàng)建站點之前，可以先規(guī)劃好站點，明確創(chuàng)建站點的方向并采用的方法，同時也是確定本地站點所要實現(xiàn)的功能。站點的簡介 規(guī)劃站點:計算機基礎(chǔ)與實訓(xùn)教材系列系列叢書官方網(wǎng)站 edu :2.1.1 站點的簡介網(wǎng)站建立在互聯(lián)網(wǎng)基礎(chǔ)之上，是以計算機、網(wǎng)絡(luò)和通信技術(shù)為依托，通過一臺或多臺安裝了系統(tǒng)程序、服務(wù)程序及相關(guān)應(yīng)用程序的計算機，向訪問者提供相應(yīng)的服務(wù)。:計算機基礎(chǔ)與實訓(xùn)教材系列系列叢書官方網(wǎng)站 edu :2.1.2 規(guī)劃站點規(guī)劃時要明確網(wǎng)站的主題，搜集需要

3、的信息等。規(guī)劃站點主要是規(guī)劃站點的結(jié)構(gòu)。創(chuàng)建站點既可以創(chuàng)建一個網(wǎng)站，又可以創(chuàng)建一個本地網(wǎng)頁文件的存儲地址，規(guī)劃好站點后即可開始創(chuàng)建站點。:計算機基礎(chǔ)與實訓(xùn)教材系列系列叢書官方網(wǎng)站 edu :2.1.3 創(chuàng)建本地站點在創(chuàng)建站點之前，一般在本地將整個網(wǎng)絡(luò)完成，然后再將站點上傳到Web服務(wù)器上。創(chuàng)建本地站點可以使用向?qū)?chuàng)建也可以使用高級面板創(chuàng)建。:計算機基礎(chǔ)與實訓(xùn)教材系列系列叢書官方網(wǎng)站 edu :2.1.4 管理本地站點創(chuàng)建好本地站點后，可以進行一些基本的編輯操作，例如重新編輯本地站點保存位置、名稱、刪除創(chuàng)建的本地站點等。:計算機基礎(chǔ)與實訓(xùn)教材系列系列叢書官方網(wǎng)站 edu :2.1.5 創(chuàng)建本地站

4、點文件創(chuàng)建好本地站點后，可以根據(jù)需要創(chuàng)建各欄目文件夾和文件，對于創(chuàng)建好的站點，也可以進行再次編輯，或刪除和復(fù)制這些站點。:計算機基礎(chǔ)與實訓(xùn)教材系列系列叢書官方網(wǎng)站 edu :2.2 網(wǎng)頁文檔的基本操作創(chuàng)建了本地站點后，就可以創(chuàng)建文檔并將保存在站點文件夾中。Dreamweaver CS4提供了多種創(chuàng)建文檔的方法，可以創(chuàng)建一個新的空白HTML文檔，或使用模板創(chuàng)建新文檔。同時，還提供了功能強大的【新建文檔】對話框來滿足用戶創(chuàng)建不同類型的文檔的需求。創(chuàng)建空白網(wǎng)頁文檔 打開和保存網(wǎng)頁文檔設(shè)置網(wǎng)頁文檔屬性 設(shè)置網(wǎng)頁文檔頭部信息:計算機基礎(chǔ)與實訓(xùn)教材系列系列叢書官方網(wǎng)站 edu :2.2.1 創(chuàng)建空白網(wǎng)頁文

5、檔要使用Dreamweaver CS4創(chuàng)建空白網(wǎng)頁文檔，可以選擇【文件】【新建】命令，或按下Ctrl+N鍵，打開【新建文檔】對話框。在左側(cè)的列表框中選擇【空白頁】選項，在【頁面類型】列表框中選擇HTML選項，在【布局】列表框中選擇【無】選項，單擊【創(chuàng)建】按鈕，即可創(chuàng)建一個空白網(wǎng)頁文檔。:計算機基礎(chǔ)與實訓(xùn)教材系列系列叢書官方網(wǎng)站 edu :2.2.2 打開和保存網(wǎng)頁文檔在使用Dreamweaver CS4制作網(wǎng)頁時，創(chuàng)建好所需類型的網(wǎng)頁文檔后，可以對網(wǎng)頁文檔進行適當(dāng)?shù)木庉嫴僮鳎蜷_和保存文檔是最常用的命令。:計算機基礎(chǔ)與實訓(xùn)教材系列系列叢書官方網(wǎng)站 edu :2.2.3 設(shè)置網(wǎng)頁文檔屬性網(wǎng)頁文檔

6、的屬性主要包括頁面標(biāo)題、背景圖像、背景顏色、文本和鏈接顏色、邊距等。其中，【頁面標(biāo)題】確定和命名了文檔的名稱，【背景圖像】和【背景顏色】決定了文檔顯示的外觀，【文本顏色】和【鏈接顏色】幫助站點訪問者區(qū)別文本和超文本鏈接等。:計算機基礎(chǔ)與實訓(xùn)教材系列系列叢書官方網(wǎng)站 edu :2.2.4 設(shè)置網(wǎng)頁文檔頭部信息每一個網(wǎng)頁都是由HTML腳本所組成的*.html文件，一個完整的HTML網(wǎng)頁文件包含head和body兩個部分，head部分包括許多不可見的信息，例如語言編碼、版權(quán)聲明、關(guān)鍵字等。:計算機基礎(chǔ)與實訓(xùn)教材系列系列叢書官方網(wǎng)站 edu :2.3 設(shè)置視圖在Dreamweaver CS4中，可以根

7、據(jù)需要切換【設(shè)計】、【代碼】和【拆分】等視圖，還可以使用標(biāo)尺和網(wǎng)格來精確定位網(wǎng)頁文檔中的元素。此外，還延續(xù)了先前產(chǎn)品中的跟蹤圖像功能，可以參照跟蹤圖像設(shè)計網(wǎng)頁文檔內(nèi)容。切換文檔視圖 使用可視化助理 使用跟蹤圖像 :計算機基礎(chǔ)與實訓(xùn)教材系列系列叢書官方網(wǎng)站 edu :2.3.1 切換文檔視圖文檔窗口顯示了當(dāng)前文檔，選擇【查看】命令，在下拉菜單中文檔視圖，可以選擇【設(shè)計】視圖、【代碼】視圖、【拆分代碼】視圖、【代碼】和【設(shè)計】視圖。此外，還可以使用【實時視圖】和【實時代碼】視圖。 :計算機基礎(chǔ)與實訓(xùn)教材系列系列叢書官方網(wǎng)站 edu :3.3.2 使用可視化助理Dreamweaver CS4提供了【標(biāo)尺】和【網(wǎng)格】功能，用于輔助設(shè)計網(wǎng)頁文檔。【標(biāo)尺】功能可以輔助測量、組織和規(guī)劃布局。【網(wǎng)格】功能可以絕對定位的網(wǎng)頁元素在移動時自動靠齊網(wǎng)格，還可以通過指定網(wǎng)格設(shè)置更改網(wǎng)