現(xiàn)代教育技術(shù)部張建威

1、現(xiàn)代教育技術(shù)部 張建威Email: oldguitar培訓(xùn)說明培訓(xùn)目的：使參加培訓(xùn)人員掌握基本的網(wǎng)頁制作維護(hù)技能，自主運用相關(guān)軟件進(jìn)行網(wǎng)頁維護(hù)。學(xué)習(xí)建議：學(xué)習(xí)前提：熟練進(jìn)行基本的文件操作，熟練使用Office和簡單常用的工具軟件參閱：網(wǎng)上有相關(guān)教程、任何一本Dreamweaver學(xué)習(xí)書籍學(xué)習(xí)內(nèi)容靜態(tài)網(wǎng)站維護(hù)初步：運用Dreamweaver，對已經(jīng)存在的靜態(tài)網(wǎng)站進(jìn)行內(nèi)容更新；學(xué)習(xí)文字錄入編輯，段落編排，表格運用，圖片插入編輯，超級鏈接；簡單了解Html圖形處理初步：學(xué)會運用Photoshop對圖片做簡單的處理學(xué)習(xí)使用相關(guān)工具軟件：CuteFtp, Acdsee, et al動態(tài)網(wǎng)站維護(hù)高級技巧相

2、關(guān)背景知識大醫(yī)域名：學(xué)校內(nèi)主頁服務(wù)器有:www, home, inner主頁發(fā)布原理服務(wù)器安裝了默認(rèn)的主頁發(fā)布程序，網(wǎng)站用戶事先將制作完成的網(wǎng)站上傳到服務(wù)器指定目錄下。服務(wù)器正常工作時，網(wǎng)絡(luò)用戶訪問該服務(wù)器進(jìn)行瀏覽請求，即可進(jìn)行網(wǎng)頁瀏覽普通靜態(tài)網(wǎng)頁的特點和工作原理主機IP地址： IP地址是Internet上主機的數(shù)字式標(biāo)識符。它具有唯一性。聯(lián)網(wǎng)客戶機有IP地址，服務(wù)器也有IP地址連接服務(wù)器有兩種方式：域名方式，IP方式 VS 0相關(guān)網(wǎng)絡(luò)術(shù)語一、靜態(tài)網(wǎng)站維護(hù)網(wǎng)站編輯的大概步驟網(wǎng)站構(gòu)劃收集素材勾畫草案網(wǎng)頁制作調(diào)試修改發(fā)布維護(hù)更新維護(hù)過程需要把握的原則 保持網(wǎng)站結(jié)構(gòu)的完整統(tǒng)一目錄層次、文件素材的安排

3、要統(tǒng)一 保持整體風(fēng)格的一致性字體、顏色、導(dǎo)航、網(wǎng)頁樣式一致 注意鏈接導(dǎo)航的正確 保持網(wǎng)站的可維護(hù)性文件名稱要便于記憶多人開發(fā)要有維護(hù)日記實戰(zhàn)網(wǎng)頁維護(hù)第一步服務(wù)器網(wǎng)站的本地下載及FTP軟件的使用了解CuteFtp軟件使用FTP軟件而不是用瀏覽器，更方便，而且支持?jǐn)帱c續(xù)傳在CuteFtp站點管理器里新建一個站點標(biāo)簽示意圖如右側(cè)：新建站點設(shè)定內(nèi)容包括：站點標(biāo)簽，服務(wù)器名稱，用戶名，密碼，端口連接過程：打開建立好的標(biāo)簽，填寫用戶密碼，連接本地和服務(wù)器；成功后，選中本地窗口的文件，用文件上傳按鈕傳送至服務(wù)器；選中服務(wù)器上的文件，用文件下載按鈕傳送至本地。在服務(wù)器端可做的操作和設(shè)定：新建文件夾，文件（文件

