K清風dreamweaver8.0入門圖文教程

1、dreamweaver8.0入門圖文教程dreamweaver8.0入門圖文教程：Dreamweaver8操作環(huán)境第一天的內容可能讓你覺得枯燥乏味，不過，“工欲善其事，必先利其器，讓我們一起來了解Dreamweaver8的操作環(huán)境，完成站點的創(chuàng)立。一、Dreamweaver8的操作環(huán)境在首次啟動Dreamweaver8時會出現(xiàn)一個“工作區(qū)設置對話框，在對話框左側是Dreamweaver8的設計視圖，右側是Dreamweave8的代碼視圖。Dreamweaver8設計視圖布局提供了一個將全部元素置于一個窗口中的集成布局。我們選擇面向設計者的設計視圖布局。在Dreamweave8中首先將顯示一個起

2、始頁，可以勾選這個窗口下面的“不在顯示此對話框來隱藏它。在這個頁面中包括“翻開最近工程、“創(chuàng)立新工程“從范例創(chuàng)立3個方便實用的工程，建議大家保存。新建或翻開一個文檔，進入Dreamweaver8的標準工作界面。Dreamweaver8的標準工作界面包括：標題顯示、菜單欄、插入面板組、文檔工具欄、標準工具欄、文檔窗口、狀態(tài)欄、屬性面板和浮動面板組。1、標題顯示欄啟動MacromediaDreamweave8后，標題欄將顯示文字MacromediaDreamweave8.0，新建或翻開一個文檔后，在后面還會顯示該文檔所在的位置和文件名稱。2、菜單欄Dreamweave8的菜單共有10個，即文件、編

3、輯、視圖、插入、修改、文本、命令、站點、窗口和幫助。其中，編輯菜單里提供了對Dreamweaver菜單中首選參數(shù)的訪問。文件：用來管理文件。例如新建，翻開，保存，另存為，導入，輸出打印等。編輯：用來編輯文本。例如剪切，復制，粘貼，查找，替換和參數(shù)設置等。查看：用來切換視圖模式以及顯示、隱藏標尺、網(wǎng)格線等輔助視圖功能。插入：用來插入各種元素，例如圖片、多媒體組件，表格、框架及超級鏈接等。修改：具有對頁面元素修改的功能，例如在表格中插入表格，拆分、合并單元格，對其對象等。文本：用來對文本操作，例如設置文本格式等。命令：所有的附加命令項站點：用來創(chuàng)立和管理站點窗口：用來顯示和隱藏控制面板以及切換文檔

4、窗口幫助：聯(lián)機幫助功能。例如按下F1鍵，就會翻開電子幫助文本3、插入面板組插入面板集成了所有可以在網(wǎng)頁應用的對象包括“插入菜單中的選項。插入面板組其實就是圖像化了的插入指令，通過一個個的按鈕，可以很容易的參加圖像、聲音、多媒體動畫、表格。圖層、框架、表單、Flash和ActiveX等網(wǎng)頁元素。4、文檔工具欄“文檔工具欄包含各種按鈕，它們提供各種“文檔窗口視圖如“設計視圖和“代碼視圖的選項、各種查看選項和一些常用操作如在瀏覽器中預覽。5、標準工具欄“標準工具欄包含來自“文件和“編輯菜單中的一般操作的按鈕：“新建、“翻開、“保存、“保存全部、“剪切、“復制、“粘貼、“撤消和“重做。6、文檔窗口當我

5、們翻開或創(chuàng)立一個工程，進入文檔窗口，我們可以在文檔區(qū)域中進行輸入文字、插入表格和編輯圖片等操作。“文檔窗口顯示當前文檔?？梢赃x擇以下任一視圖：“設計視圖是一個用于可視化頁面布局、可視化編輯和快速應用程序開發(fā)的設計環(huán)境。在該視圖中，Dreamweaver顯示文檔的完全可編輯的可視化表示形式，類似于在瀏覽器中查看頁面時看到的內容?！按a視圖是一個用于編寫和編輯HTML、JavaScript、效勞器語言代碼以及任何其他類型代碼的手工編碼環(huán)境?！按a和設計視圖使您可以在單個窗口中同時看到同一文檔的“代碼視圖和“設計視圖。7、狀態(tài)欄“文檔窗口底部的狀態(tài)欄提供與你正創(chuàng)立的文檔有關的其它信息。標簽選擇器顯示

6、環(huán)繞當前選定內容的標簽的層次結構。單擊該層次結構中的任何標簽以選擇該標簽及其全部內容。單擊可以選擇文檔的整個正文。8、屬性面板屬性面板并不是將所有的屬性加載在面板上，而是根據(jù)我們選擇的對象來動態(tài)顯示對象的屬性屬性面板的狀態(tài)完全是隨當前在文檔中選擇的對象來確定的。例如，當前選擇了一幅圖像，那么屬性面板上就出現(xiàn)該圖像的相關屬性；如果選擇了表格，那么屬性面板會相應的變化成表格的相關屬性。9、浮動面板其它面板可以同稱為浮動面板，這些面板都浮動于編輯窗口之外。在初次使用Dreamweave8的時候，這些面板根據(jù)功能被分成了假設干組。在窗口菜單中，選擇不同的命令可以翻開根本面板組、設計面板組、代碼面板組、

7、應用程序面板組、資源面板組和其它面板組。終于把Dreamweave8的根本工作界面介紹完了，你是否已經(jīng)了解它？從現(xiàn)在開始，讓我們一起來建造一座小房子。dreamweaver8.0入門圖文教程：Dreamweaver8本地站點的搭建與管理要制作一個能夠被大家瀏覽的網(wǎng)站，首先需要在本地磁盤上制作這個網(wǎng)站，然后把這個網(wǎng)站傳到互聯(lián)網(wǎng)的web效勞器上。放置在本地磁盤上的網(wǎng)站被稱為本地站點，位于互聯(lián)網(wǎng)web效勞器里的網(wǎng)站被稱為遠程站點。Dreamweaver8提供了對本地站點和遠程站點強大的管理功能。1、規(guī)劃站點結構網(wǎng)站是多個網(wǎng)頁的集合，其包括一個首頁和假設干個分頁，這種集合不是簡單的集合。為了到達最正確

8、效果，在創(chuàng)立任何Web站點頁面之前，要對站點的結構進行設計和規(guī)劃。決定要創(chuàng)立多少頁，每頁上顯示什么內容，頁面布局的外觀以及各頁是如何互相連接起來的。我們可以通過把文件分門別類的放置在各自的文件夾里，使網(wǎng)站的結構清晰明了，便于管理和查找。2、創(chuàng)立站點在Dreamweave8中可以有效的建立并管理多個站點。搭建站點可以有兩種方法，一是利用向導完成，二是利用高級設定來完成。在搭建站點前，我們先在自己的電腦硬盤上建一個以英文或數(shù)字命名的空文件夾。1選擇菜單欄站點管理站點，出現(xiàn)“管理站點對話框。點擊“新建按鈕，選擇彈出菜單中的“站點項。在翻開的窗口上方有“根本和“高級兩個標簽，可以在站點向導和高級設置之

