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

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

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

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

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