4、夾）更名、刪除、權(quán)限的設(shè)定等實戰(zhàn)網(wǎng)頁維護(hù)第二步DreamWeaver的使用Dreamweaver界面介紹簡單系統(tǒng)環(huán)境設(shè)定“編輯”菜單的“首選參數(shù)”選項的設(shè)定：“常規(guī)” 編輯選項：使用CSS而不是Html代碼不選中（因為會整體運用CSS設(shè)定）隱藏表格寬度顯示方便操作站點建立新建站點利用文件面板的管理站點窗口建立一個站點可采用基本模式，利用向?qū)瓿稍O(shè)定；也可以用高級模式。具體：需要設(shè)定站點名稱、本地根文件夾。其他項可暫時采用默認(rèn)設(shè)定。編輯站點刪除編輯站點列表實戰(zhàn)網(wǎng)頁維護(hù)第2.2步站點文件管理及文字編輯基礎(chǔ)操作新建文件新建文件第一種方法：通過 文件 新建命令，然后再保存，這種方法可新建出各種類型文件

5、常用：基本頁(html),框架,模版,CSS文件,動態(tài)頁(ASP,PHP,JSP)第二種方法：通過文件面板新建.htm文件靜態(tài)網(wǎng)頁維護(hù)時的編輯方式，即靜態(tài)主頁更新維護(hù)增加新頁面的方式：對已有文件進(jìn)行復(fù)制、粘貼，然后對新文件更名，再修改其內(nèi)容。特點：保留原有文件的圖片，整體框架格局等，只改變文字和鏈接文件的命名原則和層次管理主頁文件（夾）名稱約定不能用中文和不合文件名規(guī)范的名稱；首頁必須為index.htm或者default.htm等默認(rèn)首頁文件名文件層次管理文件命名經(jīng)驗：對不同內(nèi)容的文件名稱的起名方法: 多利用下劃線，原則是便于記憶維護(hù)。 book_admin.htm, update_0306

6、12.htm文件層次管理：不同欄目設(shè)立不同文件夾；利用文件名區(qū)分；圖片和文件一般要分開，單獨設(shè)立圖片目錄images打開文件及特殊文本處理通過文件 打開命令在文件面板站點文件夾中里找到相應(yīng)文件，雙擊打開復(fù)制word文件的內(nèi)容到網(wǎng)頁：要注意祛除word本身所帶的各種控制符項，一般情況下，可直接復(fù)制、粘帖。特殊情況下，可通過二次粘貼先經(jīng)過記事本，再粘貼至網(wǎng)頁文件或者通過DW的選擇性粘帖功能進(jìn)行頁面屬性的設(shè)定網(wǎng)頁標(biāo)題除了frame頁面，不要使任何一個頁面標(biāo)題為: untitled documents背景圖片（介紹圖片的平鋪方式）頁邊空白距離設(shè)定其他 e.g. 編碼方式等在CSS里進(jìn)行設(shè)定而一般不在頁

7、面屬性設(shè)定的要素包括鏈接顏色網(wǎng)頁文字顏色文檔編輯基本字塊操作：文字的復(fù)制、粘貼、剪切，查找、替換、刪除；字的屬性設(shè)定：字號顏色字形對齊方式字體問題：能否隨意設(shè)定主頁文字的字體，象在word里那樣？能否隨意設(shè)定文字的顏色？Attention!字體設(shè)定重要原則：兼顧受眾安全中文字體：宋體、仿宋體、黑體、楷體特殊字體的處理方法：圖片一些特殊符號輸入的處理方法：小圖片繁體字、生僻字應(yīng)用全拼等輸入法，采用GBK字庫，如喆(！上標(biāo)下標(biāo)有專門的html標(biāo)記: sub, sup)顏色知識：介紹網(wǎng)頁安全色216色（兼顧pc和Macintosh）特殊顏色需要承擔(dān)風(fēng)險！其他編輯操作特殊字符插入特殊格式：項目編號水平

8、線文字對齊方式及段落格式的設(shè)定回車和空格問題段內(nèi)換行，段落換行 全角空格實戰(zhàn)網(wǎng)頁維護(hù)第2.4步插入圖像和多媒體對象插入圖片和Flash采用壓縮格式: JPEG, GIF, PNGjpeg保留圖像色彩，損失圖像精度；gif保留圖像精度，損失顏色人物、風(fēng)景等高色彩圖片宜保存為jpeg，卡通等圖片宜保存為gif特殊介紹：gif 87a, 89a- 透明圖、交錯圖、動畫PNG功能全面，但尺寸很大Swf文件特點：動畫更靈活，有交互功能，支持網(wǎng)絡(luò)流式傳輸，優(yōu)勢明顯使用圖象重要原則：減少尺寸，限制顏色，保持低分辨率，使用重復(fù)圖象在保持圖像滿意精度內(nèi)，盡可能保持圖象小插入圖片實際應(yīng)用問題屬性設(shè)定問題單純改變圖