9、間切換。下面選擇“根本標簽。在文本框中，輸入一個站點名字以在Dreamweaver8.0中標識該站點。這個名字可以是任何你需要的名字。單擊“下一步。出現(xiàn)向導的下一個界面，詢問是否要使用效勞器技術。我們現(xiàn)在建立的是一個靜態(tài)頁面，所以選擇“否。點下一步，在文檔框設置本地站點文件夾的地址。點下一步，進入站點定義，我們將在站點建設完成后在與FTP鏈接，這里選擇“無。單擊“完成按鈕，結束“站點定義“對話框的設置。單擊“完成按鈕，文件面板顯示出剛剛建立的站點。到此，我們完成了站點的創(chuàng)立。3、搭建站點結構站點是文件與文件夾的集合，下面我們根據(jù)前面對xmweb網(wǎng)站的設計，來新建xmweb站點要設置的文件夾和文

10、件。新建文件夾，在文件面板的站點跟目錄下單擊鼠標右鍵，從彈出菜單中選擇“新建文件夾項，然后給文件夾命名。這里我們創(chuàng)立新建8個文件夾，分別命名為：img、med、swf、txt、css、js、moan和fy。創(chuàng)立頁面，在文件面板的站點跟目錄下單擊鼠標右鍵，從彈出菜單中選擇“新建文件項，然后給文件命名。首先要添加首頁，我們把首頁命名為index.html，再分別新建01.html、02.html、03.html、04.html和05.html。4、文件與文件夾的管理對建立的文件和文件夾，可以進行移動、復制、重命名和刪除等根本的管理操作。單擊鼠標左鍵選中需要管理的文件或文件夾，然后單擊鼠標右鍵，再彈

11、出菜單中選“編輯項，即可進行相關操作。dreamweaver8.0入門圖文教程：Dreamweaver8頁面的總體設置新浪ViVi百度搜藏作者:未知|點擊數(shù):661|時間:2008-12-4【大中小】我們已經(jīng)描繪了小屋的藍圖，從現(xiàn)在開始，為我們的小屋添磚加瓦吧。翻開01.html，制作一個圖文混排的簡單頁面。一、頁面的總體設置1、設置頁面的頭內容頭內容在瀏覽器中是不可見的，但是卻攜帶著網(wǎng)頁的重要信息，如關鍵字、描述文字等，還可以實現(xiàn)一些非常重要的功能，如自動刷新功能。鼠標左鍵單擊插入工具欄最左邊按鈕旁的下拉小三角，在彈出菜單中選擇“HTML項，出現(xiàn)“文件頭按鈕，點開下拉菜單，就可以進行頭內容的

12、設置了。設置標題，網(wǎng)頁標題可以是中文、英文或符號，顯示在瀏覽器的標題欄中。我們直接在設計窗口上方的標題欄內輸入或更改，就可以完成網(wǎng)頁標題的編輯了。插入關鍵字，關鍵字用來協(xié)助網(wǎng)絡上的搜索引擎尋找網(wǎng)頁。要想讓更多的人看見你的網(wǎng)站，這項要好好填哦_單擊上圖所示的“關鍵字項，彈出“關鍵字對話框，填入關鍵字即可。插入META，META標記用于記錄當前網(wǎng)頁的相關信息，如編碼，作者，版權等，也可以用來給效勞器提供信息。單擊上圖所示的“META項，彈出“META對話框，在“屬性欄選擇“名稱屬性，在“值文本框中輸入相應的值，可以定義相應的信息。author作者信息，copyright版權聲明，generator

13、網(wǎng)頁編輯器。2、設置頁面屬性單擊“屬性欄中的“頁面屬性按鈕，翻開的“頁面屬性對話框。設置外觀，“外觀是設置頁面的一些根本屬性。我們可以定義頁面中的默認文本字體、文本字號、文本顏色、背景顏色和背景圖像等。我們設置頁面的所有邊距為0。設置鏈接，“鏈接選項內是一些與頁面的鏈接效果有關的設置?！版溄宇伾x超鏈接文本默認狀態(tài)下的字體顏色，“變換圖像鏈接定義鼠標放在鏈接上時文本的顏色，“已訪問鏈接定義訪問過的鏈接的顏色，“活動鏈接定義活動鏈接的顏色?！跋聞澗€樣式可以定義鏈接的下劃線樣式。設置標題，“標題用來設置標題字體的一些屬性。如以下圖所示，在左側“分類列表中選擇“標題，這里的標題指的并不是頁面的標題

14、內容，而是可以應用在具體文章中各級不同標題上的一種標題字體樣式。我們可以定義“標題字體及6種預定義的標題字體樣式，包括粗體、斜體、大小和顏色。按自己的喜歡的風格設置吧。dreamweaver8.0入門圖文教程：Dreamweaver8文本的插入與編輯新浪ViVi百度搜藏作者:未知|點擊數(shù):550|時間:2008-12-4【大中小】素材復制/粘貼進來。2、編輯文本格式網(wǎng)頁的文本分為段落和標題兩種格式。在文檔編輯窗口中選中一段文本，在屬性面板“格式后的下拉列表框中選擇“段落把選中的文本設置成段落格式?！皹祟}1”到“標題6”分別表示各級標題，應用于網(wǎng)頁的標題局部。對應的字體由大到小，同時文字全部加粗

15、。另外，在屬性面板中可以定義文字的字號、顏色、加粗、加斜、水平對齊等內容。3、設置字體組合Dreamweaver8預設讀的可供選擇的字體組合只有6項英文字體組合，要想使用中文字體，必須重新編輯新的字體組合，在“字體后的下拉列表框中選擇“編輯字體列表，彈出“編輯字體列表對話框：4、文字的其它設置文本換行，按Enter鍵換行的行距較大在代碼區(qū)生成標簽，按EnterShift鍵換行的行間距較小在代碼區(qū)生成標簽。文本空格，我們選擇編輯/首選參數(shù)，在彈出得對話框中左側的分類列表中選擇“常規(guī)項，然后在右邊選“允許多個連續(xù)的空格項，我們就可以直接按“空格鍵給文本添加空格了。特殊字符，要向網(wǎng)頁中插入特殊字符，

