Dreamweaver8

中文版網(wǎng)頁制作基礎(chǔ)主講人

第十七講使用Dreamweaver8擴展1、擴展的基本概念

2、擴展管理器3、擴展類型4、擴展的下載與安裝

5、滾動的字幕6、頁面日歷

1、插件的基本概念

使用背景：對于網(wǎng)頁設(shè)計者來說，總是想把自己的網(wǎng)頁制作得更漂亮、更有動感，具有自己鮮明的特色，以便在眾多的網(wǎng)站中脫穎而出，吸引大家的注意力。然而各種特效往往是復雜的編程技術(shù)運用的結(jié)果，對于初學者來說，讓他們專門學習這些新技術(shù)，往往是不現(xiàn)實的。插件的出現(xiàn)，解決了大家的后顧之憂，它極大地豐富了網(wǎng)頁制作的樂趣。

概念：Dreamweaver8擴展，也稱為插件，是用來擴展和補充Dreamweaver8功能的。通過集成的插件用戶在網(wǎng)頁上實現(xiàn)許多原本非常復雜的技術(shù)，從而避免了大量源代碼的編寫和調(diào)試工作，只需簡單地進行一些設(shè)置，就可以設(shè)計出高水平的網(wǎng)頁來。2、擴展管理器通過開始菜單，即可啟動擴展管理器，如圖1。擴展管理器的各部分組成如圖2所示。3、擴展類型

Dreamweaver8中的插件主要有四種類型：“命令”、“對象”、“行為”和“套件”?！懊睢鳖愋停嚎梢蕴砑拥矫畈藛沃腥?，它可以用于在對網(wǎng)頁編輯時實現(xiàn)一定的功能，例如設(shè)置表格的樣式?！皩ο蟆鳖愋停嚎梢蕴砑拥讲迦霗谥校糜谠诰W(wǎng)頁中插入元素對象，如插入RM播放器?！靶袨椤鳖愋停嚎梢蕴砑拥叫袨槊姘濉ⅰ緦傩浴棵姘?，主要用于網(wǎng)頁上實現(xiàn)動態(tài)的交互功能，如彈出窗口?！疤准鳖愋停嚎梢蕴砑拥矫罨虿迦氩藛蜗拢槍δ骋痪W(wǎng)頁對象的一組插件的組合。4、擴展的下載與安裝擴展下載：可以到官方網(wǎng)站下載，地址：http:///go/dreamweaver_exchange_cn/。

安裝：下載的擴展文件擴展名為.mxp，直接雙擊即可安裝，如下圖所示。在使用插件之前一般需要閱讀一下插件的使用說明，這樣可以更方便自己使用。下面列舉了部分Dreamweaver8插件名稱及說明，可供大家參考使用。插件名稱插件說明Anchors.mxp建立擴展的命令錨點asp_dream.mxp在輸入ASP代碼中提供大量提示信息，提高編程效率。BannerImageBuilder.mxp創(chuàng)建多圖片隨機顯示。Calendar.mxp為指定月份建立日歷。checkform.mxp表單驗證插件。ChinaDW.mxp功能是一個中國省市自制區(qū)的下拉框。ClosePopupWindow.mxp制作關(guān)閉彈出的窗口。coolborder.mxp平時插入的表格的border又粗又難看，用這個插件插入看看邊框(object)。disable_view_source.mxp讓網(wǎng)頁源代碼無法觀看。FlashImage.mxp響應(yīng)鼠標事件的圖片漸顯漸隱效果。gradient_text.mxp在網(wǎng)頁里生成一段色彩漸變的文字。5、滾動的字幕利用Marquee插件，可以讓文字在頁面滾動，可以吸引頁面瀏覽者的注意力，還增加了頁面的動感效果。雙擊“Marquee.mxp”文件，將Marquee插件安裝到Dreamweaver8后，在【常用】插入欄中單擊Marquee插件圖標，如圖1所示。打開【Marquee】對話框，進行相應(yīng)的設(shè)置，如圖2所示?！綧arquee】對話框中具體參數(shù)意義如下：【Text】文本框：用于輸入欲添加滾動效果的字幕?！綟ont】選項框：選擇字體。【Size】選項框：設(shè)置文字大小?！綟ontColor】文本框：設(shè)置文字顏色?！綛GColor】文本框：設(shè)置字幕的背景顏色。【Direction】選項組：選擇字幕運動方向，【left】向左運動，【right】相右運動?！維peed】：設(shè)置文字滾動的速度，【delay】選項框設(shè)置字幕停頓時間，【Amount】選項框設(shè)置字幕的滾動速度?！綛ehaviour】選項組：選擇字幕的運動方式，【Scroll】表示朝同一個方向滾動，【Slide】表示接觸字幕邊框就停止?jié)L動，【Alternate】表示字幕向相反的兩個方向滾動?！続lign】選項組：選擇對齊方式，【Middle】居中對齊，【bottom】底部對齊，【top】頂端對齊?！維ize】：設(shè)置字幕滾動區(qū)域的大小，【width】設(shè)置寬度，【Height】設(shè)置高度?！綬epeat】：設(shè)置字幕重復次數(shù)，【Continuously】不停的滾動，【times】前設(shè)置次數(shù)。6、頁面日歷雙擊“Calendar.mxp”文件安裝插件，將【常用】插入欄切換到【Calendar】插入欄后，單擊插入欄中的日歷按鈕，打開【Calendar】對話框，進行設(shè)置，設(shè)置完畢，單擊“確定”按鈕，返回到編輯窗口，這時可以看到在頁面中插入了一個日歷表格，將多余的空行刪除?！綜alendar】對話框各項設(shè)置的含義：【Month】選項框：選擇要制作的月份?！綴ear】文本框：選擇要制作的年份?！綝isplayDate】選項組：選擇日期顯示方式，“InRow”按行顯示，“InCell”所有日期都顯示在一格中，不分行?！維tartWeeksWith】選項框：設(shè)置每個星期從星期幾開頭，默認為“Sunday”即星期日。【DaysFormat】選項組：選擇日期顯示的格式，是縮寫還是全稱。【EmptyFrames】選項組：日期輪空是，這一格處理方式，“Display”顯