9、片外觀大小，不影響圖片文件實際大小尺寸設(shè)定外框?qū)挾葘R方式替代圖替代文字（考慮受眾的人性化屬性）縮略圖（可用相關(guān)工具軟件自己制作，如PS, ACDsee; 縮略圖大小可以自定一個統(tǒng)一的規(guī)格，如125*94）圖文間距；圖片注意保存到網(wǎng)頁目錄下插入圖片實際應(yīng)用問題插入圖像占位符為將來插入圖像做準(zhǔn)備影像地圖鏈接詳見鏈接章節(jié)實戰(zhàn)網(wǎng)頁維護(hù)第2.6步超鏈接鏈接類型普通鏈接外部鏈接：不同網(wǎng)站內(nèi)指向鏈接內(nèi)部鏈接：同一網(wǎng)站內(nèi)不同網(wǎng)頁間鏈接錨點鏈接：鏈接到同一網(wǎng)頁內(nèi)某位置電子郵件超鏈接創(chuàng)建影像地圖翻屏原則縱向翻屏不應(yīng)該超過3-5頁；盡量避免水平向滾動翻屏當(dāng)網(wǎng)頁文本容量超過2個滾屏?xí)r，應(yīng)該考慮運用超鏈接或者進(jìn)行重新

10、的網(wǎng)頁拆分和規(guī)劃鏈接路徑URL（Uniform Ralative Location)統(tǒng)一資源定位符每個網(wǎng)頁都有的唯一的地址絕對路徑：完整的URLe.g. http:/index.htm做外部鏈接時使用相對路徑：省略兩個文檔相同的URL部分注意同文件夾、子（父）文件夾文件鏈接時的寫法e.g. ./index.htm; image/logo.jpg根相對路徑：e.g. /image/newpic.htm同一網(wǎng)站內(nèi)部鏈接注意使用相對路徑和根相對路徑，不要使用絕對路徑鏈接操作進(jìn)行鏈接的對象文字，圖像普通鏈接，注意設(shè)定打開目標(biāo)頁Target_blank, _top, _parent, _self(默認(rèn)）

11、錨點鏈接方法一：鼠標(biāo)操作， shift+錨點；方法二：#+鏈接錨點名稱影像地圖鼠標(biāo)拖動創(chuàng)建熱區(qū)，可建立多個熱區(qū)選擇熱區(qū)創(chuàng)建鏈接注意熱區(qū)的替代文字設(shè)定alt注意每個地圖起唯一一個名稱鏈接原則重要原則好的網(wǎng)站要有完善、發(fā)達(dá)的導(dǎo)航系統(tǒng)，且要明確；所有鏈接必須測試可用，準(zhǔn)確；“能進(jìn)能出，能上能下”管理超級鏈接：更新主要工作之一檢查可能出錯的地方如：不存在的文件，特別是外部站點不存在的文件鏈接導(dǎo)航欄：特殊的鏈接體導(dǎo)航對網(wǎng)站意義：明示網(wǎng)站結(jié)構(gòu)、方便訪客瀏覽導(dǎo)航欄相對于普通鏈接的特別之處：同一位置，外觀效果一致導(dǎo)航欄的制作：表格+文字+圖形實戰(zhàn)網(wǎng)頁維護(hù)第2.8步中高級技巧-表格運用表格作用最強大的主頁布局工

12、具，既完美解決所有靜態(tài)主頁圖文布局，同時也符合低端設(shè)計的原則（對比layer）表格中可導(dǎo)入的元素多種多樣：任何一種主頁元素，也包含表格本身，即可以實現(xiàn)表格的嵌套表格的主要功能：表格化數(shù)據(jù)、設(shè)計頁面分欄、定位文本和圖像等重新理解表格：不僅僅是表格化數(shù)據(jù)的載體，表現(xiàn)方式多樣化認(rèn)識表格行，列，單元格HTML標(biāo)識符 table, tr, td （沒有列的概念）行（ Row ）列（Columns）單元格填充（Cell padding）單元格內(nèi)容與邊線的距離單元格間距（Cell spacing）單元格之間的距離表格寬度（width) 可用像素數(shù)和百分比兩種方法表示表格邊框（border）表格線的像素寬度，