16、需要在快捷工具欄選擇“文本，切換到字符插入欄，單擊文本插入欄的最后一個按鈕，可以向網(wǎng)頁中插入相應的特殊符號。插入列表，列表分為兩種，有序列表和無序列表，無序列表沒有順序，每一項前邊都以同樣的符號顯示，有序列表前邊的每一項有序號引導。在文檔編輯窗口中選中需要設置的文本，在屬性面板中單擊，那么選中的文本被設置成無序列表，單擊那么被設置成有序列表。插入水平線，水平線起到分隔文本的排版作用，選擇快捷工具欄的“HTML項，單擊HTML欄的第一個按鈕，即可向網(wǎng)頁中插入水平線。選中插入的這條水平線，可以在屬性面板對它的屬性進行設置。插入時間，在文檔編輯窗口中，將鼠標光標移動到要插入日期的位置，單擊常用插入欄

17、的“日期按鈕，在彈出的“插入日期對話框中選擇相應的格式即可。dreamweaver8.0入門圖文教程：Dreamweaver8插入圖像新浪ViVi百度搜藏作者:未知|點擊數(shù):524|時間:2008-12-4【大中小】目前互聯(lián)網(wǎng)上支持的圖像格式主要有GIF、JPEG和PNG。其中使用最為廣泛的是GIF和JPEG。1、插入圖像在制作網(wǎng)頁時，先設想好網(wǎng)頁布局，在圖像處理軟件中將需要插入的圖片進行處理，然后存放在站點根目錄下的文件夾里。插圖圖像時，將光標放置在文檔窗口需要插入圖像的位置，然后鼠標單擊常用插入欄的“圖像按鈕。彈出的“選擇圖像源文件對話框，選擇img/001.jpg，單擊“確定按鈕就把圖像

18、001.jpg插入到了網(wǎng)頁中。注意：如果我們在插入圖片的時候，沒有將圖片保存在站點根目錄下，會彈出以下圖所示的對話框，提醒我們要把圖片保存在站點內部，這時單擊“是按鈕，然后選擇本地站點的路徑將圖片保存，圖像也可以被插入到網(wǎng)頁中。2、設置圖像屬性選中圖像后，在屬性面板中顯示出了圖像的屬性，如下如所示。在屬性面板的左上角，顯示當前圖像的縮略圖，同時顯示圖像的大小。在縮略圖右側有一個文本框，在其中可以輸入圖像標記的名稱。圖像的大小是可以改變的，但是在DW里更改是極不好的習慣，如果我們的電腦安裝了FW軟件，單擊屬性面板的“編輯旁邊的，即可啟動FW對圖像進行縮放等處理。當圖像的大小改變時，屬性欄中“寬和

19、“高的數(shù)值會以粗體顯示，并在旁邊出現(xiàn)一個弧形箭頭，單擊它可以恢復圖像的原始大小。“水平邊距和“垂直邊距文本框用來設置圖像左右和上下與其它頁面元素的距離?！斑吙蛭谋究驎r用來設置圖像邊框的寬度，默認的邊框寬度為0。“替代文本框用來設置圖像的替代文本，可以輸入一段文字，當圖像無法顯示時，將顯示這段文字。單擊屬性面板中的對齊按鈕，可以分別將圖像設置成瀏覽器居左對齊、居中對齊、居右對齊。在屬性面板中，“對齊下拉列表框時設置圖像與文本的相互對齊方式，共有10個選項。通過它我們可以將文字對齊到圖像的上端、下端、左邊和右邊等，從而可以靈活的實現(xiàn)文字與圖片的混排效果。3、插入其它圖像元素在我們單擊常用插入欄的“

20、圖像按鈕時，可以看到，除了第1項“圖像外，還有“圖像占位符、“鼠標經(jīng)過圖像、“導航條等工程。插入圖像占位符，在我們布局頁面時，如果要在網(wǎng)頁中插入一張圖片，可以先不制作圖片，而是使用占位符來代替圖片位置。單擊下拉列表中的“圖像占位符，翻開“圖像占位符對話框。按設計需要設置圖片的寬度和高度，輸入呆插入圖像的名稱，即可。鼠標經(jīng)過圖像，鼠標經(jīng)過圖像實際上由兩個圖像組成，主圖像當首次載入頁時顯示的圖像和次圖像當鼠標指針移過主圖像時顯示的圖像。這兩張圖片要大小相等，如果不相等，DW自動調整次圖片的大小跟主圖像大小一致。圖片與文本一樣，是網(wǎng)頁中最常用到的內容，其變化相對較少，要想排出精致美觀的網(wǎng)頁，下一節(jié)課

21、的內容可是必不可少的哦，繼續(xù)努力吧_dreamweaver8.0入門圖文教程：Dreamweaver8插入并編輯表格新浪ViVi百度搜藏作者:未知|點擊數(shù):581|時間:2008-12-4【大中小】表格是網(wǎng)頁設計制作不可缺少的元素，它以簡潔明了和高效快捷的方式將圖片、文本、數(shù)據(jù)和表單的元素有序的顯示在頁面上，讓我們可以設計出漂亮的頁面，使用表格排版的頁面在不同平臺、不同分辨率的瀏覽器里都能保持其原有的布局，而在不同的瀏覽器平臺有較好的兼容性，所以表格是網(wǎng)頁中最常用的排版方式之一。一、插入并編輯表格1、插入表格在文檔窗口中，將光標放在需要創(chuàng)立表格的位置，單擊“常用快捷欄中的表格按鈕彈出的“表格對

22、話框，指定表格的屬性后，在文檔窗口中插入設置的表格?！靶袛?shù)文本框用來設置表格的行數(shù)?！傲袛?shù)文本框用來設置表格的列數(shù)?！氨砀駥挾任谋究蛴脕碓O置表格的寬度，可以填入數(shù)值，緊隨其后的下拉列表框用來設置寬度的單位，有兩個選項百分比和像素。當寬度的單位選擇百分比時，表格的寬度會隨瀏覽器窗口的大小而改變?！皢卧襁吘辔谋究蛴脕碓O置單元格的內部空白的大小。“單元格間距文本框用來設置單元格與單元格之間的距離?！斑吙虼旨氂脕碓O置表格的邊框的寬度?！绊撁级x頁眉樣式，可以在四種樣式中選擇一種?！皹祟}定義表格的標題?！皩ζ錁祟}定義表格標題的對齊方式。“摘要可以在這里對表格進行注釋。2、選擇單元格對象對于表格、行、列

