第二講課題：初步認識Dreamweaver8目的及要求：了解Dreamweaver的集成工作區的概念、掌握如何選擇工作區布局、了解各個工具欄和面板所處的位置、重點掌握各個工具欄和面板所處的基本功能、了解站點規劃與設計的概念、重點掌握如何設置和管理站點。掌握插入文本和設置文本格式的方法。教學重點：工具欄和面板所處的基本功能、如何設置和管理站點教學難點：如何設置和管理站點教學課時：2課時教學方法：提問與比較教學方式，激發學生興趣；教學內容與步驟：1

Dreamweaver8啟動首頁中各欄的作用：最近打開的文檔列表，點擊項目名或點擊“打開”按鈕打開已有文檔創建新文檔或站點鏈接到DreamweaverExchange網站2認識Dreamweaver8的工作區關于集成的Dreamweaver8工作區Dreamweaver8提供了一個將所有元素放置于一個窗口中的集成布局。在集成的工作區中，所有窗口和面板都被集成到一個更大的應用程序窗口中。工作區有兩種基本模式：一種是為了方便頁面設計者的“設計器”工作區布局，另一種則是為了方便代碼編寫者的“編碼器”工作區布局。

3認識Dreamweaver8的工作區“設計器”工作區布局4認識Dreamweaver8的工作區“編碼器”工作區布局5認識Dreamweaver8的工作區選擇工作區的布局第一步：選擇菜單“窗口”→“工作區布局”。第二步：在右側的彈出式列表中選擇需要的工作區樣式。6認識Dreamweaver8的窗口和面板

窗口和面板簡介Dreamweaver8提供了許多面板、檢查器和窗口，如“歷史記錄”面板和代碼檢查器，絕大多數的面板可以組合進面板組中，一小部分的則只能浮動在窗口之上。面板組是一組面板的集合，一組面板包括一個面板標題、設置下拉列表以及內容列表。單擊組名稱左側的展開箭頭可展開一個面板組，拖動該組標題條左邊緣的手柄查取消停靠一個面板組。若要打開面板、檢查器和窗口，選擇“窗口”菜單項中的相應選項即可。“窗口”菜單中項目旁的復選標記表示指定的項目當前是打開的（雖然它可能隱藏在其他窗口后面）。若要顯示一個當前未打開的項目，請從菜單中選擇項目名稱。7認識Dreamweaver8的窗口和面板

“文檔”窗口工作區的中心就是“文檔”窗口，它用來顯示當前文檔。在網頁編輯過程中，它也是我們編輯任務的核心元素。我們所編輯網頁的代碼和外觀設計都是通過“文檔”窗口顯示出來的，為了方便不同性質的設計人員利用本軟件開發網頁，軟件向我們提供了三種視圖模式：“設計”視圖、“代碼”視圖、“代碼和設計”視圖。8認識Dreamweaver8的窗口和面板

“文檔”工具欄“文檔”工具欄中包含了一組按鈕，這組按鈕使我們可以在文檔的不同視圖間快速切換：“代碼”視圖、“設計”視圖、同時顯示“代碼”和“設計”視圖的拆分視圖。“文檔”工具欄中還包含一些與查看文檔、通過本地站點與遠程站點傳輸文檔常用的命令和選項。9認識Dreamweaver8的窗口和面板

“標準”工具欄“標準”工具欄的按鈕在大部分軟件中都是出現在菜單項中，所以在默認狀態下是不顯示的，它包含了“文件”和“編輯”菜單中一些操作，如：“新建”、“打開”、“保存”、“另存為”、“拷貝”、“剪切”、“粘貼”、“撤消”和“重做”等。可以通過選擇菜單項中的“查看”→“工具欄”→“標準”來顯示“標準”工具欄。該操作必須在有文檔被打開的情況下才能被執行。10認識Dreamweaver8的窗口和面板

“狀態”工具欄“文檔”窗口底部的狀態欄提供與我們正創建的文檔有關的其他信息。“插入”工具欄“插入”工具欄包含用于創建和插入對象（如表格、層和圖像）的按鈕。當鼠標經過一個按鈕時，會出現一個工具提示，其中含有該按鈕的名稱。11認識Dreamweaver8的窗口和面板

