dreamweaver網(wǎng)頁設(shè)計 授課教案

1、DreamweaverDreamweaver網(wǎng)頁設(shè)計網(wǎng)頁設(shè)計授課教案授課教案Dreamweaver教案一(一課時)教學(xué)目的:初步了解Dreamweaver的操作教學(xué)重點:Dreamweaver的界面教學(xué)難點:各個面板的調(diào)用一、引入為什么要用Dreamweaver而不用FrontpageDreamweaver是Macromedia公司的出品，它以程序小、運行速度快、所制作網(wǎng)頁代碼少這些優(yōu)點，贏得了網(wǎng)頁制作人員的喜愛。例一:m1.htm和f

2、1.htm的大小比較例二:frontpage安裝程序和dreamweaver安裝程序的大小比較例三:frontpage運行和dreamweaver啟動比較二、Dreamweaver的安裝三、Dreamweaver的界面1(文檔窗口:主菜單、工具欄、底部啟動條、文檔編輯區(qū)2(對象面板:標準、表格、表單、框架、特殊、文件頭、隱藏、字符3(啟動面板:站點管理、代碼檢查、HTML樣式、CSS樣式、行為、歷史記錄、資源管理4(屬性面板:隨目前對象

3、不同而內(nèi)容不同四、作業(yè)1(寫出Dreamweaver對象界面中所有對象的名稱2(新建一個空白網(wǎng)頁，寫出空白網(wǎng)頁的HTML代碼Dreamweaver教案二(一課時)(1)樣式:段落(Paragraph)，標題(Heading1)、??預(yù)先格式化的(prefmatted)預(yù)先格式化的:可以輸入空格，可以按文本原來的樣子排列，缺點是不能實現(xiàn)自動換行(2)字體:DefaultFont(3)大小:Size(4)顏色:(5)其它:加粗、傾斜(6)對

4、齊:2(鏈接(Link):鏈接到文件，鏈接到地址，相關(guān)(Relateto):文檔(Document)，站根目錄(SiteRoot)3(目標(Target):打開鏈接的目標_blank、_self、_parent、_top4(項目符號、編號和縮進四、作業(yè)根據(jù)示例網(wǎng)頁，制作一個網(wǎng)頁Dreamweaver教案三(兩課時)教學(xué)目的:掌握網(wǎng)頁中圖片的相關(guān)操作教學(xué)重點:dreamweaver中設(shè)置圖片的屬性教學(xué)難點:圖像處理軟件的使用一、復(fù)習(xí)引入1