23、、單元格屬性的設置是以選擇這些對象為前提的。選擇整個表格的方法是把鼠標放在表格邊框的任意處，當出現(xiàn)這樣的標志時單擊即可選中整個表格，或在表格內任意處單擊，然后在狀態(tài)欄選中標簽即可；或在單元格任意處單擊，點鼠標右鍵在彈出菜單菜單中選擇“表格選擇表格要選中某一單元格，按住Ctrl鍵，鼠標在需要選中的單元格單擊即可；或者，選中狀態(tài)欄中的標簽。要選中連續(xù)的單元格，按住鼠標左鍵從一個單元格的左上方開始向要連續(xù)選擇單元格的方向拖動。要選中不連續(xù)的幾個單元格，可以按住Ctrl鍵，單擊要選擇的所有單元格即可。要選擇某一行或某一列，將光標移動到行左側或列上方，鼠標指針變?yōu)橄蛴一蛳蛳碌募^圖標時，單擊即可。3、設

24、置表格屬性選中一個表格后，可以通過屬性面板更改表格屬性?！疤畛湮谋究蛴脕碓O置單元格邊距，“間距文本框用來設置單元格間距。“對齊下拉列表框用來設置表格的對齊方式，默認的對齊方式一般為左對齊。“邊框文本框用來設置表格邊框的寬度?！氨尘邦伾谋究蛴脕碓O置表格的背景顏色?！斑吙蝾伾脕碓O置表格邊框的顏色。在“背景圖像文本框填入表格背景圖像的路徑，可以給表格添加背景圖像。也可以如以下圖所示給文本框加上鏈接路徑。還可以單擊文本框后的“瀏覽按鈕，查找圖像文件。在“選擇圖像源對話框中定位并選擇要設置為背景的圖片，單擊“確認按鈕即可。4、單元格屬性把光標移動到某個單元格內，可以利用單元格屬性面板對這個單元格的屬

25、性進行設置?！八轿谋究蛴脕碓O置單元格內元素的水平排版方式，是居左、居右或是居中?！按怪蔽谋究蛴脕碓O置單元格內的垂直排版方式，是頂端對齊、底端對齊或是居中對齊?！案?、“寬文本框用來設置單元格的寬度和高度。“不換行復選框可以防止單元格中較長的文本自動換行。“標題復選框使選擇的單元格成為標題單元格，單元格內的文字自動以標題格式顯示出來?！氨尘拔谋究蛴脕碓O置表格的背景圖像?！氨尘邦伾谋究蛴脕碓O置表格的背景顏色?！斑吙蛭谋究蛴脕砩O置表格邊框的顏色。5、表格的行和列選中要插入行或列的單元格，單擊鼠標右鍵，在彈出菜單中選擇“插入行或“插入列或“插入行或列命令。如果選擇了“插入行命令，在選擇行的上方就插

26、入了一個空白行，如果選擇了“插入列命令，就在選擇列的左側插入了一列空白列。如果選擇了“插入行或列命令，會彈出“插入行或列對話框，可以設置插入行還是列、插入的數(shù)量，以及使在當前選擇的單元格的上方或下方、左側或是右側插入行或列。要刪除行或列，選擇要刪除的行或列，單擊鼠標右鍵，在彈出菜單中選擇“刪除行或“刪除列命令即可。6、拆分與合并單元格拆分單元格時，將光標放在待拆分的單元格內，單擊屬性面板上的“拆分按鈕，在彈出對話框中，按需要設置即可。合并單元格時，選中要合并的單元格，單擊屬性面板中的“合并按鈕即可。dreamweaver8.0入門圖文教程:Dreamweaver8嵌套表格新浪ViVi百度搜藏作

27、者:未知|點擊數(shù):467|時間:2008-12-4【大中小】表格之中還有表格即嵌套表格。網(wǎng)頁的排版有時會很復雜，在外部需要一個表格來控制總體布局，如果內部排版的細節(jié)也通過總表格來實現(xiàn)，容易引起行高列寬等的沖突，給表格的制作帶來困難。其次，瀏覽器在解析網(wǎng)頁的時候，是將整個網(wǎng)頁的結構下載完畢之后才顯示表格，如果不使用嵌套，表格非常復雜，瀏覽者要等待很長時間才能看到網(wǎng)頁內容。引入嵌套表格，由總表格負責整體排版，由嵌套的表格負責各個子欄目的排版，并插入到總表格的相應位置中，各司其職，互不沖突。另外，通過嵌套表格，利用表格的背景圖像、邊框、單元格間距和單元格邊距等屬性可以得到漂亮的邊框效果，制作出精美的

28、音畫貼圖網(wǎng)頁。創(chuàng)立嵌套表格的操作方法，先插入總表格，然后將光標置于要插入嵌套表格的地方，繼續(xù)插入表格即可。1、將光標放置在文檔窗口要插入表格的位置，單擊常用插入欄“表格按鈕，插入一個1行1列的表格一，寬度500像素，高度100，邊框為0，單元格間距為0，單元格邊距為12像素。背景圖像選擇beij/003.gif。2、將光標放置在表格一內，插入表格二，1行1列，寬度100，高度100，邊框為0，單元格間距為0，單元格邊距為12像素。背景圖像選擇beij/002.gif。3、將光標放置在表格二內，插入表格二，1行1列，寬度100，高度100，單元格間距和單元格邊距都為8像素，邊框為10，邊框顏色為

29、#FEE4ED。背景圖像選擇beij/005.gif。4、將光標放置在表格三內，選擇單元格的背景圖像為beij/006.gif。添加文字“恭賀新禧，字號68px，字體為隸書，顏色為#A51008。三、表格的格式化做好的表格可以使用DW提供的預設外觀，可以提高制作效率，保持表格外觀的同一性，同時樣式提供的色彩搭配也比擬美觀。插入一個5行6列的表格，表格的寬為500像素，高為300像素，邊框、單元格間距和邊距全為0。選擇表格，居中對齊表格后，執(zhí)行命令/格式化表格，彈出“格式化表格對話框，我們選擇AltRowsred格式，單擊“確定表格的樣式就設定好了。m這里，還可以自己設定相應的參數(shù)值。dream

30、weaver8.0入門圖文教程:插入Flash動畫新浪ViVi百度搜藏作者:未知|點擊數(shù):500|時間:2008-12-4【大中小】通過前面三課的學習，相信你已經(jīng)能制作出一個簡單的網(wǎng)頁了，很有成就感吧_不過，一個優(yōu)秀的網(wǎng)站應該不僅僅是由文字和圖片組成的，而是動態(tài)的、多媒體。為了增強網(wǎng)頁的表現(xiàn)力，豐富文檔的顯示效果，我們可以向其Flash動畫、Java小程序、音頻播放插件等多媒體內容。一、插入Flash動畫1、插入Flash為了合理的安排這一課的頁面元素，在插入Flash動畫之前，讓我們先來復習一下表格布局吧_翻開03.html，設置頁面屬性，在彈出的“頁面屬性對話框中，“外觀項設置字體為“宋體