“編碼”工具欄編碼工具欄包含可以讓我們執行多種標準編碼操作的按鈕，例如收起和展開選定的代碼、高亮顯示無效代碼、應用和刪除注釋以及插入最近使用過的代碼。編碼工具欄僅在“代碼”視圖中可見，它以垂直方式顯示在“文檔”窗口的左側。“屬性”檢查器“屬性”檢查器使我們可以檢查和編輯當前選定頁面元素（如文本和插入的對象）的最常用屬性。使用上下文菜單

Dreamweaver廣泛使用了上下文菜單，這樣可以很快捷地操作正在處理的對象或窗口，該菜單僅列出適用于當前所選對象或窗口的命令。12規劃和設置站點

關于站點規劃與設計1．確定目標2．選擇目標用戶3．創建具有瀏覽器兼容性的站點4．組織站點結構5．創建設計外觀6．設計導航方案13規劃站點結構的原則1.用文件夾來保存文檔。2.使用合理的文件名稱、首頁名稱。3.將本地和遠端站點設為同樣的結構。14創建本地站點在創建站點之前，一般在本地將整個網絡完成，然后再將站點上傳到Web服務器上。因此，在開始創建網頁之前，最好的選擇是用Dreamweaver建立一個本地站點。創建本地站點：創建本地站點，可以更好地利用站點對文件進行管理，盡可能地減少錯誤，例如鏈接和路徑出錯等。創建本地站點，可以使用站點定義向導快速創建。15創建遠程站點設置站點遠程信息的目的是使Dreamweaver能夠向遠程文件夾所在的網站服務器(遠程站點)上傳或下載文件。在完成Dreamweaver站點的本地信息設置以后，就可以開始設置站點的遠程文件夾(根據開發環境的不同，遠程文件夾是存儲用于進行測試、協作、生產、部署等文件的位置)。16管理站點

管理站點：創建好站點后，根據需要創建各頻道、欄目文件夾等，對于創建好的站點，也可以進行再次編輯，或刪除和復制這些站點。17設置站點

設置新的站點規劃站點結構后，或者如果已經存在一個站點，應該先在Dreamweaver中定義站點，然后才能進行開發。設置Dreamweaver站點是一種組織所有與Web站點關聯的文檔的方法。首先，先在硬盤上建立一個站點文件夾，用來存放和組織我們的網頁，整個文件夾就作為一個站點，整個站點的所有信息都要放在該文件夾下。18設置新站點

接著打開Dreamweaver8，選擇菜單“站點”→“新建站點”，打開站點定義向導，該向導分為“基本”和“高級”兩種模式，選擇默認的“基本”來進行站點的定義。基本模式：指導用戶一步步地完成站點的設置。（建議初學者使用該標簽）高級模式：適用于對Dreamweaver比較熟悉的用戶，使用該選項卡就沒有站點定義向導，完全按照用戶的意愿創建站點。19設置站點

確定我們的站點是否需要使用服務器技術，初學者選擇“否，我不想使用服務器技術”。選擇站點文件的路徑，也就是我們站點文件夾在硬盤上的位置。接下來一步選項是詢問“您如何連接到遠程服務器”，作為初級用戶，我們跳過該選項，選擇“無”選項點擊“下一步”按鈕后，我們設置新的站點的任務也就完成了。完成新站點的設置后，就可以在Dreamweaver中工作區的“文件”面板中看到我們的站點了。20設置文檔頭部信息每一個網頁都是由HTML腳本所組成的*.html文件，一個完整的HTML網頁文件包含head和body兩個部分，head部分包括許多不可見的信息，例如語言編碼、版權聲明、關鍵字等，使用Dreamweaver，可以設置這些信息。

meta標簽：用來描述一個HTML網頁文檔的屬性，例如作者、日期和時間、網頁描述、關鍵詞、頁面刷新等。

p26321文檔的創建與編輯MacromediaDreamweaver8為處理各種Web設計和開發文檔提供了靈活的環境。除了HTML文檔以外，還可以創建和打開各種基于文本的文檔，如CFML、ASP、JavaScript和CSS。Dreamweaver還支持源代碼文件，如VisualBasic、.NET、C#和Java。Dreamweaver為創建文檔提供了若干選項。可以創建以下文檔：新的空白文檔或模板基于Dreamweaver附帶的某預定義頁面布局的文檔基于某現有模板的文檔文檔的創建包括創建空白文檔和打開現有文檔；文檔的編輯包括文檔頁面屬性的設置、插入換行標簽、文字屬性的設置、段落屬性的設置、列表的使用及文檔的保存等。

