【正文】 件面板等，如圖 。例如，對(duì)于不熟悉編寫(xiě)代碼的設(shè)計(jì)師，可以選擇“設(shè)計(jì)器”模式的工作區(qū)布局。 Dreamweaver CS3內(nèi)置了三種布局模式編碼器、設(shè)計(jì)器和雙重屏幕，設(shè)計(jì)師可以根據(jù)需要選擇適合自己的工作區(qū)布局。在這個(gè)對(duì)話框中可以進(jìn)行一系列的自定義操作，包括常規(guī)、 CSS樣式、標(biāo)記色彩等。例如，通過(guò)適當(dāng)?shù)脑O(shè)置可以維持本地站點(diǎn)和遠(yuǎn)端站點(diǎn)之間的文件平行結(jié)構(gòu)，也就是站點(diǎn)內(nèi)容的統(tǒng)一。通過(guò)這種方式來(lái)實(shí)現(xiàn)本地和遠(yuǎn)端站點(diǎn)之間的文件同步功能。而使用快捷鍵將是一個(gè)行之有效的方法，下面就提供了最常用的快捷鍵列表，如表 。初學(xué)者可以在幫助文件中執(zhí)行全文搜索，找到想解決的問(wèn)題的相關(guān)幫助信息，具體步驟如下。而一般網(wǎng)站都有繁雜的目錄結(jié)構(gòu)，每個(gè)目錄會(huì)存放著很多頁(yè)面文件。借助Dreamweaver CS3高效的網(wǎng)站創(chuàng)建和管理功能，網(wǎng)頁(yè)設(shè)計(jì)師就可以騰出更多的時(shí)間和精力，用于設(shè)計(jì)創(chuàng)作之上。首先要與網(wǎng)站需求方進(jìn)行詳盡的溝通，來(lái)明確目標(biāo)網(wǎng)站的功能、形象等各方面的明細(xì)要求。接下來(lái)就進(jìn)入網(wǎng)站建設(shè)項(xiàng)目的具體實(shí)施階段。創(chuàng)建網(wǎng)站的典型工作流程按照開(kāi)發(fā)實(shí)施內(nèi)容的不同可分為如下幾個(gè)階段。這就要求網(wǎng)頁(yè)設(shè)計(jì)師在具體開(kāi)發(fā)之前，先要去了解或者掌握一定的網(wǎng)站開(kāi)發(fā)基本概念。例如，必須了解域名的定義。同時(shí)，還必須知道有關(guān)網(wǎng)站環(huán)境的一些基本概念，例如如何搭建 IIS環(huán)境，網(wǎng)站的連接數(shù)等。 ? 1．涉及域名注冊(cè)的基本概念 ? 2．涉及服務(wù)器空間的基本概念 ? 3．涉及網(wǎng)站設(shè)計(jì)的基本概念 ? 4．涉及互動(dòng)交互的基本概念 本地計(jì)算機(jī)和 Inter服務(wù)器 ? 網(wǎng)站服務(wù)器可以理解成放在網(wǎng)絡(luò)中某個(gè)節(jié)點(diǎn)上的計(jì)算機(jī)。當(dāng)有人訪問(wèn)網(wǎng)站時(shí)，域名解析服務(wù)器會(huì)先進(jìn)行尋址工作，找到相應(yīng)的 IP地址。 ? （具體內(nèi)容請(qǐng)參照本書(shū)） 本地網(wǎng)站和遠(yuǎn)程網(wǎng)站 ? 常見(jiàn)的網(wǎng)站系統(tǒng)依據(jù)文件的存放位置可以分為如下兩大類。 【 基本 】視圖模式指導(dǎo)網(wǎng)頁(yè)設(shè)計(jì)師逐步來(lái)完成站點(diǎn)設(shè)置，每一步操作都有針對(duì)性的指導(dǎo)機(jī)制，具體步驟如下。通過(guò)這樣的模式進(jìn)行設(shè)置，可以讓網(wǎng)頁(yè)設(shè)計(jì)師在創(chuàng)建站點(diǎn)過(guò)程中可發(fā)揮更強(qiáng)的主控性。網(wǎng)頁(yè)設(shè)計(jì)師一般都會(huì)在本地磁盤(pán)上編輯文件，調(diào)試好整個(gè)網(wǎng)站系統(tǒng)后再上傳到遠(yuǎn)程站點(diǎn)。在繼續(xù)操作之前，必須對(duì)遠(yuǎn)程信息進(jìn)行相關(guān)設(shè)置，具體步驟如下。下面的列出了一些有關(guān)遠(yuǎn)程信息設(shè)置時(shí)可能遇到的問(wèn)題以及解決方法。將站點(diǎn)導(dǎo)出為包含站點(diǎn)設(shè)置的帶 .ste文件擴(kuò)展名的XML文件，作為備份。這樣，就實(shí)現(xiàn)了在不同的計(jì)算機(jī)和產(chǎn)品版本之間移動(dòng)站點(diǎn)的目的，同時(shí)也實(shí)現(xiàn)了與其他用戶的信息共享。操作過(guò)程也極為簡(jiǎn)單，具體步驟如下：（具體內(nèi)容請(qǐng)參照本書(shū)） 上傳和獲取文件 ? 1．上傳文件 ? 2．獲取文件 同步本地和遠(yuǎn)程網(wǎng)站上的文件 ? 要使本地站點(diǎn)的文件與遠(yuǎn)程站點(diǎn)的文件保持一致，就要使用 Dreamweaver的文件同步功能，具體操作步驟如下。排除某些文件夾和文件類型后再進(jìn)行操作。定義了受影響的文件類型后， Dreamweaver會(huì)遮蓋該類型的所有文件。（具體內(nèi)容請(qǐng)參照本書(shū)） 使用設(shè)計(jì)備注 ? 網(wǎng)頁(yè)設(shè)計(jì)師可以為每一個(gè)文件創(chuàng)建設(shè)計(jì)備注?？梢栽谡归_(kāi)的 【 文件 】 面板上看到那些賦有 “ 設(shè)計(jì)備注 ” 圖標(biāo)的文件。也可以使用設(shè)計(jì)備注來(lái)記錄由于安全問(wèn)題而不能放在文檔中的敏感信息。用戶只要熟悉 Word文檔的編寫(xiě)，就可以以所見(jiàn)即所得的方式，在網(wǎng)頁(yè)中插入文本、圖像、 Flash及超鏈接等內(nèi)容，從而制作出各式各樣的網(wǎng)頁(yè)。 插入文本 ? 文本是網(wǎng)頁(yè)中的基礎(chǔ)元素。本節(jié)將詳細(xì)講解如何插入這三類文本。它現(xiàn)在在瀏覽器的標(biāo)題欄上。下面講解如何設(shè)置網(wǎng)頁(yè)的標(biāo)題。根據(jù)輸入方式的不同，可以分為普通文本和特殊字符。普通文本就是使用者可以在網(wǎng)頁(yè)文檔中按照文本方式直接輸入的文本。（具體內(nèi)容請(qǐng)參照本書(shū)） 插入特殊字符 ? 在網(wǎng)頁(yè)中，設(shè)計(jì)人員還經(jīng)常需要插入一些特殊字符，如版權(quán)符號(hào)。例如，版權(quán)符號(hào) 169?！?表示；注冊(cè)商標(biāo)符號(hào) 174。REG。插入特殊符號(hào)的操作如下所示。 設(shè)置標(biāo)題和段落格式 ? 網(wǎng)頁(yè)中的默認(rèn)存在 6種標(biāo)題。使用這些標(biāo)題，可以標(biāo)注文本內(nèi)容的不同層次。設(shè)置標(biāo)題和段落格式需要使用屬性面板的 【 格式 】下拉列表。（具體內(nèi)容請(qǐng)參照本書(shū)） 設(shè)置文本字號(hào) ? 設(shè)置標(biāo)題和段落格式，都是從整體的角度設(shè)置文本樣式。在 Dreamweaver中，字號(hào)的大小默認(rèn)的有“無(wú)”、“ 136” 、“極小 極大”等。操作步驟如下所示。在 Dreamweaver中，設(shè)計(jì)人員僅僅使用了“宋體”、“黑體”等常見(jiàn)的字體。 ? 要在 Dreamweaver中使用新字體，必須確保該字體已經(jīng)安裝到 Windows的字體中。通過(guò)設(shè)置文本顏色，可以提高文本內(nèi)容的視覺(jué)效果，降低閱讀疲勞。下面講解如何設(shè)置文本的顏色。這樣方便用戶的瀏覽，降低用戶的視覺(jué)疲勞。 文本列表的類型 ? 文本列表根據(jù)每段文字之間是否有先后次序，可以分為有序列表和無(wú)序列表兩種。 ? 無(wú)序列表中的各段文字沒(méi)有先后次序，通常使用如正方形、菱形等符號(hào)作為列表的并列編號(hào)。（具體內(nèi)容請(qǐng)參照本書(shū)） 添加文本列表 ? 當(dāng)存在大量并列關(guān)系的文本內(nèi)容時(shí)，使用列表可以增加文本內(nèi)容的條理性。（具體內(nèi)容請(qǐng)參照本書(shū)） 設(shè)置文字列表的并列編號(hào) ? 添加文本列表后，默認(rèn)只有一種前綴。設(shè)置操作步驟如下所示。合理的使用圖片，可以使網(wǎng)頁(yè)美觀生動(dòng)，而且富有生機(jī)。本節(jié)將介紹如何插入和設(shè)置圖片。用戶可以在文本段落中、表格內(nèi)、表單和層中插入圖片。如果選擇的圖片文件不在站點(diǎn)內(nèi)，系統(tǒng)就會(huì)提示是否將圖像復(fù)制到站點(diǎn)內(nèi)。否則，網(wǎng)頁(yè)上傳服務(wù)器后，圖像將不會(huì)顯示。設(shè)置網(wǎng)頁(yè)背景圖片時(shí)，需要控制圖片文件的大小。設(shè)置網(wǎng)頁(yè)背景圖片的操作如下所示。當(dāng)鼠標(biāo)指向網(wǎng)頁(yè)中的一個(gè)圖片時(shí)，圖片自動(dòng)顯示為另一種效果。翻轉(zhuǎn)圖像的實(shí)質(zhì)就是在兩張圖片之間進(jìn)行切換。一個(gè)是正常顯示的圖片，另一個(gè)是鼠標(biāo)移動(dòng)到圖像上顯示的圖片。（具體內(nèi)容請(qǐng)參照本書(shū)） 插入 Flash動(dòng)畫(huà) ? Flash動(dòng)畫(huà)是網(wǎng)上最流行的動(dòng)畫(huà)形式。本節(jié)將介紹如何插入 Flash動(dòng)畫(huà)和利用Flash模板快速設(shè)置 Flash功能。所以，F(xiàn)lash在 Dreamweaver中，得到很好的支持。插入 Flash影片的步驟如下所示。使用該模板，用戶可以快速制作包含文本的動(dòng)畫(huà)。（具體內(nèi)容請(qǐng)參照本書(shū)） 插入 Flash按鈕 ? Flash按鈕 Dreamweaver提供的 Flash模板。插入 Flash按鈕的操作如下所示。使用該工具，用戶可以將任何類型的可打印文檔轉(zhuǎn)換為 SWF或 PDF文檔。使用 FlashPaper的操作如下所示。使用Flash視頻，無(wú)需特殊技術(shù)知識(shí)，就可以將視頻添加到網(wǎng)頁(yè)。插入 Flash視頻操作如下所示。在Dreamweaver中，用戶只要在網(wǎng)頁(yè)中插入圖片查看器，設(shè)置好參數(shù)，就可以立即實(shí)現(xiàn) Flash相冊(cè)功能，實(shí)現(xiàn)交互式幻燈片演示效果。（具體內(nèi)容請(qǐng)參照本書(shū)） 插入其他視頻或音頻文件 ? 除 Flash格式的音頻和視頻文件外，網(wǎng)頁(yè)中還經(jīng)常使用一些其他格式的多媒體文件，如 WMV的視頻文件、 WAV的音頻文件。該類文件具有較高的壓縮率和流暢的播放效果。因?yàn)檫@類視頻文件往往采用了不同的壓縮算法，所以不能直接在瀏覽器中進(jìn)行播放，需要借助于外部的程序。下面講解如何在網(wǎng)頁(yè)中插入 WMV影片。 ActiveX控件技術(shù)插入網(wǎng)頁(yè)后，提供了不受瀏覽器限制的交互的能力。其他瀏覽器支持該技術(shù)并不好。例如，在論壇中的短消息頁(yè)面中，通過(guò)添加背景音樂(lè)可以提示用戶是否有新短消息。插入背景音樂(lè)的操作如下所示。通過(guò)超級(jí)鏈接，網(wǎng)頁(yè)之間建立連接。按照形式，超級(jí)鏈接可以分為文字鏈接、圖片鏈接、錨點(diǎn)鏈接、電子郵件鏈接、腳本鏈接和空鏈接等幾種。 插入文本鏈接 ? 文本鏈接是超級(jí)鏈接最基本的方式。各種網(wǎng)站廣泛使用文字鏈接。 ? 絕對(duì)路徑：提供鏈接資源的完整 URL，常常用于指向站點(diǎn)外部文件。 ? 相對(duì)路徑：網(wǎng)絡(luò)資源的路徑是相對(duì)于當(dāng)前基礎(chǔ)路徑的位置，用來(lái)指向站內(nèi)文件。 ? （具體內(nèi)容請(qǐng)參照本書(shū)） 插入圖片鏈接 ? 現(xiàn)在網(wǎng)頁(yè)對(duì)美感要求越來(lái)越高。圖片鏈接和文本鏈接基本類似，只是鏈接的載體不同。（具體內(nèi)容請(qǐng)參照本書(shū)） 插入電子郵件地址鏈接 ? 電子郵件地址鏈接是一種特殊的文本鏈接。使用該鏈接，可以方便用戶通過(guò)郵件的方式聯(lián)系其他人。（具體內(nèi)容請(qǐng)參照本書(shū)） 插入腳本鏈接 ? 腳本鏈接就是一段 JavaScript代碼。由于用戶可以手動(dòng)編寫(xiě)代碼，所以可以靈活實(shí)現(xiàn)各種功能。（具體內(nèi)容請(qǐng)參照本書(shū)） 插入空鏈接 ? 空鏈接通常用在未完成的網(wǎng)頁(yè)上。在制作鏈接時(shí)，只要 【 屬性 】面板的 【 鏈接 】 文本框中輸入“ ” 標(biāo)記。（具體內(nèi)容請(qǐng)參照本書(shū)） 插入表格 ? 表格是網(wǎng)頁(yè)設(shè)計(jì)的一個(gè)重要組成部分。使用表格排版可以精確 排版和定位 。 表格的構(gòu)成 ? 表格通常由單元行和單元格構(gòu)成。一個(gè)表格可以包括一行或多行，而每一行可以包括一個(gè)或者多個(gè)單元格。插入表格后，才能對(duì)表格中行、列和單元格進(jìn)行操作。（具體內(nèi)容請(qǐng)參照本書(shū)） 設(shè)置表格屬性 ? 當(dāng)選取了整個(gè)表格后，編輯區(qū)下方的屬性檢視面板會(huì)顯示表格的屬性，如圖 。（具體內(nèi)容請(qǐng)參照本書(shū)） 設(shè)置列、行和單元格屬性 ? 設(shè)置表格屬性是對(duì)表格的整體進(jìn)行設(shè)置。設(shè)置方法如下所示。如果用戶