31、，字號為16px，文本顏色為#F282A8，背景圖像為img/008.JPG，上邊距為50px、下、左、右的邊距都為0?！版溄禹椷x擇始終無下劃線，鏈接顏色為#F282A8，已訪問鏈接為#F5E458。現(xiàn)在我們開始布局_1插入一個1行1列的表格表格1，表格的寬度為726px，邊框粗細為0，單元格邊距為0、單元格間距為1，背景顏色為#892321，將表格居中對齊。2插入一個3行2列的表格表格2，表格的寬度為100，邊框粗細為0，單元格邊距和單元格間距都為0，背景顏色#6DCFF6。設置第一行左邊單元格的寬為173px，高為137px，設置第二行的高為238px，將第三行的兩個單元格合并，高度為50

32、px。在第一行左側單元格插入圖片img/102.gif,在右側單元格插入圖片img/101.jpg。在第三行將光標水平居中，輸入文字“版權所有閃客啟航3在表格2第二行左側單元格插入一個6行一列的表格表格3，表格寬度為95，邊框和單元格邊距為0，單元格間距為5，將表格居中對齊。第一行高度為15，其余各行高度都為40。(4)在表格2右側單元格插入一個1行2列的表格表格4，表格寬度為550px。邊框、單元格邊距和間距都為0。好啦我們完成了頁面的布局，開始插入頁面元素。將光標放置在表格4右側單元格中，單擊常用快捷欄中的媒體按鈕，然后在彈出的列表中選擇Flash。彈出“選擇文件對話框，選擇swf文件夾中

33、的huaduo.swf文件。單擊“確定按鈕后，插入的Flash動畫并不會在文檔窗口中顯示內容，而是以一個帶有字母F的灰色框來表示。在文檔窗口單擊這個Flash文件，就可以在屬性面板中設置它的屬性了。勾選“循環(huán)復選框時影片將連續(xù)播放，否那么影片在播放一次后自動停止。通過勾選“自動播放復選框后，可以設定Flash文件是否在頁面加載時就播放。在“品質下拉列表中可以選擇Flash影片的畫質，以最正確狀態(tài)顯示，就選擇“高品質。“對齊下拉列表用來設置Flash動畫的對齊方式，為了使頁面的背景在Flash下能夠襯托出來，我們可以使Flash的背景變?yōu)橥该鳌螕魧傩悦姘逯械摹皡?shù)按鈕，翻開“參數(shù)對話框，設置參

34、數(shù)為wmode，值為transparent。這樣在任何背景下，F(xiàn)lash動畫都能實現(xiàn)透明背景的顯示。2、插入Flash文本我們將光標放置在表格3第二行的單元格中，用Flash文本制作導航欄目。單擊常用快捷欄的媒體按鈕，在列表中選擇Flash文本，彈出“插入Flash文本對話框，字體隨意，大小22px，顏色設置為#F5E458，轉滾顏色為#54C994，文本為“圖片素材，背景顏色#6DCFF6，選擇自己需要的路徑鏈接。同樣方法我們分別在表格3的第3、4、5、6行制作“代碼素材、“Flash動漫、“精美壁紙和“音頻視頻等欄目。3、插入Flash按鈕我們在將光標放置于插入Flash按鈕的位置，單擊常

35、用快捷欄的媒體按鈕，在列表中選擇Flash按鈕，彈出“插入Flash按鈕對話框?！皹邮接脕磉x擇按鈕的外觀，“按鈕文本用來輸入按鈕上的文字，“字體和“大小用于設置按鈕上文字的字體和大小，字號變大，按鈕并不會跟著改變?！版溄佑糜谳斎氚粹o的鏈接，可以是外部鏈接，也可以是內部鏈接。“目標用來設置翻開的鏈接窗口。如果需要修改Flash按鈕對象，可以先選中它，然后在屬性面板中單擊“編輯按鈕，會自動彈出剛剛的“插入Flash按鈕對話框，更改它的設置就可以了。4、插入FlashPaper我們還可以在網(wǎng)頁中插入MacromediaFlashPaper文檔。在瀏覽器中翻開包含F(xiàn)lashPaper文檔的頁面時，瀏覽

36、者能夠瀏覽FlashPaper文檔中的所有頁面，而無需加載新的Web頁。也可以搜索、打印和縮放該文檔。在“文檔窗口中，將光標放放在頁面上想要顯示FlashPaper文檔的位置，然后選擇“插入“媒體“FlashPaper。在“插入FlashPaper對話框中，瀏覽到一個FlashPaper文檔并將其選定。如果需要，通過輸入寬度和高度以像素為單位指定FlashPaper對象在網(wǎng)頁上的尺寸。FlashPaper將縮放文檔以適合寬度。單擊“確定在頁面中插入文檔。由于FlashPaper文檔是Flash對象，因此頁面上將出現(xiàn)一個Flash占位符。如果需要，在屬性檢查器中設置其他屬性。5、插入Flash視

37、頻請參見玉樹老師的教程在上面的FlashPaper文檔中。dreamweaver8.0入門圖文教程:插入聲音新浪ViVi百度搜藏作者:未知|點擊數(shù):419|時間:2008-12-4【大中小】聲音能極好的襯托網(wǎng)頁頁面的氣氛，網(wǎng)頁中常見的聲音格式有WAV、MP3、MIDI、AIF、RA、或RealAudio格式。1、添加背景音樂在頁面中可以嵌入背景音樂。這種音樂多以MP3，MIDI文件為主，在DW中，添加背景音樂有兩種方法，一種是通過手寫代碼實現(xiàn)，還有一種是通過行為實現(xiàn)。在HTML語言中，通過這個標記可以嵌入多種格式的音樂文件，具體步驟是：我們將01.mid音樂文件存放在med文件夾里。翻開03.

38、html網(wǎng)頁，我們?yōu)檫@個頁面添加背景音樂切換到DW的“拆分視圖，講光標定位到之前的位置，在光標的位置寫下下面這段代碼：，如以下圖所示。按下F12鍵，在瀏覽器中查看效果，我們可以聽見背景音樂聲。如果希望循環(huán)播放音樂，將剛剛的源代碼修改為以下代碼即可：2、嵌入音樂嵌入音頻可以將聲音直接插入頁面中，但只有瀏覽者在瀏覽網(wǎng)頁時具有所選聲音文件的適當插件后，聲音才可以播放。如果希望在頁面顯示瀏覽器的外觀，可以使用這種方法。翻開02.html網(wǎng)頁，將光標放置于我們想要顯示播放器的位置。單擊快捷欄上的“媒體按鈕，從下拉列表中選擇“插件。彈出“選擇文件對話框，在對話框中02.war音頻文件。單擊確定按鈕后，插入