22創建一個空白文檔要創建一個空白文檔，可以按照如下方法進行操作：選擇【文件】/【新建】菜單命令，彈出新建文檔界面，如下圖所示,選擇相應的文檔類別，單擊“創建”按鈕。23打開現有文檔打開現有文檔，可以按如下方法進行：方法一：選擇【文件】/【打開】菜單命令，彈出“打開”對話框。如下圖,在該對話框內選中要打開的文檔，單擊“打開”按鈕即可。24方法二：在Windows的“資源管理器”（或者“我的電腦”）中選中要打開的文檔的圖標，單擊右鍵，然后從快捷菜單中選擇“使用Dreamweaver編輯”選項。

25文件頁面屬性設置新的文檔建好后，先對文檔的屬性進行設置，包括指定頁面的默認字體和字體大小、背景顏色、邊距、鏈接樣式等，也可以修改現有頁面的屬性。操作：打開【修改】菜單/【頁面屬性】項，或在文檔窗口右擊，從快捷菜單中選擇【頁面屬性】選項，或點擊頁面空白處，在下面的“屬性”面板中點擊“頁面屬性”按鈕，均可打開下圖所示的對話框。26頁面屬性分類說明：

1．外觀：設定頁面默認布局選項，其中包括：(1)頁面字體：指定在Web頁的默認字體。DW將使用指定字體(宋體)，除非已為某一文本元素專門指定另一種字體。(2)大小：指定在Web頁的默認字體大小。DW將使用指定的字體大小（13號/中），除非已為某一文本元素專門指定了另一種字體大小。(3)文本顏色：指定顯示字體的默認顏色(黑色)。(4)背景著色：指定文檔的背景顏色。(5)背景圖像：指定文檔的背景圖像。

(6)重復：如果背景圖像沒有填滿整個窗口，DW8對圖像的處理有四種:重復（即平鋪，默認）、不重復、橫向重復（單行）和縱向重復（單列）。27

2．鏈接：設定與鏈接有關的文本屬性，其中包括：(1)鏈接字體：指定鏈接文本使用的默認字體。(2)大小：指定鏈接文本使用的默認的字體大小。(3)鏈接顏色：指定鏈接文本的顏色。