13、為三維顯示效果表格屬性設(shè)定Table ID：表格ID的命名Align：表格與其他元素的對齊方式Clear column width/row heights刪除表格的行高列寬值Convert talbe width/heights to pixels將表格由百分變?yōu)楫?dāng)前寬度/高度Convert table widths/heights to percent將表格由像素變?yōu)榘俜直硎綛g color：表格背景色Brdr color：表格邊框顏色Bg Image：設(shè)置表格背景圖案單元格屬性設(shè)定水平：單元格內(nèi)元素水平對齊方式垂直： 單元格內(nèi)元素垂直對齊方式不換行：改變默認(rèn)的單元格內(nèi)字繞排標(biāo)題：設(shè)為表頭，

14、樣式：粗體，居中對齊合并、拆分單元格單元格的高度、寬度單元格的背景圖片和顏色設(shè)定，邊框線設(shè)定調(diào)整表格調(diào)整大小調(diào)整表格行寬、列高推薦使用屬性設(shè)定，精確設(shè)定清除表格行列值修改不滿意的設(shè)定；創(chuàng)建大小自適應(yīng)表格復(fù)制表格單元選中表格或者行、列、單元格表格復(fù)制需注意：不能對不成矩形的表格元素內(nèi)容進(jìn)行復(fù)制粘貼，必須保證目標(biāo)單元格和源單元格的格式完全一致表格設(shè)定難點分析表格寬度巧設(shè)定兩種模式：固定像素值；百分比寬度。在具體操作時，往往是兩種設(shè)定混用。如：布局用的最外端的多列表格往往需要總寬度、n-1列寬度設(shè)定為具體像素值。而其內(nèi)部嵌套用布局表格則往往運用百分比寬度，方便進(jìn)行自適應(yīng)。表格嵌套是進(jìn)行復(fù)雜排版所必須

15、的表格布局至關(guān)重要，需要經(jīng)過精心設(shè)計甚至周密計算。表格排版實例分析普通800*600模式下的頁面寬度的設(shè)定：考慮到導(dǎo)航條的寬度，窗口默認(rèn)原始的非最大化的尺寸，最終設(shè)定為777。一個理想的主頁應(yīng)該是兼容640*480以上所有顯示模式理想的排版應(yīng)該是通過表格圖片實現(xiàn)舉例：第2版大醫(yī)主頁首頁Space圖片實際上是通過高度為1，寬度為適應(yīng)單元格寬度的一個透明gif，來實現(xiàn)了主頁排版功能，同時保證了最小的額外圖片大小表格應(yīng)用實例分析Word表格插入網(wǎng)頁調(diào)整過程去處行高、行寬，使之成為自適應(yīng)大小表格調(diào)節(jié)單元格邊距或填充距離設(shè)定表格框線寬度設(shè)計表頭安排多圖片問題用邊框?qū)挾葹?的表格進(jìn)行安排實戰(zhàn)網(wǎng)頁維護(hù)第2.

16、9步層技術(shù)的運用層的特點以像素為單位精確定位頁面元素；移動方便、放置隨意；層有前后顯示順序；內(nèi)置元素包括所有網(wǎng)頁元素（文本、圖像、表格、層嵌套）容器層屬性多樣：隱藏、背景配合JavaScript可以實現(xiàn)多種特效，如菜單不足：不能相對定位；不能被嵌入其他容器，如表格；瀏覽器要求IE4.0以上DW設(shè)定層F2 高級布局欄里可設(shè)定層；編輯-參數(shù)一項里，可以設(shè)定插入的默認(rèn)層的情況；設(shè)定層的屬性：LayerID：層名稱；左、頂邊距；層寬、層高；Z-index：層的堆疊順序號；顯示初始值：默認(rèn)（可見）、inherit繼承、可見、隱藏層的背景顏色、背景圖片；層邊距創(chuàng)建層菜單操作插入默認(rèn)層用插入欄里層工具在編輯