39、的插件在文檔窗口中以以下圖所示圖標來顯示。選中該圖標，在屬性面板中可以對播放器的屬性進行設置：要實現(xiàn)循環(huán)播放音樂的效果，單擊屬性面板中的“參數(shù)按鈕，然后單擊“按鈕，在“參數(shù)列中輸入loop，并在“值列中輸入true后，單擊“確定按鈕。要實現(xiàn)自動播放，可以繼續(xù)編輯參數(shù)，在參數(shù)對話框的“參數(shù)列中輸入autostart，并在值中輸入true，單擊“確定按鈕。按下F12鍵，翻開瀏覽器預覽，這個頁面實現(xiàn)了嵌入音樂的效果，在瀏覽器里顯示了播放插件。dreamweaver8.0入門圖文教程:創(chuàng)立鏈接關系新浪ViVi百度搜藏作者:未知|點擊數(shù):366|時間:2008-12-4【大中小】鏈接是一個網(wǎng)站的靈魂，在

40、“目標項的下拉列表中選擇_blank在一個新的未命名的瀏覽器窗口中翻開鏈接。如以下圖所示。2使用超級鏈接對話框翻開03.html頁面，選中文字“閃客啟航。單擊常用快捷欄中的“超級鏈接按鈕。彈出“超級鏈接對話框，我們進行以下各項的設置：“文本文本框用來設置超級鏈接顯示的文本?！版溄佑脕碓O置超鏈接連接到的路徑?！澳繕讼吕斜砜蛴脕碓O置超鏈接的翻開方式，有四個選項?！皹祟}文本框用來設置超鏈接的標題。設置好后，單擊“確定按鈕，向網(wǎng)頁中插入超鏈接。3、創(chuàng)立內部鏈接在文檔窗口選中文字，單擊屬性面板“鏈接后的按鈕，彈出“選擇文件對話框，選擇要鏈接到的網(wǎng)頁文件，即可鏈接到這個網(wǎng)頁。我們也可以拖動“鏈接后的可。

41、到錨點上即6、制作圖像映射翻開03.html文件，選中102。gif圖片，在屬性面板中，有不同形狀的圖像熱區(qū)按鈕，選擇一個熱區(qū)按鈕單擊。然后在圖像上需要創(chuàng)立熱區(qū)的位置拖動鼠標，即可創(chuàng)立熱區(qū)。此時，選中的局部被稱著圖像熱點。選中這個圖像熱點，在屬性面板上可以給這個圖像熱點設置超鏈接即可?，F(xiàn)在，請發(fā)揮你的想象力，巧妙運用各種頁面元素來豐富你的網(wǎng)頁，把它裝扮的更加生動和精彩！dreamweaver8.0入門圖文教程:創(chuàng)立CSS樣式新浪ViVi百度搜藏作者:未知|點擊數(shù):526|時間:2008-12-4【大中小】層疊樣式表(CSS)是一系列格式設置規(guī)那么，它們控制Web頁面內容的外觀。使用CSS設置頁

42、面格式時，內容與表現(xiàn)形式是相互分開的。頁面內容HTML代碼位于自身的HTML文件中，而定義代碼表現(xiàn)形式的CSS規(guī)那么位于另一個文件外部樣式表或HTML文檔的另一局部通常為局部中。使用CSS可以非常靈活并更好地控制頁面的外觀，從精確的布局定位到特定的字體和樣式等。術語“層疊是指對同一個元素或Web頁面應用多個樣式的能力。例如，可以創(chuàng)立一個CSS規(guī)那么來應用顏色，創(chuàng)立另一個規(guī)那么來應用邊距，然后將兩者應用于一個頁面中的同一文本。所定義的樣式“層疊到您的Web頁面上的元素，并最終創(chuàng)立您想要的設計。CSS樣式表的創(chuàng)立，可以統(tǒng)一定制網(wǎng)頁文字的大小、字體、顏色、邊框、鏈接狀態(tài)等效果。在Dreamweave

43、r8中CSS樣式的設置方式有了很大的改良，更為方便、實用、快捷。一、創(chuàng)立CSS樣式1、選中菜單“窗口“CSS樣式。翻開CSS樣式面板。2、單擊“CSS樣式面板右下角的“新建CSS規(guī)那么按鈕，翻開“新建CSS規(guī)那么對話框。在“選擇器類型選項中，可以選擇創(chuàng)立CSS樣式的方法包括以下三種：類：我們可以在文檔窗口的任何區(qū)域或文本中應用類樣式，如果將類樣式應用于一整段文字，那么會在相應的標簽中出現(xiàn)CLASS屬性，該屬性值即為類樣式的名稱。標簽重新定義特定標簽的外觀：重新定義HTML標記的的默認格式。我們可以針對某一個標簽來定義層疊樣式表，也就是說定義的層疊樣式表將只應用于選擇的標簽。例如，我們?yōu)楹蜆撕灦?/p>

44、義了層疊樣式表，那么所有包含在和標簽的內容將遵循定義的層疊樣式表。高級ID、偽類選擇器等：為特定的組合標簽定義層疊樣式表，使用ID作為屬性，以保證文檔具有唯一可用的值。高級樣式是一種特殊類型的樣式，常用的有4種：a:link設定正常狀態(tài)下鏈接文字的樣式。a:active設定鼠標單擊時鏈接的外觀。a:visited設定訪問過的鏈接的外觀。a:hover設定鼠標放置在鏈接文字之上時，文字的外觀。3、為新建CSS樣式輸入或選擇名稱、標記或選擇器，其中：對于自定義樣式，其名稱必須以點.開始，如果沒有輸入該點，那么DW回自動添加上。自定義樣式名可以是字母與數(shù)字的組合，但.之后必須是字母。對于重新定義HT

45、ML標記，可以在“標簽下拉列表中輸入或選擇重新定義的標記。對于CSS選擇器樣式，可以在“選擇器下拉列表中輸入或選擇需要的選擇器。4、在“定義在區(qū)域選擇定義的樣式位置，可以是“新建樣式表文件或“僅對該文檔。單擊“確定按鈕，如果選擇了“新建樣式表文件選項，回彈出“保存樣式表文件為對話框，給樣式表命名，保存后，回彈出“CSS規(guī)那么定義對話框。如果選擇了“僅對該文檔，那么單擊“確定后，直接彈出“CSS規(guī)那么定義，在其中設置CSS樣式。5、“CSS規(guī)那么定義對話框中設置CSS規(guī)那么定義。主要分為類型、背景、區(qū)塊、方框、邊框、列表、定位和擴展8項。每個選項都可以對所選標簽做不同方面的定義，可以根據(jù)需要設定

