【正文】 片?？梢跃哂型该?、動畫等特殊效果。插入本地計算機上的圖像（“插入”—“圖片”—“來自文件”，“從計算機選擇一個文件”）插入WEB上的圖像（“插入”—“圖片”—“來自文件”，“從WEB瀏覽器來選擇網(wǎng)頁或文件”）二、處理圖像剪裁圖像（“圖片”工具欄—“剪裁”按鈕）設(shè)置透明背景（“圖片”工具欄—“設(shè)置透明色”按鈕）三、添加文本（“圖片”工具欄—“文本”按鈕）四、保存圖像注：默認情況下，當前站點的圖像文件保存在Images文件夾中五、運用特殊效果調(diào)整圖片的亮度和對比度圖片的翻轉(zhuǎn)與旋轉(zhuǎn)圖片的沖蝕和黑白處理凹凸效果六、設(shè)置圖片對齊方式（“圖片屬性”—“外觀”—“布局”—“對齊方式”）七、使用水平線水平線是貫穿網(wǎng)頁寬度的細灰條，用于分隔文本或加著重符。如果網(wǎng)頁使用了主題，則會使用圖形來代替水平線以匹配主題。激發(fā)思維，師生互動，增強學生學習的主動性、積極性和創(chuàng)造性；圖片被選中后，四周將出現(xiàn)8個控制方塊，并且“圖片工具欄”被激活?？梢赃x擇長方形、圓形或多邊形。這時，鼠標指針變成一支筆的模樣。盡量讓熱點和圖片上的特征區(qū)域相配合熱點繪制完畢，圖片中將出現(xiàn)該熱點的邊框。 練習五、設(shè)計一個介紹一年四季風景的網(wǎng)站要求：用到嵌套列表、框架、超鏈接、圖像熱點等技術(shù)。激發(fā)思維，師生互動，增強學生學習的主動性、積極性和創(chuàng)造性；二、 生成表單表單的創(chuàng)建與表單字段的添加“插入”—“表單”表單向?qū)А拔募薄靶陆ā薄熬W(wǎng)頁”“常規(guī)”——“表單網(wǎng)頁向?qū)А比?表單內(nèi)容編輯單行文本框滾動文本框復選框單選按鈕下拉菜單按鈕圖片標簽隱藏的表單字段四、驗證性表單字段（“驗證有效性按鈕”）五、 表單處理程序右擊表單，選擇“表單屬性”命令，提供了保存表單數(shù)據(jù)的三種不同處理方式：發(fā)送到文件（單擊“選項”按鈕”，進行設(shè)置）發(fā)送到數(shù)據(jù)庫討論表單處理程序注冊表單處理程序自定義ISAPI、NSAPI、CGI或ASP腳本練習六：制作表單制作一個注冊信息表單，要求包括下面的內(nèi)容：會員帳號、您的姓名、您的性別、輸入密碼、密碼確認、密碼提示問題、密碼提示答案、電子郵件、常用電話、收貨地址、郵政編碼、提交按鈕、重填按鈕【課程小結(jié)】【作業(yè)】1．5 課后練習 書本課后練習作業(yè)第十節(jié) 層及應(yīng)用（DW 2004）【教學目的與要求】一、層概述二、創(chuàng)建層【教學方法與手段】多媒體教學：借助多媒體手段，進行課堂理論教學；啟發(fā)式教學：教學活動關(guān)注的重點從結(jié)果轉(zhuǎn)向過程?！窘虒W重點與難點】：基礎(chǔ)知識：層概述重點知識：創(chuàng)建層【教學組織過程】2課時1．上講回顧2．教授新知【授課內(nèi)容】一、層概述層（Layer）是一種 HTML 頁面元素，您可以將它定位在頁面上的任意位置。層的出現(xiàn)使網(wǎng)頁從二維平面拓展到三維。 二、創(chuàng)建層方法一：“插入”—“布局對象”—“層”方法二：“插入”工具欄—“布局”—“ 描繪層”，按住鼠標拖動方法三：“插入”工具欄—“布局”，拖動“ 描繪層”按鈕到文檔窗口（按CTRL鍵，可繪制多層）三、 通過拖動周圍的黑色調(diào)整柄控制層的大小四、 拖動層左上角的選擇柄可以移動層的位置。（顯示層標記的方法：“編輯”—“首選參數(shù)”—“分類”—“不可見元素”六、顯示層面板（“窗口”—“層”）層的隱藏與顯示層數(shù)層重疊 七、層和表格之間的轉(zhuǎn)換（在轉(zhuǎn)換為表格之前，請確保層沒有重疊。激發(fā)思維，師生互動，增強學生學習的主動性、積極性和創(chuàng)造性；行為是事件和由該事件觸發(fā)的動作的組合。 實例：dreamweaver中網(wǎng)頁折疊菜單的制作第一步：先插入一個一行、兩列的表格，方法：單擊菜單上的“插入” ，再選取“表格” ，在“行”中輸入1，在列中輸入2，在單擊“確定”。把寬和高分別設(shè)為100px和90px 第三步：在層中插入一個三行、一列的表格，方法同第一步。在三個單元格中輸入內(nèi)容 在層的屬性欄中將“可視”設(shè)為“隱藏”，這樣在打開網(wǎng)頁時便看不見這個層 在“行為目標”中選擇一個合適的瀏覽器，一般是選擇“IE ”。在彈出的菜單中選擇“顯示或隱藏層” ， 在彈出的窗口中選擇 “Layer1” ，就是我們剛才添加的那個層了，再單擊“顯示”接著單擊“事件”下面右邊的那個向下箭頭按鈕，在彈出菜單中選擇“當鼠標移上”（OnMouseOver）。然后選擇“事件”，單擊“當鼠標移開”(OnMouseOut)。激發(fā)思維，師生互動，增強學生學習的主動性、積極性和創(chuàng)造性；HTML ( 超文件標記語言 ) 是一種建立網(wǎng)頁文件的語言，透過標記式的指令 (Tag)，將影像、聲音、圖片、文字等連結(jié)顯示出來。HTML網(wǎng)頁文件可由任何文本編輯器或網(wǎng)頁專用編輯器編輯，完成后 ( 以 .htm 或 .html 為文件后綴保存 ) 將HTML網(wǎng)頁文件由瀏覽器打開顯示，若測試沒有問題則可以放到服務(wù)器 (Server) 上，對外發(fā)布信息。 HEAD 標頭區(qū) : 記錄文件基本資料，如作者、編寫時間。 BODY 本文區(qū) : 文件資料，即在瀏覽器上看到的網(wǎng)站內(nèi)容。通常用在如章節(jié)、段落等標題上。 如 : B 粗體字 /B 粗體字 I.../I 斜體字。 如 : U 加底線 /U 加底線 DEL.../DEL 橫線 ( 表示刪除 )。 如 : TT 打字體 /TT 打字體 SUP.../SUP 上標字。 如 : 字體 SUB 下標字 /SUB 字體下標字 !... 注解 ( 不會顯示在瀏覽器上 )，可以多行。BODY.../BODY標記。BASEFONT.../BASEFONT標記。FONT.../FONT標記。 如 : BASEFONT SIZE=4 基本字體大小為 4 /BASEFONT 基本字體大小為 4 如 : BASEFONT COLOR =FF0000 設(shè)定顏色 /BASEFONT 設(shè)定顏色 如 : BASEFONT FACE = 標楷體 , 細明體 設(shè)定字型 /BASEFONT 設(shè)定字型 BIG.../BIG 基本字體加大。 如 : BASEFONT SIZE=4 基本字體大小為 4，/BASEFONT SMALL 減小為 3 /SMALL 基本字體大小為 4，減小為 3 FONT.../FONT 設(shè)定字體大小、顏色、字型，SIZE = 1 ~ 7，1 ( 最小 ) 7 ( 最大 )。 相關(guān)屬性 : BGCOLOR 背景顏色 HEIGHT 高度 TR.../TR 表格列 ( /TR可省略 ) 。 ROWSPAN 欄高 TD.../TD 表格欄資料 ( 儲存格 ) ( /TD可省略 ) 。ALIGN 調(diào)整 HEIGHT 高度 COLSPAN 欄寬 如 : HR ALING=CERTEN WIDTH=90% BR 跳下一行。 太平洋網(wǎng)絡(luò)學院， 網(wǎng)上學電腦的好去處。 ( /P 可省略 ) 如 : 太平洋網(wǎng)絡(luò)學院，P網(wǎng)上學電腦的好去處。 CENTER.../CENTER 置中。 如 : NOBR太平洋網(wǎng)絡(luò)學院，/NOBR網(wǎng)上學電腦的好去處。 PRE.../PRE 以文件原始格式顯示。 相關(guān)屬性 : TARGET 指定鏈接到的URL位址或文件顯示于那一個視窗 ( 可和 FRAME 視窗標記配合使用或開新的視窗 ) 如 : BASE HREF= :// A HREF=■/A BASE HREF= : // TARGET=frame1 A.../A 鏈接指令。HREF 鏈接的URL位址或文件 TARGET 指定鏈接到的URL位址或文件顯示于那一個視窗 ( 可和 FRAME 視窗標記配合使用或開新的視窗 ) 如 : 外部鏈接 AHREF= ://■/A A HREF= : // TARGET=frame1■/A ( 若不設(shè)定HTML文件位置則再載入原HTML文件 ) META HTTPEQUIV=REFRESH CONTENT=10 URL= 設(shè)定鏈接、未鏈接部份顏色 設(shè)定鏈接、未鏈接部份顏色，用BODY.../BODY標記。ALINK按下鏈接部份未放開時顏色 VLINK已看過的鏈接部份顏色 如 : BODY LINK=0000FF ALINK=FF0000 VLINK=00FF00 八、框架窗口常用標記 FRAMESET.../FRAMESET 定義分割窗口。BORDER 邊框 『*』表示剩余部份 ) ROWS 列 , 設(shè)定分割上下窗口高度 ( 用『,』分隔，可設(shè)百分比 % 。 相關(guān)屬性 : NAME 名稱 SRC 文件或URL位址 IFRAME.../IFRAME 插入浮動窗口。BORDER 邊框 NORESIZE 設(shè)定是否可以調(diào)整窗口大小 SCROLLING 設(shè)定是否可以卷動 舉例 如 : 浮動窗口 CENTER IF RAME FRAME BORDER=YES SCROLLING=YES SRC= /IFRAME /CENTER 九、設(shè)定圖片的方法共有以下幾種 : 設(shè)定HTML文件背景圖片、背景顏色。 如 : BODY BACKGROUND=.../BODY 或 BODY BGCOLOR=000000.../BODY 設(shè)定圖片。 設(shè)定地圖。 常用圖片標記 IMG 指令 相關(guān)屬性 : ALT 提示字 HEIGHT 高度 USEMAP 地圖名稱 NAME 名稱 AREA 設(shè)定地圖動作區(qū)域 相關(guān)屬性 : 右下角座標 : X2,Y2 ) NOHREF 動作區(qū)域連結(jié)點不動作 相關(guān)屬性 : SRC 文件或URL位址 (可為WAV、MIDI格式 ) 如 : BGSOUND SRC= LOOP=True 內(nèi)嵌音樂插件 EMBED.../EMBED 內(nèi)嵌插件。HEIGHT 高度 SRC 設(shè)定內(nèi)嵌物件的 URL 位址 AUTOSTART 自動播放 如 : EMBED SRC= WIDTH=145 HEIGHT=60 AUTOSTART=True LOOP=True/EMBED 十一、【文字卷動標記】 MARQUEE.../MARQUEE 文字卷動 ( 滾動條 )。BEHAVIOR = 設(shè)定卷動方式 ALTERNATE 交替來回卷動 SCROLL 卷動 ( 預設(shè) ) SLIDE 滑動 DIRECTION = 設(shè)定卷動方向 LOOP = n 循環(huán) , 卷動次數(shù) ( 預設(shè)循環(huán) ) SCROLLDELAY = milliseconds 設(shè)定卷動時間 WIDTH = n 寬度 ( 可設(shè)百分比% ) 【舉例】 例一 : MARQUEE BGCOLOR=RED BEHAVIOR=ALTERNATE DIRECTION=LEFT SCROLLAMOUT=10 SCROLLDELAY=100 FONT COLOR=WHITE太平洋網(wǎng)絡(luò)學院/FONT/MARQUEE 如 : MARQUEE BGCOLOR=GREEN HEIGHT=50 BEHAVIOR=SCROLL DIRECTION=UP SCROLLAMOUT=10 SCROLLDELAY=300 FONT COLOR=WHITECENTER太平洋網(wǎng)絡(luò)學院/CENTER/FONT/MARQUEE【課程小結(jié)】【作業(yè)】1．5 課后練習 書本課后練習作業(yè)第十三節(jié) 使用CSS樣式【教學目的與要求】一、CSS概述二、創(chuàng)建一個新的CSS樣式【教學方法與手段】多媒體教學：借助多媒體手段，進行課堂理論教學；啟發(fā)式教學：教學活動關(guān)注的重點從結(jié)果轉(zhuǎn)向過程?！窘虒W重點與難點】：基礎(chǔ)知識：CSS概述重點知識：創(chuàng)建一個新的CSS樣式【教學組織過程】2課時1．上講回顧2．教授新知【授課內(nèi)容】一、CSS概述CSS（Cascading Stylesheets，層疊樣式表）是一種制作網(wǎng)頁的新技術(shù)，現(xiàn)在已經(jīng)為大多數(shù)的瀏覽器所支持，成為網(wǎng)頁設(shè)計必不可少的工具之一。CSS樣式有以下幾個重要的作用：將格式與結(jié)構(gòu)分離增強控制頁面布局的能力簡化代碼，提高下載速度使維護和更新網(wǎng)頁變得更加容易代碼兼容性更好B二、創(chuàng)建一個新的CSS樣式顯示“CSS樣式”面板（“窗口”—“CSS樣式”）“附加CSS樣式”按鈕、“新建CSS樣式”、“編輯CSS樣式”按鈕、“刪除CSS樣式”創(chuàng)建自定義CSS樣式（在“CSS樣式”面板中選擇“新建CSS樣式”按鈕）類（可應(yīng)用于任何標簽）輸入名稱：（加“.”）定義在：新建樣式表文件、僅對該文檔標簽（重新定義特定標簽