案例 Dreamweaver層的運用_第1頁
案例 Dreamweaver層的運用_第2頁
案例 Dreamweaver層的運用_第3頁
案例 Dreamweaver層的運用_第4頁
案例 Dreamweaver層的運用_第5頁
全文預(yù)覽已結(jié)束

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認(rèn)領(lǐng)

文檔簡介

Dreamweaver層的運用教學(xué)案例張東升教材分析:《網(wǎng)頁制作》是計算機應(yīng)用專業(yè)的一門課程。教材側(cè)重知識點的講解,知識綜合運用少、實例也少。為此,我根據(jù)教程,結(jié)合學(xué)生的實際情況,自編了一套實例用來充實教學(xué)內(nèi)容,對基于教材的教學(xué)是一個很好的延伸,《層的運用》便是其中的一例?,F(xiàn)在的學(xué)生都已經(jīng)具備一定的計算機操作技能。在課前調(diào)查中得知,很多學(xué)生有制作自己個人主頁的愿望,并十分羨慕那些已經(jīng)擁有的個人主頁的網(wǎng)友。所以,我確定了一個長期的任務(wù)——制作學(xué)生自己的個人主頁,貫穿整個學(xué)期的網(wǎng)頁制作課程教學(xué)。這一節(jié)課的教學(xué)是對上節(jié)課課本內(nèi)容——“創(chuàng)建和使用層”的一個延伸,其中還用到Photoshop對圖片進行簡單處理。下節(jié)課就開始課本內(nèi)容——第九章“表單”的教學(xué),這節(jié)課學(xué)習(xí)的“用圖層做小拼圖游戲”是本章知識點的一個綜合應(yīng)用。教學(xué)目標(biāo):[知識目標(biāo)]在了解了如何創(chuàng)建和使用層的基礎(chǔ)上,進一步熟悉層,運用層做網(wǎng)頁。[能力目標(biāo)]恰到好處的在網(wǎng)頁中運用層。[情感目標(biāo)]體會層在網(wǎng)頁制作中的神奇作用;提升興趣。教學(xué)重點:層的插入、層上圖片和表格的插入以及“行為”的添加。教學(xué)難點:拖動層行為的運用教學(xué)方法:任務(wù)驅(qū)動法、實例教學(xué)法

教學(xué)思路:復(fù)習(xí)導(dǎo)入T設(shè)置疑問T解答疑問、學(xué)習(xí)新課T鞏固練習(xí)T擴展練習(xí)T課堂討論f布置作業(yè)教學(xué)準(zhǔn)備:計算機多媒體一體化教室教學(xué)過程:教師活動學(xué)生活動設(shè)計目的一、導(dǎo)入新課。1、前面我們學(xué)習(xí)了如何創(chuàng)建和使用層,請同學(xué)通過演示教們簡單回憶一下;這節(jié)課我們通過一個例子進一步師自己制作給同學(xué)們展示層的妙用。的網(wǎng)站,提高(引出本節(jié)課的任務(wù))學(xué)生興趣。教師演示自己制作好的拼圖游戲網(wǎng)頁2、在本學(xué)期開學(xué)的時候,老師就布置了一個總的學(xué)習(xí)任務(wù)就是學(xué)會網(wǎng)頁制作,讓大家能夠在網(wǎng)上擁有自己的個人主頁,那么有上網(wǎng)經(jīng)歷的同學(xué)就會發(fā)現(xiàn)一般個人主頁上都會有“娛樂休閑”版塊,我們今天的任務(wù)就是用“層”的知識做一個主頁的二級頁面“娛樂休閑之拼圖游戲”。設(shè)置疑問,激3、設(shè)置疑問發(fā)學(xué)生的求用瀏覽器打開一個網(wǎng)頁(事先準(zhǔn)備好的拼圖),知欲。通過鼠標(biāo)拖動改變圖片的位置,最后拼出完整的圖1、打開老師下發(fā)的樣,為什么這些小圖可以拖動放在一定區(qū)域的任意拼圖游戲網(wǎng)頁,試位置上呢?請同學(xué)們想一想用前面的知識能否實現(xiàn)著拖動拼圖。呢?跟上節(jié)課說的“層的使用”有何聯(lián)系呢?二、教學(xué)新課之層的妙用:1、圖片處理2、想一想這里為什在圖像處理軟件photoshop中打開一幅風(fēng)景圖么要處理成三的整像,調(diào)整其大小到長和寬均為三的整數(shù)倍,將其分?jǐn)?shù)倍呢?