17、區(qū)拖曳畫出創(chuàng)建嵌套層方法：用插入欄里層工具拖曳到編輯區(qū)已有的層中創(chuàng)建對兩個并列的層，在層面板里通過ctrl+鼠標(biāo)操作實現(xiàn)層的操作層中加入對象選擇層（方法繁多，如shirt+層內(nèi)單擊）多層同時選中，用shift移動層多個層的操作：“修改-對齊” 可設(shè)定對齊方式改變： 左右上下對齊；可設(shè)定大小為高度相同或者寬度相同圖層吸附到網(wǎng)格改變層的疊放次序：改變z-index值改變層的可見性層和表格的相互轉(zhuǎn)化（又一傻瓜型排版工具）實戰(zhàn)網(wǎng)頁維護(hù)第三步網(wǎng)頁上傳到服務(wù)器上傳過程注意的問題重要文件的備份更新日記實戰(zhàn)網(wǎng)頁維護(hù)第九步網(wǎng)頁維護(hù)進(jìn)階內(nèi)容了解HTML語言什么是HTML標(biāo)準(zhǔn)通常標(biāo)注語言 (Standard Gen

18、eralized Markup Language, SGML), 是一種用來定久標(biāo)注記號的語言. HTML就是SGML的 一種 “應(yīng) 用”. HTML全稱為Hyper-Text Markup Language, 本身是一種標(biāo)識語言。在HTTP協(xié)議支持下，用這種標(biāo)識語言編輯的超文本文件可以被各種瀏覽器識別并加以解讀執(zhí)行，從而實現(xiàn)網(wǎng)頁文件的瀏覽下載，亦即WWW網(wǎng)頁服務(wù)。HTML文件基本結(jié)構(gòu)html文件由元素(element)組成，組成html文件的元素有許多種，用于組織文件的內(nèi)容和指導(dǎo)文件的輸出格式。絕大多數(shù)元素是“容器”，即它有起始標(biāo)記和結(jié)尾標(biāo)記。例子: This is my first htm

19、l file. 說明： 元素開始標(biāo)識符； 元素結(jié)尾標(biāo)識符；兩者之間的部分如第二行是該元素的元素體；一個元素的元素體中可以有另外的元素。個別元素標(biāo)識符可以沒有結(jié)尾標(biāo)示符。body 元素名稱；background 屬性名；屬性名,屬性值合起來構(gòu)成一個完整的屬性，一個元素可以有多個屬性，各個屬性用空格分開；HTML頁面完整結(jié)構(gòu)html文件僅由一個html元素組成， 即文件以開始，以結(jié)尾，文件其部分都是 html的元素體。html元素的元素體由兩大部分，即頭元素.和體元素和一些注釋組成。頭元素和體元素的元素體又由其它的元素和文本及注釋組成。html文件開始 文件頭開始文件頭 文件頭結(jié)束 文件體開始文件

20、體 文件體結(jié)束 html文件結(jié)束元素出現(xiàn)的位置：部分只能出現(xiàn)在頭元素中，絕大多數(shù)元素只能出現(xiàn)在體元素中。在頭元素中的元素表示的是該html文件的一般信息出現(xiàn)在體元素中的元素按次序?qū)tml文件的標(biāo)識文本進(jìn)行輸出html的元素有下列三種表示方法：1) 文本或超文本2) 文本或超文本3) 應(yīng)該了解的Html元素文件頭部分標(biāo)題 /網(wǎng)頁標(biāo)題 /環(huán)境設(shè)定 /關(guān)鍵字文件體部分段落； 段內(nèi)回車項目編號超級鏈接 表格 具體實例 first second a sample for table the end 了解Html對主頁制作的意義Dreamweaver相對于FrontPae 本身就是更貼近Html編輯的一

21、個主頁制作工具。每一個對象的屬性設(shè)定實際上都是工具化了的Html代碼編輯。了解了具體的Html代碼中元素的各種屬性和功能，就能更好的對主頁對象進(jìn)行合理合適的編輯。應(yīng)用更方便，比如利用Html標(biāo)簽可以方便而準(zhǔn)確的對一些主頁元素進(jìn)行選擇。適合中高級主頁編輯者對主頁源代碼進(jìn)行最經(jīng)濟和最準(zhǔn)確的精簡，最大程度避免代碼冗余。中高級網(wǎng)頁設(shè)計所必須。如CSS, JavaScript等的插入編輯，ASP, PHP等動態(tài)網(wǎng)頁的編輯。主頁維護(hù)必須。一些未知因素導(dǎo)致的頁面設(shè)計上的失誤往往需要通過Html編碼直接查錯修正才可能解決問題。實戰(zhàn)網(wǎng)頁維護(hù)第十步網(wǎng)頁維護(hù)高級內(nèi)容了解CSS層疊樣式表Cascading Style