46、。定義完畢后，單擊“確定按鈕，完成創(chuàng)立CSS樣式。dreamweaver8使用CSS樣式美化頁面新浪ViVi百度搜藏作者:佚名|點擊數(shù):318|時間:2008-12-5【大中小】在“CSS規(guī)那么對話框中，我們可以通過類型、背景、區(qū)塊、方框、邊框、列表、定位和擴展項的設置，來美化我們的頁面，當然啦，我們在定義某個CSS樣式的時候，不需要對每一個項都進行設置，需要什么效果，選擇相應的項進行設置就可以了。1、文本樣式的設置新建CSS樣式,“選擇器類型為類，名稱為“style1定義在“僅對該文檔。保存至站點根目錄下的CSS文件夾內，彈出“CSS規(guī)那么定義對話框，默認顯示的就是對文本進行設置的“類型項。

47、字體：可以在下拉菜單種選擇相應的字體。大?。捍笮【褪亲痔枺梢灾苯犹钊霐?shù)字，然后選擇單位。樣式：設置文字的外觀，包括正常、斜體、偏斜體。行高：這項設置在網(wǎng)頁制作種很常用。設置行高，可以選擇“正常，讓計算機自動調整行高，也可以使用數(shù)值和單位結合的形式自行設置。需要注意的是，單位應該和文字的單位一致，行高的數(shù)值是包括字號數(shù)值在內的。例如，文字設置為12pt，如果要創(chuàng)立一倍行距，那么行高應該為24pt。變量：在英文種，大寫字母的字號一般比擬大，采用“變量中的“小型大寫字母設置，可以縮小大寫字母。顏色：設置文字的色彩。2、背景樣式的設置在HTML中，背景只能使用單一的色彩或利用圖像水平垂直方向的平鋪。

48、使用CSS之后，有了更加靈活的設置。在CSS規(guī)那么定義對話框左側選擇“背景項，可以在右邊區(qū)域設置CSS樣式的背景格式。背景顏色：選擇固定色作為背景。背景圖像：直接填寫背景圖像的路徑，或單擊“瀏覽按鈕找到背景圖像的位置。重復：在使用圖像作為背景的時，可以使用此項設置背景圖像的重復方式，包括“不重復、“重復、“橫向重復、和“縱向重復“。附件：選擇圖像做背景的時候，可以設置圖像是否跟隨網(wǎng)頁一同滾動。水平位置：設置水平方向的位置，可以“左對齊“右對齊、“居中。還可以設置數(shù)值與單位結合表示位置的方式，比擬常用的是像素單位。垂直位置：可以選擇“頂部、“底部、“居中。還可以設置數(shù)值和單位結合表示位置的方式。

49、3、區(qū)塊樣式設置在CSS規(guī)那么定義對話框左側選擇“區(qū)塊項，可以在右邊區(qū)域設置CSS樣式的區(qū)塊格式。單詞間距“英文單詞之間的距離，一般選擇默認設置。字母間距：設置英文字母間距，使用正值為增加字母間距，使用負值為減小字母間距。垂直對齊：設置對象的垂直對齊方式。文本對齊：設置文本的水平對齊方式。文字縮進：這是最重要的工程。中文文字的首行縮進就是由它來實現(xiàn)的。首先填入具體的數(shù)值，然后選擇單位。文字的縮進和字號要保持統(tǒng)一。如字號為12px，像創(chuàng)立兩個中文自的縮進效果，文字縮進就應該為18px?？崭瘢簩υ创a文字空格的控制。選擇“正常，忽略源代碼文字之間的所有空格。選擇“保存，將保存源代碼中所有的空格形式

50、，包括由空格鍵、Tab鍵、Enter鍵創(chuàng)立的空格。顯示：制定是否以及如何顯示元素。選擇“無那么關閉它被制定給的元素的顯示。在實際控制中很少使用。4、方框樣式的設置在前面我們設置過圖像的大小、設置圖像水平和垂直方向上的空白區(qū)域、設置圖像是否有文字環(huán)繞效果等。方框設置進一步完善、豐富了這些設置。在CSS規(guī)那么定義對話框左側選擇“方框項，可以在右邊區(qū)域設置CSS樣式的方框格式。寬：通過數(shù)值和單位設置對象的寬度。高：通過設置和單位設置對象的高度。浮動：實際就是文字等對象的環(huán)繞效果。選擇“右對齊、對象居右。文字等內容從另外一側環(huán)繞對象。選擇“左對齊。對象居左，文字等內容從另一側環(huán)繞。“無取消環(huán)繞效果。去

51、除：規(guī)定對象的一側不許有層。可以通過選擇“左對齊、“右對齊，選擇不允許出現(xiàn)層的一側。如果在去除層的一側有層，對象將自動移到層的下面?！皟烧呤侵缸笥叶疾辉试S出現(xiàn)層?！盁o是不限制層的出現(xiàn)?！疤畛浜汀斑吔纾喝绻麑ο笤O置了邊框，“填充是指邊框和其中內容之間的空白區(qū)域；“邊界是指邊框外側的空白區(qū)域。5、邊框樣式設置邊框樣式設置可以給對象添加邊框，設置邊框的顏色、粗細、樣式。在CSS規(guī)那么定義對話框左側選擇“邊框項，可以在右邊區(qū)域設置CSS樣式的邊框格式。樣式設置邊框的樣式，如果選中“全部相同復選框，那么只需要設置“上樣式，其它方向的樣式與“上相同。寬度：設置4個方向邊框的寬度。可以選擇相對值：細、中、粗

52、。也可以設置邊框的寬度值和單位。顏色：設置邊框對應的顏色，如果選中“全部相同復選框，那么其他方向的設置都與“上相同。6、列表樣式設置CSS中有關列表的設置豐富了列表的外觀。在CSS規(guī)那么定義對話框左側選擇“列表項，可以在右邊區(qū)域設置CSS樣式的列表格式。類型：設置引導列表工程的符號類型?？梢赃x擇圓點、圓圈、方塊、數(shù)字、小寫羅馬數(shù)字、大寫羅馬數(shù)字、小寫字母、大寫字母、無列表符號等。工程符號圖像：可以選擇圖像作為工程的引導符號，單擊右側的“瀏覽按鈕，找到圖像文件即可。選擇ul標簽可以對整個列表應用設置，選中l(wèi)i標簽可對單獨的工程應用。位置：決定列表工程縮進的程度。選擇“外，列表貼近左側邊框，選擇“