解為大小相同的9個塊并分塊保存。2、制作網(wǎng)頁運行DreamweaverMX2004,新建一個HTML文件,設(shè)置網(wǎng)頁標(biāo)題,保存網(wǎng)頁文件。在頁面上描繪9個與圖像大小相同的層,然后拖動層,按照原圖像分別在9個層中插入并拼好圖像各部分。再描繪一個層,用于放置完整圖像效果圖,當(dāng)前頁面效果所示。(這里教師提醒學(xué)生注意層在網(wǎng)頁上的位置,最好為容易記憶和計算的整數(shù),方便各層的精確對齊;請同學(xué)們用筆記下layerl的位置坐標(biāo)和整個圖象的大小以備后用)在頁面空白處單擊,確保沒有任何對象選中,打開[行為]面板,單擊+按鈕,在下拉菜單中選擇[拖動層]命令,彈出[拖動層]對話框。(此處是本節(jié)課新增的內(nèi)容一一為各層添加行為,作為課本的一個補充)在對話框的[層]下拉列表中選擇“層Laryer1”,單擊[取得目前位置]按鈕,則對話框中的顯示,單擊[確定]按鈕。(教師解釋該對話框中“取得目前位置”的含義,請同學(xué)們想一想并回答“接近象素”后面的值表示什么意思?此處留下懸念暫時教師不給出答案,留到后面解釋。)再次選擇[行為]面板中的[拖動層]命令,在對話框的[層]下拉列表中選擇“層Larye2”,單擊[取得目前位置]按鈕,對話框中的顯示所示,單擊[確定]按鈕返回。重復(fù)此操作,分別為層Layer3到層Layer93、記錄相關(guān)數(shù)據(jù)4、舉手回答問題培養(yǎng)學(xué)生形成學(xué)會思考的習(xí)慣

設(shè)置[拖動層]行為。此時,[行為]面板中的顯示所示。(g)再描繪一個層,讓層的左邊距和上邊距對準(zhǔn)Layerl的左邊距和上邊距,層的大小剛好為完整的9張圖大小。在層里面插入一個3行3列的表格,表格大小與層的大小一致,即每個單元格正好容納一張圖像。表格邊框為1,填充和間距均為0。(前面的數(shù)字記住了嗎?layerl的位置坐標(biāo)和整個圖的大?。╤)打亂頁面上各層的位置,保存文件并在IE瀏覽里瀏覽,此時頁面上除“參考圖”夕卜,其他各塊圖像都是可以移動的。當(dāng)用戶將某一塊圖像移動到距離正確位置50像素的范圍內(nèi)時,圖像將自動找準(zhǔn)位置。(i)(此處的50px在前面哪里設(shè)置的,可還記得?正象前面同學(xué)們回答的一樣這里象素值表示當(dāng)用戶將某一塊圖像移動到距離正確位置多少像素的范圍內(nèi)時,圖像將自動找準(zhǔn)位置。前面你回答對了嗎?)三、課堂練習(xí)。(教師巡視,并查看學(xué)生的操作情況)在機子里搜索合適的圖片處理后,制作9塊的拼圖游戲網(wǎng)頁,并在自己的個人主頁里相應(yīng)位置添加鏈接到新做的拼圖游戲頁面。做完后同學(xué)之間可以相互拼圖,找到不足,發(fā)現(xiàn)問題并討論解決。四、小結(jié),擴展練習(xí)。試試16塊的拼圖,做完后同學(xué)之間可以相互拼圖,找到不足,發(fā)現(xiàn)問題并討論解決。培養(yǎng)學(xué)生之間協(xié)作發(fā)現(xiàn)并解決問題的能力。豐富個人主頁內(nèi)容,讓學(xué)生有一種說不出的成就咸O增加難度,不斷激勵,并提高學(xué)生的自學(xué)能力。教學(xué)感想:網(wǎng)頁制作是一門操作性很強的課程,學(xué)生動手的時間越多,效果也就越好。在此之前,同學(xué)們已經(jīng)學(xué)習(xí)過“創(chuàng)建和使用層”并已經(jīng)通過上機實例操作對層的創(chuàng)建很熟悉了,所以為了讓同學(xué)們進一步體會“層的妙用”,我安排了這次拼圖游戲課。這節(jié)課的內(nèi)容可以作為書本知識的一個補充,同時也讓學(xué)生對行為有了第一次的親密接觸,對后續(xù)的學(xué)習(xí)是一個鋪墊,事實證明同學(xué)們興

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論