22、 SheetCSS是控制網(wǎng)頁顯示效果的一個格式規(guī)則的集合，它允許設(shè)計者在HTML文檔中加入樣式（字體類型、顏色、大小等）CSS應(yīng)用例子：去掉鏈接文字的下劃線改變?yōu)g覽器字體大小情況下文字的變化需要掌握的CSS：字體大小、顏色、外形、段落行距的設(shè)定偽類的設(shè)定表格邊框的設(shè)定圖片等元素的定位設(shè)定將樣式與HTML結(jié)合在文檔中定義,例子:This is a green, italic, Arial H3 header.在行內(nèi)定義CSSThis is a green, italic, Arial H3 header.外掛CSS定義Font-family:Arial 等效font-style:italic 等

23、效color:green 等效樣式控制優(yōu)先次序編輯窗口里對具體對象的最后屬性設(shè)定；CSS類沒做任何設(shè)定時候下瀏覽器的默認(rèn)值CSS定義結(jié)構(gòu)解析定義樣式：H3 font-family:Arial選擇符，屬性，屬性值；多重屬性用分號分隔；用Class和ID作為選擇符.pink color:#ff00cc#bright font-weight:bolder;color:#00ff00pink dream come truethis is the bright word簡化編碼辦法選擇符編組table,tr,td,p font-size:9pt簡化編碼em font:9pt/12pt bolder等價于

24、font-size:9pt;line-height:14pt;font-weight:bolder在DW下如何運用CSS在DW MX下 CSS使用三種方式：鏈接、導(dǎo)入、嵌入；前兩者可用于多個頁面共用一個.css樣式表文件嵌入式CSS在DW MX下編輯包括：Custom CSS，類（class）類的應(yīng)用代碼是 class=“ class name “CSS selector，定義偽類，主要是對鏈接的設(shè)定a:link; a:visited; a:hover; a:activeRedefine HTML Tag對HTMl標(biāo)識符進(jìn)行設(shè)定New style Sheet File的建立和CSS樣式表的導(dǎo)出

25、自定義CSS的應(yīng)用外部CSS樣式表的應(yīng)用運用CSS時機普通的頁面編輯無法實現(xiàn)的主頁特效和顯示效果如：改變鏈接的默認(rèn)顯示樣式等；同一頁面共同需要的格式，使用CSS可以最大程度減少代碼冗余；同一網(wǎng)站不同頁面共同需要的格式，使用CSS可以保證文件尺寸最大的精簡，同時.css文件共享還實現(xiàn)了主頁格式的方便移植。實戰(zhàn)網(wǎng)頁維護(hù)第十一步網(wǎng)頁維護(hù)進(jìn)階內(nèi)容主頁特效初步推薦軟件任何一款網(wǎng)上常用的特效軟件如：主頁特效王，greentea等按特效軟件提示向?qū)?，填入必需的設(shè)定項目，將自動生成的JavaScript代碼copy到網(wǎng)頁文件代碼中JavaScript的兩種調(diào)用方式.js文件可以被網(wǎng)頁進(jìn)行外部調(diào)用以Script

26、腳本語句直接嵌入到頁面任何位置圖片特效軟件推薦Anfy 2.0特點：以applet（外掛）生成的眩目的主頁特效，效果豐富出眾應(yīng)用時按向?qū)瓿稍O(shè)定，注意將支持特效的.js文件一起copy到網(wǎng)頁目錄下實戰(zhàn)網(wǎng)頁維護(hù)第二十步網(wǎng)頁維護(hù)高級進(jìn)階內(nèi)容應(yīng)用DM的JavaScript行為JavaScript簡介JavaScript是Netscape公司產(chǎn)品;（Java語言是SUN Microsystems產(chǎn)品）程序語言本身類似Java，C；嵌入代碼，通過瀏覽器識別執(zhí)行后，達(dá)到改變頁面屬性，控制瀏覽進(jìn)程能實現(xiàn)交互功能；完成大量主頁特效如：鼠標(biāo)敲擊移動事件等等JavaScript行為行為是被用來動態(tài)響應(yīng)用戶操作、改