53、內，列表縮進。這項設置效果不明顯。7、定位樣式設置“定位項實際上是對層的設置，但是因為DW提供了可視化的層制作功能，所以此項設置在實際操作中幾乎不會使用。8、擴展樣式的設置CSS樣式還可以實現(xiàn)一些擴展功能，這些功能集中在擴展面板上。這個面板主要包括3種效果：分頁、光標和過濾器。在CSS規(guī)那么定義對話框左側選擇“擴展項，可以在右邊區(qū)域設置CSS樣式的擴展格式。分頁：通過樣式來為網(wǎng)頁添加分頁符號。允許用戶指定在某元素前或后進行分頁。分頁的概念是打印網(wǎng)頁種的內容時在某指定的位置停止，然后將接下來的內容繼續(xù)打印在下一頁紙上。光標：通過樣式改變鼠標形狀，鼠標放置于被此項設置修飾的區(qū)域上的時，形狀會發(fā)生改

54、變。具體的形狀包括：Hand手、crosshair交叉十字、text文本選擇符號、waitWindows的沙漏形狀、default默認的鼠標形狀、help帶問號的鼠標、e-resize向東的箭頭、ne-resize指向東北方的箭頭、n-resize向北的箭頭、nw-resize指向西北的箭頭、w-resize向西的箭頭、sw-resize向西南的箭頭、s-resize向南的箭頭、se-resize向東南的箭頭、auto正常鼠標。過濾器：使用CSS語言實現(xiàn)過濾器濾鏡效果。單擊“過濾器下拉列表框旁的按鈕，可以看見有多種濾鏡效果可供選擇。濾鏡描述效果Alpha設置透明效果Blru設置模糊效果Chro

55、maDropShadowFlipHFlipV把指定的顏色設置為透明設置投射陰影水平反轉垂直反轉Glow為對象的外邊界增加光效GrayscaleInvertLight降低圖片的彩色度將色彩、飽和度以及亮度值完全反轉建立底片效果設置燈光投影效果Mask設置遮罩效果，Color指定遮罩的顏色Shado設置陰影效果wWave設置水平方向和垂直方向的波動效果Xray設置X光照效果dreamweaver8的CSS樣式表的其他操作新浪ViVi百度搜藏作者:佚名|點擊數(shù):235|時間:2008-12-5【大中小】單擊CSS樣式面板右上方的擴展按鈕，彈出以下圖所示的菜單。CSS的相關操作都是通過這個菜單上的工程

56、來實現(xiàn)的。1、編輯CSS樣式選中需要編輯的樣式類型，選擇上圖中的“編輯項或直接單擊“編輯樣式按鈕，在彈出的“CSS規(guī)那么定義對話框中修改相應的設置。編輯完成后單擊“確定按鈕，CSS樣式就編輯完成了。2、應用CSS自定義樣式鼠標右鍵單擊在網(wǎng)頁中被選中的元素，在彈出的快捷菜單中選擇“CSS樣式，在其子菜單中選擇需要的自定義樣式。3、附加樣式表選擇“附加樣式表項，翻開“鏈接外部樣式表對話框，可以鏈接外部的CSS樣式文件。“文件/URL設置外部樣式表文件的路徑，可以單擊瀏覽按鈕，在瀏覽窗口中找到樣式表文件?！疤砑訛檫x擇“鏈接，這IE和Netscape兩種瀏覽器都支持的導入方式?！皩胫挥蠳etscap

57、e瀏覽器支持。設置完畢后單擊“確定按鈕，CSS文件即被導入到當前頁面。dreamweaver8的CSS樣式表濾鏡實例新浪ViVi百度搜藏作者:佚名|點擊數(shù):235|時間:2008-12-5【大中小】1、制作模糊文字效果1、新建05.html的文件插入一個1行1列的表格，邊框和邊距全部設置為0。然后在表格中輸入要修飾的文字。2、翻開CSS樣式面板，創(chuàng)立一個CSS樣式，在彈出的“新建樣式對話框做如下設置。3、設置完成后，單擊“確定按鈕彈出“CSS樣式定義對話框，在類型設置區(qū)域中設置：大?。?0，字體：黑體，粗細：粗，顏色：FF9900。4、要產生文字特效，最重要的是在擴展設置區(qū)域中進行特殊設置。B

58、lur濾鏡產生像被風吹一樣的模糊效果。翻開濾鏡選項的下拉菜單，對Blur濾鏡進行設置：Blur(Add=?,Direction=?,Strength=?)Add參數(shù)是一個布爾值，一般來說，當濾鏡用于圖片時取0，用于文字時取1。“Direction=?模糊方向，以45度為單位改變，“0”為垂直向上，“45”向右上，“90”水平向右，“135”向右下，以依次改變。這里我們設置Direction=90。Strength代表模糊移動值，單位為像素。我們設置Strength=180。設置完成后，點擊“確定。5、在文檔編輯區(qū)選中文字所在單元格，在屬性面板設置文字的樣式為.test。保存文件，按F12預覽效

59、果。在只有HTML的時代，只能實現(xiàn)簡單的網(wǎng)頁效果。有了CSS樣式，網(wǎng)頁排版發(fā)生了翻天覆地的變化，在Dreamweaver8里，使用CSS樣式是如此的簡單，而制作出來的效果可以如此的炫目。dreamweaver8創(chuàng)立模板新浪ViVi百度搜藏作者:佚名|點擊數(shù):488|時間:2008-12-5【大中小】在我們制作網(wǎng)站的過程中，為了統(tǒng)一風格，很多頁面會用到相同的布局、圖片和文字元素。為了防止大量的重復勞動，可以使用Dreamweaver8提供的模板功能，將具有相同版面結構的頁面制作為模板，將相同的元素如導航欄制作為庫工程，并存放在庫中可以隨時調用。一、創(chuàng)立模板模板的創(chuàng)立有三種方式。1、直接創(chuàng)立模板選

60、擇“窗口/資源命令，翻開“資源面板，切換到模板子面板，如以下圖所示。單擊模板面板上的“擴展按鈕，在彈出菜單中選擇“新建模板這是在瀏覽窗口出現(xiàn)一個未命名的模板文件，給模板命名。然后單擊“編輯按鈕，翻開模板進行編輯。編輯完成后，保存模板，完成模板建立。2、將普通網(wǎng)頁另存為模板翻開一個已經(jīng)制作完成的網(wǎng)頁，刪除網(wǎng)頁中不需要的局部，保存幾個網(wǎng)頁共同需要的區(qū)域。選擇“文件/另存為模板命令將網(wǎng)頁另存為模板。在彈出的“另存模板對話框中，“站點下拉列表框用來設置模板保存的站點，課選擇一個選項。“現(xiàn)存的模板選框顯示了當前站點的所有模板?！傲泶鏋槲谋究蛴脕碓O置模板的命名。單擊“另存模板對話框中的“保存按鈕，就把當前