(4)變換圖像鏈接：指定當鼠標指向鏈接文本時的顏色。(5)已訪問鏈接：指定訪問過的鏈接的顏色。(6)活動鏈接：指定當鼠標在鏈接上單擊時文本的顏色。(7)下劃線樣式：指定應用于鏈接的下劃線樣式。283．標題：設定文檔頁中的標題使用的字體、字號和顏色。(1)標題字體：指定Web頁中標題的字體。DW默認使用頁面的字體。(2)標題n：標題1至標題6指定最多六種標題標簽使用的字體大小和顏色。294．標題/編碼：指定制作Web頁面時所用語言的文檔編碼類型，以及指定該編碼類型的Unicode標準化表單。其中包括：(1）標題：指定在瀏覽器標題欄出現的頁面標題(默認為無標題文檔)。(2）文檔類型(DTD)：指定文檔類型，即所用的HTML版本(默認為XHTML1.0Transitional)。(3）編碼：指定文檔中字符所用的編碼(默認簡體中文)。

5．跟蹤圖像：“跟蹤圖像”是DW非常有效的功能，它允許用戶在設計網頁時將平面設計稿作為輔助的背景。這樣，用戶就可以非常方便地定位文字、圖像、表格、層等網頁元素在該頁面中的位置了。在瀏覽器中顯示時不會出現“跟蹤圖像”。(1）跟蹤圖像：指定作為背景參考的圖像。(2）透明度：確定跟蹤圖像的不透明度(默認100%)。30插入文本一般來說，網頁中顯示最多的是文本。所以對文本的控制，以及布局在設計網頁中占了很大的比重，能否對各種文本控制手段運用自如，是決定網頁設計是否美觀、富有創意及提高工作效率的關鍵。最適合于網頁正文顯示的字體大小和行距為：⑴

字體大小10～14像素px左右⑵

行距15像素px左右31Dreamweaver插入文本直接輸入復制和粘貼文本導入word文檔:“文件”菜單-“導入”word文檔32注意內容1、輸入文本空格2、實現文本換行3、插入相關文本要素33輸入文本空格通過鍵盤上的空格鍵可以實現輸入文本空格，這是與很多文字處理軟件是一樣的，但是在DW中輸入空格的數量在字符輸入的半角狀態和全角狀態是不一樣的。輸入法切換半角狀態時，按空格鍵只能輸入一個空格，而無法連續輸入多個空格。如需輸入多個連續的空格，可通過一下幾種方法來實現。

34（1）將輸入法切換到中文全角狀態。（2）直接按Ctrl+shift+spacebar。

（3）”插入”菜單—“HTML”命令—“特殊字符”—不換行空格。輸入文本空格35實現文本換行當輸入多個文本時就需要換行，這可以通過按Enter鍵或shift+enter鍵來實現。按Enter鍵換行的行距較大。按shift+enter鍵來實現正常的換行。36插入相關文本要素插入特殊字符制作網頁時有時需要輸入一些鍵盤上沒有的字符，如注冊商標符號、歐元符號等等。方法是：“插入”菜單—HTML—特殊字符

37插入水平線使用水平線可以分割網頁的文檔內容和對象，使文檔結構清晰，層次分明，便于瀏覽。在網頁中合理地插入水平線可以取得很好的視覺效果。方法：“插入”—HTML—水平線設置水平線屬性。①在“文檔”窗口中，選擇水平線。②選擇菜單選項“窗口”→“屬性”打開“屬性”檢查器。38創建項目列表和編號列表在網頁中插入文本列表，可以使文本內容顯得更加工整、直觀。創建項目列表

1．創建項目列表的步驟如果段落與段落之間是并列關系，可以使用項目列表：（1）選中所要創建項目列表的文本。（2）執行下列操作之一。①選擇菜單選項“文本”→“列表”，在彈出的子菜單中選擇“項目列表”選項。②單擊“屬性”檢查器的“項目列表”按鈕，則在所選文本前會加上項目符號。創建項目列表時，也可以先創建項目符號，再輸入文本。（3）在上一段落末尾按<Enter>鍵，則在下一行自動產生項目符號，直接在項目符號后輸入文本即可。39創建項目列表和編號列表2．更改項目符號默認情況下，項目符號采用黑色實心圓點，用戶可以根據自己的喜好編輯項目符號。更改項目符號的操作方法如下。（1）選中要更改項目符號的文本。（2）打開“屬性”檢查器，單擊“列表項目”按鈕，彈出“列表屬性”對話框。（3）在“樣式”下拉列表中選擇樣式，單擊“確定”，可看到文本的項目符號已經變了。40創建項目列表和編號列表3．嵌套項目列表對于不同級別的內容，Dreamweaver8中還可以通過嵌套使用項目列表來區分級別。嵌套使用項目列表的具體方法如下。（1）選中要設置為低級別的已添加過項目列表的文本。（2）單擊“屬性”檢查器中的“縮進”按鈕，則該文本自動縮進，且原來的項目符號自動變為空心圓點，使用同樣的方法可以嵌套更多的項目列表。嵌套項目列表示例

41創建項目列表和編號列表創建編號列表當網頁中的文本之間具有先后關系，需要按序排列時，可以使用編號列表。創建編號列表、嵌套編號列表的方法和項目列表類似。設置“編號列表”符號

設置起始編號

42文本對象的操作移動、刪除、拷貝操作Dreamweaver8中的移動、刪除、拷貝操作和Word中相關操作類似。查找和替換操作Dreamweaver8中提供了強大的查找和替換功能，可以在當前文檔中方便地查找、替換所需改動的文字。選擇菜單選項“編輯”→“查找和替換”或按<Ctrl+F>組合鍵，將彈出“查找和替換”對話框。43文本對象的操作44設置文本對象的屬性設置字體設置文本字體大小有多種方法，如CSS樣式設置、“屬性”檢查器中字體設置。較簡單、常用的有“屬性”檢查器設置字體。在“文檔”窗口中輸入文字時，默認的字體是宋體，若要改變字體，可選中要改變字體的文本，打開“屬性”檢查器進行設置。45設置文本對象的屬性設置字體大小設置字體大小的方法如下。（1）選中要設置大小的文字。（2）單擊字體“屬性”檢查器中“大小”下拉列表框，選擇合適的字體大小，一般字體大小以“像素(px)”為單位，也可以根據個人習慣更改為其他單位。46設置文本對象的屬性設置字體顏色更改文本顏色；（1）選中要設置顏色的文字。（2）執行以下操作之一。①選擇菜單選項“文本”→“顏色”，在彈出的“顏色”對話框中選擇一種字體顏色，單擊“確定”按鈕即可。②單擊“屬性”檢查器中的按鈕，在調色板中選擇所需要的顏色，或直接在右邊的文本框中直接輸入顏色的十六進制數字。47設置文本對象的屬性“顏色”對話框

調色板

48設置文本對象的屬性設置字體樣式在Dreamweaver8中，不光可以設置字體、字號和字體顏色，還可以設置其他屬性，如設置文字為粗體、斜體等，這些都是通過“文本”菜單完成的。選擇菜單選項“文本”→“樣式”，將彈出樣式子菜單。49第三講1.控制滾動文字2.插入圖片3.超鏈接50515253插入圖像圖像文件格式有很多，如BMP、PSD、SVG等，但是網頁中通常使用的只有3種，即GIF、JPEG和PNG。（1）GIF（GraphicsInterchangeFormat，圖形交換格式）格式的特點是壓縮比高，磁盤空間占用較少，所以這種圖像格式迅速得到了廣泛的應用。GIF格式的文件缺點是不能存儲超過256色的圖像，但是它可以顯示動態圖像，目前Internet上大量采用的彩色動畫文件多為這種格式的文件。（2）JPEG（JointPhotographicExpertsGroup，聯合圖像專家組標準）也是常見的一種圖像格式，文件的擴展名為.jpg或.jpeg，采用有損壓縮方式，去除冗余的圖像和彩色數據，獲取極高的壓縮率的同時能展現十分豐富生動的圖像，可以用最少的磁盤空間得到較好的圖像質量。JPEG文件可以包含數百萬種顏色，JPEG格式的文件尺寸較小，下載速度快，使得網頁有可能以較短的下載時間提供大量美觀的圖像，成為網絡上最受歡迎的圖像格式之一。（3）PNG（PortableNetworkGraphics，可移植網絡圖形）是一種替代GIF格式的無專利權限制的格式，它汲取了GIF和JPG二者的優點，能把圖像文件壓縮到極限以利于網絡傳輸，但又能保留所有與圖像品質有關的信息，顯示速度很快；PNG的缺點是不支持動畫應用效果。54插入圖像插入前景圖像在網頁中插入圖像，執行以下操作。（1）在“文檔”窗口中，在要插入圖像的位置單擊鼠標左鍵，然后執行以下操作之一。①在“插入”工具欄中選擇“常用”類別，單擊“圖像”圖標，在彈出的子菜單中選擇“圖像”選項。②選擇菜單選項“插入”→“圖像”。③選擇菜單選項“窗口”→“資源”，打開“資源”檢查器，將圖像從“資源”檢查器拖到“文檔”窗口中的所需位置，然后跳到第（3）步。（2）在彈出的選擇圖像源文件對話框中選擇圖片來源。（3）在隨后彈出的圖像輔助功能屬性對話框中進行設置。55插入圖像“插入圖像”按鈕“插入圖像”按鈕下拉子菜單56插入圖像插入背景圖像插入背景圖像即將插入的圖像作為網頁背景使用，在所插入的背景圖片上仍然可以插入前景圖片或插入文本，背景圖像與背景顏色的用途是類似的。插入背景圖像和插入前景圖像的方法不同，若要插入背景圖像，操作方法如下。（1）執行以下操作之一。①在“文檔”窗口中單擊鼠標左鍵，打開“屬性”檢查器，單擊“頁面屬性”按鈕。②選擇菜單選項“修改”→“頁面屬性”。57插入圖像（2）彈出的“頁面屬性”對話框中，在“分類”中選擇“外觀”，單擊“背景圖像”后面的“瀏覽”按鈕，選擇所要設置為背景的圖片，設定圖片“重復”方式，單擊“確定”按鈕，插入背景圖像。58插入圖像插入圖像占位符圖像占位符是一個占據頁面位置和空間的空圖像塊，并不顯示真實圖像。

“圖像占位符”對話框插入“圖像占位符”59設置圖像的屬性插入圖像后，用戶可以根據自己的需要對圖像的屬性進行設置。圖像屬性是指圖像大小、名稱等關于圖像的信息。用鼠標單擊圖像后，圖像四周出現可編輯的縮放手柄，說明該圖像已被選中，同時“屬性”檢查器將顯示關于圖像的屬性設置。60設置圖像的屬性調整圖像大小：寬和高設置圖像對齊方式：水平對齊方式、垂直對齊方式設置圖像間距：垂直邊距、水平邊距設置圖像鏈接：整幅圖像作為鏈接（鏈接屬性）、圖像熱區鏈接（地圖屬性定義熱區）設置低解析度源：用于設置圖像加載前加載的替代圖像設置圖像邊框：61編輯圖像裁剪圖像62編輯圖像設置圖像的亮度和對比度63編輯圖像銳化圖像銳化將增加對象邊緣的像素的對比度，從而增加圖像清晰度或銳度。選擇要銳化的圖像，執行下列操作之一。①單擊圖像“屬性”檢查器中的“銳化”按鈕。②選擇菜單選項“修改”→“圖像”→“銳化”。（2）彈出的“銳化”對話框，拖動滑塊調整銳化參數或直接在文本框中輸入相應的數值，單擊“確定”按鈕保存設置。64使用圖像制作特效為圖像添加替換文本在瀏覽網頁的過程中，由于網速較慢或者圖像文件較大，有些圖像文件不能很快顯示出來，訪問者可以通過替換文本了解圖片的信息。65使用圖像制作特效創建鼠標經過圖像鼠標經過圖像是指當鼠標指針移過時會發生變化的圖像。即當鼠標指針經過圖像時，它會變成另一幅圖像，當鼠標指針離開后，它又變回原來的圖像，即網頁首次裝載時顯示的圖像。可以在頁面中插入鼠標經過圖像。鼠標經過圖像中的這兩個圖像應大小相等；如果這兩個圖像大小不同，Dreamweaver8將自動調整第二個圖像的大小，使之與原始圖像大小相等。開始前，請選用一對或多對圖像用于鼠標經過圖像。您將使用兩個圖像文件創建鼠標經過圖像：主圖像（當首次載入頁時顯示的圖像）和次圖像（當鼠標指針移過主圖像時顯示的圖像）。鼠標經過圖像自動設置為響應onMouseOver事件。66使用圖像制作特效創建鼠標經過圖像，操作步驟如下。（1）在“文檔”窗口中，將插入點放置在要顯示鼠標經過圖像的位置。（2）使用以下方法之一插入鼠標經過圖像。①在“插入”工具欄中，選擇“常用”，然后單擊“圖像”按鈕，在彈出的子菜單中選擇“鼠標經過圖像”選項。②選擇菜單選項“插入”→“圖像對象”→“鼠標經過圖像”。（3）在彈出的“插入鼠標經過圖像”對話框中設置原始圖像和鼠標經過圖像，單擊“確定”按鈕完成設置。67

使用圖像制作特效插入“鼠標經過圖像”“插入鼠標經過圖像”對話框68使用圖像制作特效制作導航圖像導航圖像的功能是使網頁訪問者能夠方便、快捷地在各個頁面之間跳轉。選擇菜單選項“插入”→“圖像對象”→“導航對象”或在“插入”欄中，選擇“常用”，然后單擊“圖像”按鈕，在彈出的子菜單中選擇“導航條”。在彈出的“插入導航條”對話框中，有選擇地設置圖像的各個狀態的圖像。69

使用圖像制作特效“插入導航條”對話框70在網頁中使用圖像在代碼視圖中插入圖片<img>標簽scr:圖像的源文件alt：提示文字width/height:寬度/高度border：邊框vspace：垂直間距hspace：水平間距align：排列71插入Flash對象插入Flash文件“插入”欄插入Flash對象菜單選項插入Flash對象72插入Flash對象Flash對象“屬性”檢查器73插入Flash對象插入Flash按鈕“范例”：顯示當前所選中的“樣式”列表框中的選項所對應樣式的效果圖。“樣式”：設置按鈕所對應的樣式。“按鈕文本”：設置在按鈕上顯示的文本。“字體”：按鈕上顯示文本的字體。“大小”：按鈕上文本的字體大小。“鏈接”：所插入的按鈕所指向的鏈接。目標”：按鈕所指向鏈接的打開方式，有“_blank”、“_parent”、“_self”和“_top”4個選項。（8）“背景色”：Flash按鈕的背景色。（9）“另存為”：保存該Flash按鈕，保存為.swf文件。74插入Flash對象插入Flash文本“插入Flash文本”對話框75插入Flash對象插入Flash視頻“插入Flash視頻”對話框兩種形式：76設置文本對象的屬性設置超級鏈接1．絕對路徑與相對路徑每個網頁都有一個唯一的地址，稱作統一資源定位器(URL，UniformResourcesLocator)，URL是訪問網站的一種絕對路徑。絕對路徑：提供所鏈接文檔的完整URL。相對路徑：省去對當前文檔和所鏈接的文檔都相同的絕對URL部分，而只提供不同的路徑部分。2．超文本鏈接（1）鏈接外部站點。鏈接外部站點一般采用絕對路徑。（2）鏈接站點內部文件。一般為相對路徑。“屬性”檢查器

77為文本添加鏈接方法一：1.選中需要添加鏈接的文字。2.在屬性檢查器中找到“鏈接”項。3.輸入鏈接地址。方法二：1.選中需要添加鏈接的文字2.選擇“插入”菜單的“超級鏈接”或者選擇“常用工具欄”的按鈕。在彈出的對話框設置。78為文本添加鏈接79制作電子郵件鏈接1.將光標放在要添加電子郵件的位置上，確定電子郵件的鏈接的位置。2.“常用工具欄”中的按鈕。彈出相關對話框80電子郵件的鏈接代碼mailto:jsjfyy@126.com?subject=問題答復&cc=jsjfy@126.com&bcc=fuyuan@163.com若想為郵件添加主題和抄送可在“屬性”檢查器的鏈接本文框輸入如下代碼：81下載鏈接1.選中需要添加下載鏈接的圖片或者文本。2.在屬性檢查器的鏈接項處單擊“指向文件”按鈕，并在單擊的同時進行拖動82錨鏈接錨鏈接是指同一個頁面當中不同位置的鏈接。錨鏈接的主要作用是當作鏈接的目標，使鏈接可以指向頁面的任意位置。1.添加錨點命名（如：top）2.添加鏈接在“屬性”檢查器的鏈接本文框輸入：#top83創建腳本鏈接（關閉窗口）1.選中文字2.在“屬性”檢查器中的鏈接文本框中輸入腳本:javascript:window.close()84創建空鏈接1.選中文字2.在“屬性”檢查器中的鏈接文本框中輸入#85使用熱區熱區的設置位于屬性檢查器的左下，dreamweaver把它稱為“地圖”，在其他的一些軟件中被稱為熱區或熱點。

熱區實際上就是為圖片繪制一個特殊區域，并對這個區域進行鏈接的添加。86設置段落格式段落是排版文本最常用的格式之一，選中所要設置格式的段落，在“屬性”檢查器中的“格式”下拉列表框中選擇段落格式或選擇菜單選項“文本”→“段落格式”，選擇相應的段落格式，例如，“標題1”、“標題2”、“預先格式化的”或“無”等。段落格式主要有：標題格式、文本對齊、文本縮進。標題格式有：“標題1”、“標題2”、“標題3”、“標題4”、“標題5”和“標題6”。文本對齊有：“左對齊”、“右對齊”、“居中對齊”或“兩端對齊”。文本縮進：“文本縮進”和“文本凸出”。87第四講使用表格布局頁面88制作電子相冊命令——創建網站相冊89插入表格選擇菜單“插入”→“表格”命令，或在“插入”工具欄中單擊“表格”按鈕。在彈出的“表格”對話框中，在“表格大小”區域設置“行數”、“列數”、“表格寬度””、“單元格邊距”和“單元格間距”。單擊“確定”。文檔中則出現一個表格。在表格外的空白處單擊，取消選中該表格。90設置表格各項屬性設置表格屬性將光標移動到表格線條上的任意位置，當指針變成雙向箭頭的時候單擊鼠標左鍵，即可選中該表格。選中表格，在菜單欄選擇“窗口”→“屬性”或按下<Ctrl+F3>組合鍵，打開“屬性”檢查器。設置表格“屬性”檢查器中各項參數：表格Id、“行”和“列”、“寬”和“高”、“填充距”、“單元格間距”、“邊框粗細”、“邊框顏色”、“表格背景顏色”等。91設置表格各項屬性設置單元格屬性和設置整體表格屬性操作類似，單元格的屬性設置也是在“屬性”檢查器里完成的。在所要設置屬性的單元格內任意位置單擊，即選中該單元格，“屬性”檢查器中顯示該單元格的屬性。設置單元格“屬性”檢查器中各項參數。92選擇表格選擇整個表格執行以下操作之一可選擇整個表格：移動鼠標至表格的左上角、左下角、右上角或右下角，當鼠標指針變成時，單擊鼠標左鍵即可選中整個表格。移動鼠標至表格線條上的任意位置，當鼠標指針變成時，單擊鼠標左鍵即可選中整個表格。在表格中任意一個單元格內單擊，然后在“文檔”窗口左下角的“標簽選擇器”中選擇<table>標簽即可。在表格中任意一個單元格內單擊，然后選擇菜單項“修改”→“表格”→“選擇表格”。在表格任意一個單元格內單擊，單擊鼠標右鍵，在彈出的菜單中選擇“表格”→“選擇表格”選項，則所選表格的下邊緣和右邊緣出現選擇柄。93選擇表格選擇行或列移動鼠標使其指向行的左邊緣或列的上邊緣。當鼠標指針變為選擇箭頭時，單擊以選擇單個行或列，或進行拖動以選擇多個行或列。選擇單元格（1）若要選擇單個單元格，請執行以下操作之一。單擊單元格內的任意位置，然后在“文檔”窗口左下角的標簽選擇器中選擇<td>標簽即可選中該單元格。按住<Ctrl>鍵，然后單擊單元格內任意位置即可選中該單元格。單擊單元格，然后點擊菜單選項“編輯”→“全選”。94選擇表格（2）若要選擇一行或矩形的單元格塊，請執行以下操作之一。在起始的單元格內單擊鼠標左鍵，拖拽鼠標至最后一個單元格。在一個單元格內單擊鼠標左鍵，在同一個單元格中按住<Ctrl>鍵的同時單擊以選中它，然后按住<Shift>鍵單擊另一個單元格。這兩個單元格定義的直線或矩形區域范圍內的所有單元格都將被選中。（3）若要選擇不相鄰的單元格，請執行以下操作。在按住<Ctrl>鍵的同時單擊要選擇的單元格、行或列，若要選擇多個單元格，只要按住<Ctrl>鍵不放就行了。如果按住<Ctrl>鍵單擊尚未選中的單元格、行或列，則會將其選中。如果它已經被選中，則再次單擊會將其從選擇中刪除。95編輯表格和單元格添加行或列（1）添加單個行或列。選中要插入行或列的單元格，執行下列操作之一。點擊菜單選項“修改”→“表格”→“插入行”或“修改”→“表格”→“插入列”，則在插入點的上面出現一行或在插入點的左側出現一列。單擊鼠標右鍵，在彈出的快捷菜單中執行菜單“表格”→“插入行”（或“插入列”）命令。點擊菜單選項“插入”→“表格對象”，然后選擇“在上（下）面插入行”或“在左（右）邊插入列”，在插入點的上（下）面出現一行或左（右）側出現一列。（2）添加多行或多列。在所要添加行或列的單元格內單擊鼠標右鍵。選擇“修改”→“表格”→“插入行或列”，即出現“插入行或列”對話框。選擇“行”或“列”，并設置“行數”或“列數”以及“位置”。單擊“確定”即可插入多行或多列。相應數目的行或列出現在表格中96編輯表格和單元格刪除行或列有時候我