27、變當(dāng)前頁面效果或者是執(zhí)行特定任務(wù)的一種方法行為=事件+動作事件為大多數(shù)瀏覽器理解的通用代碼，可以由用戶激發(fā)如：onMouseOver等；一個事件可以觸發(fā)多個動作舉例：輪轉(zhuǎn)圖片（鼠標(biāo)移動到圖片上方，圖片發(fā)生變化的主頁特效）DW MX里提供的“行為”功能，是一套封裝好的JavaScript函數(shù)庫；包含20多種行為動作使用DW行為功能例子：單擊圖片，關(guān)閉當(dāng)前窗口步驟：調(diào)出“行為”面板（shift+F3）選中插入圖片，添加行為call JavaScript對話框中編寫代碼為“window.close()”選擇觸發(fā)事件為onclick動作使用方法例解（1）Call JavaScript 調(diào)用JavaSc

28、riptChange Properties 改變屬性例子：層改變背景顏色Check Browser 檢查瀏覽器可根據(jù)客戶端瀏覽器的不同選擇不同頁面；注意這個行為的工作流程Check plugin 檢查插件可設(shè)定flash網(wǎng)頁和非flash網(wǎng)頁動作使用方法例解（2）Control Shockware / flash 控制flashDrag layer 層移動設(shè)定分基礎(chǔ)、高級Go to URL 跳轉(zhuǎn)鏈接在框架頁中打開注意先設(shè)定好框架名稱Open browse window 定制打開窗口Play sound支持音樂文件類型：midi, mp3, wav動作使用方法例解（3）Popup message

29、 提示信息框Preload image 預(yù)下載圖象對不會立即出現(xiàn)的圖象載入到瀏覽器緩存，如使用時間軸、timeline、交互圖象Set text動態(tài)改變層、框架、狀態(tài)欄等的文字Show-hide layers改變層的顯示狀態(tài)：顯示|隱藏Swap image 跳轉(zhuǎn)圖象注意兩張圖片大小要一致擴展使用：set nav bar imageTimelineValidate form自動檢測表單內(nèi)容合法性參考書目賈春紅.網(wǎng)迷新寶典-DreamweaverMX網(wǎng)頁制作M.人民郵電出版社,2002黃斯偉.網(wǎng)頁樣式設(shè)計-CSS.人民郵電出版社.2000Steven Holzner.JavaScript使用詳解.

30、機械工業(yè)出版社.1999Lee Anne Phillips.巧學(xué)活用HTML4.機械工業(yè)出版社.1998附：常用軟件用法ACDsee兩種界面：瀏覽界面，文件夾界面（可以進(jìn)行圖片文件的管理）除了圖片瀏覽，還可以利用的附加功能：圖片的簡單處理大小變化，旋轉(zhuǎn)，格式轉(zhuǎn)換縮略圖及網(wǎng)頁的建立PhotoShop新建圖像設(shè)定圖像寬度，高度（單位：像素）設(shè)定分辨率，網(wǎng)絡(luò)圖像分辨率可設(shè)定為72或100圖層概念及操作文本和中間所有圖形層次都是有前后次序的層保存文件保留所有操作層次的原始文件為.psd格式；網(wǎng)絡(luò)圖像可用壓縮格式j(luò)peg和gif設(shè)定輸出常用工具選擇工具，裁切工具等常用操作對比度亮度設(shè)定，層的復(fù)制刪除操作，文本操作等基本概念和基本操作圖像大小和分辨率的調(diào)節(jié)一般數(shù)碼相機默認(rèn)設(shè)定下所拍攝的照片，分辨率都在1024*768以上，不適合直接插入網(wǎng)絡(luò)，需要經(jīng)過大小和分辨率的調(diào)節(jié)，進(jìn)行插入。理想圖像大小單個網(wǎng)絡(luò)圖像大小原則上不超過100K；過大的圖形可以分割為多個小的圖像，加快圖像的網(wǎng)絡(luò)傳輸速度具體操作改變圖像大小和分辨率，調(diào)節(jié)亮度對比度，壓縮保存應(yīng)用（1）數(shù)碼照片的處理設(shè)定一個默認(rèn)的統(tǒng)一規(guī)格的縮略圖大小筆者一般以125*94作為統(tǒng)一規(guī)格，這是800*600等標(biāo)準(zhǔn)分辨率的等比大小以125*94為一個基本比例，在圖形中通過新建，等比擴大，載入選區(qū)，確