第一篇:博物館網(wǎng)站首頁(yè)制作教案
博物館網(wǎng)站首頁(yè)制作教案
第一部分:課前導(dǎo)入
簡(jiǎn)單復(fù)習(xí)回顧上節(jié)所學(xué)內(nèi)容 第二部分:學(xué)習(xí)新內(nèi)容 【步驟一】 告知
簡(jiǎn)單介紹本單元需要學(xué)習(xí)掌握的內(nèi)容
【步驟二】 引入
由一組圖片導(dǎo)入 【步驟三】 操練
北京騰飛博物館網(wǎng)站首頁(yè)制作
一、行業(yè)應(yīng)用 屬于網(wǎng)頁(yè)設(shè)計(jì)
二、設(shè)計(jì)理念
博物館本身存放的就是大量距今年代比較久遠(yuǎn)的物品,因此設(shè)計(jì)師在設(shè)計(jì)過程中,從網(wǎng)頁(yè)的顏色、裝飾元素以及表面肌理等方面,都力求能夠表現(xiàn)出一種歷史久遠(yuǎn)、古老典雅的氣氛,并給人以有內(nèi)涵、有文化氣息的視覺感受。【步驟四】具體操作步驟
1、制作背景
1新建 ○2打開素材 ○3設(shè)置前景色…….○
2、制作輔助效果 【步驟五】 歸納
本網(wǎng)站在開始時(shí)采用了很多圖形繪制功能輔助進(jìn)行布局,然后再結(jié)合各種肌理素材、混合模式、圖層蒙版以及調(diào)色功能,為網(wǎng)頁(yè)的各個(gè)部分疊加紋理;在制作內(nèi)部的各個(gè)內(nèi)容時(shí),將使用的蒙版、圖層樣式、圖形繪制以及文字輸入等功能,為每個(gè)圖形對(duì)象邊框等精致的效果,以及相關(guān)的裝飾圖形及說明文字,最后還需要打開一些裝飾圖形,結(jié)合縮放功能將其擺放在網(wǎng)頁(yè)的各個(gè)邊角位置作為裝飾?!静襟E六】 評(píng)價(jià)
對(duì)學(xué)生作品作具體評(píng)價(jià),好的作品給予肯定,容易出現(xiàn)問題的方面,如部分疊加紋理方面、蒙版的使用等,具體講解?!静襟E七】 小結(jié)
本案例:博物館本身存放的就是大量距今年代比較久遠(yuǎn)的物品,因此設(shè)計(jì)師在設(shè)計(jì)過程中,從網(wǎng)頁(yè)的顏色、裝飾元素以及表面肌理等方面,都力求能夠表現(xiàn)出一種歷史久遠(yuǎn)、古老典雅的氣氛,并給人以有內(nèi)涵、有文化氣息的視覺感受。因此同學(xué)們要把這種厚重感表現(xiàn)出來,此作品才算成功。
【步驟八】 作業(yè)
1、北京騰飛博物館網(wǎng)站首頁(yè)制作
2、完成實(shí)訓(xùn)報(bào)告冊(cè) 【步驟九】 課后反思
第二篇:制作網(wǎng)站首頁(yè)教案設(shè)計(jì)
制作網(wǎng)站首頁(yè)教案設(shè)計(jì)
制作網(wǎng)站首頁(yè)教案設(shè)計(jì)
廣東省云浮市郁南縣平臺(tái)鎮(zhèn)初級(jí)中學(xué)
黃偉興
教學(xué)課題:制作網(wǎng)站首頁(yè) 教學(xué)背景:
網(wǎng)站首頁(yè)是網(wǎng)站的“臉面”,學(xué)生通過學(xué)習(xí)設(shè)計(jì)網(wǎng)站首頁(yè),一方面培養(yǎng)他們?yōu)樘岣咦髌肺?、展現(xiàn)自我而積極思考、探究、嘗試的意識(shí)和態(tài)度,另一方面通過學(xué)習(xí)各種基本網(wǎng)頁(yè)設(shè)計(jì)技術(shù),親歷網(wǎng)頁(yè)制作的一般過程,更好地為接下去幾節(jié)課的學(xué)習(xí)和活動(dòng)參與打下基本功。教學(xué)目標(biāo):
1、知識(shí)與技能:
(1)了解網(wǎng)頁(yè)一般由哪些元素組成。(2)學(xué)會(huì)運(yùn)用表格進(jìn)行版面布局。(3)能夠在網(wǎng)頁(yè)中添加網(wǎng)頁(yè)元素。(4)能在網(wǎng)頁(yè)中設(shè)置超鏈接。
2、過程與方法:
(1)通過制作網(wǎng)站首頁(yè),掌握版面布局、添加網(wǎng)頁(yè)元素和設(shè)置超鏈接的基本技術(shù)方法,達(dá)到舉一反三的功效。
(2)通過學(xué)生動(dòng)手設(shè)計(jì)網(wǎng)頁(yè)的實(shí)踐活動(dòng),使學(xué)生掌握對(duì)象屬性的設(shè)置方法,為學(xué)生今后學(xué)習(xí)其他軟件奠定基礎(chǔ)。
3、情感態(tài)度與價(jià)值觀:
制作網(wǎng)站首頁(yè)教案設(shè)計(jì)
(1)提高視覺素養(yǎng),能根據(jù)網(wǎng)頁(yè)主題確定恰當(dāng)?shù)木W(wǎng)頁(yè)風(fēng)格并具有初步的創(chuàng)意。(2)通過運(yùn)用表格布局網(wǎng)頁(yè)對(duì)象活動(dòng),進(jìn)一步掌握各種不同對(duì)象屬性的設(shè)置方法和規(guī)律,提高學(xué)生學(xué)習(xí)信息技術(shù)的信心。
(3)在合作實(shí)踐過程中,培養(yǎng)學(xué)生的審美能力和創(chuàng)造能力,在小組協(xié)作學(xué)習(xí)中,培養(yǎng)學(xué)生合作幫助、團(tuán)結(jié)協(xié)作的良好品質(zhì)。
(4)培養(yǎng)學(xué)生大膽構(gòu)思、自我創(chuàng)新的精神,培養(yǎng)學(xué)生的美感及創(chuàng)作后的成就感。
(5)善于和老師、同伴一起分析討論,在分析、探討中學(xué)會(huì)欣賞,學(xué)會(huì)評(píng)價(jià)。
4、學(xué)情分析:
學(xué)生已經(jīng)具備了計(jì)算機(jī)軟件使用的基礎(chǔ),但學(xué)生在學(xué)習(xí)過程中往往會(huì)把注意力停留在技術(shù)實(shí)現(xiàn)的層面上,讓學(xué)生認(rèn)識(shí)和掌握制作網(wǎng)站首頁(yè)的方法,故操作性強(qiáng)。在前面幾節(jié)課學(xué)生初步確定了網(wǎng)站的主題,收集了部分資料。學(xué)生已經(jīng)在word文檔的學(xué)習(xí)中掌握在文檔中插入圖片、藝術(shù)字等素材方法,為制作網(wǎng)頁(yè)中的添加素材這一環(huán)節(jié)打下基礎(chǔ),同時(shí)表格教學(xué)比較枯燥,表格嵌套、根據(jù)圖片特點(diǎn)裁剪圖片、設(shè)計(jì)制作表格等知識(shí)點(diǎn)更加枯燥乏味。圖片處理操作水平的差異和教學(xué)內(nèi)容的枯燥,可能會(huì)造成很多學(xué)生不愿動(dòng)手、不會(huì)動(dòng)手。在實(shí)際教學(xué)時(shí),教師應(yīng)該時(shí)刻給予學(xué)生恰當(dāng)?shù)囊龑?dǎo),在調(diào)動(dòng)學(xué)生學(xué)習(xí)興趣方面下足功夫。
5、素質(zhì)目標(biāo):
制作網(wǎng)頁(yè)要應(yīng)用到多方面的知識(shí),培養(yǎng)學(xué)生的知識(shí)遷移能力,同時(shí)給學(xué)生提供了自由發(fā)揮的空間,學(xué)生可以充分發(fā)揮自身的創(chuàng)造力與想象力,培養(yǎng)學(xué)生綜合運(yùn)用知識(shí)的能力。教學(xué)重點(diǎn)難點(diǎn):
1、教學(xué)重點(diǎn):
制作網(wǎng)站首頁(yè)教案設(shè)計(jì)
(1)能用表格規(guī)劃版面布局的方法與技巧。(2)恰當(dāng)選取網(wǎng)頁(yè)元素與設(shè)置。
2、教學(xué)難點(diǎn):
(1)掌握超鏈接技術(shù)設(shè)置網(wǎng)站導(dǎo)航功能的方法。(2)掌握設(shè)置網(wǎng)頁(yè)屬性的一般方法。教材分析:
1、本節(jié)的作用和地位:
本節(jié)課側(cè)重培養(yǎng)信息表達(dá)的能力,對(duì)于加強(qiáng)學(xué)生的信息意識(shí),提高信息處理的能力有著重要的作用;網(wǎng)頁(yè)的設(shè)計(jì)也給學(xué)生提供了展示個(gè)性、自主創(chuàng)新的機(jī)會(huì),促使他們主動(dòng)地學(xué)、創(chuàng)造性地學(xué);網(wǎng)頁(yè)的評(píng)價(jià)則能使學(xué)生了解內(nèi)容編排的原則,頁(yè)面布局的種類,色彩搭配的風(fēng)格等,提高他們的藝術(shù)修養(yǎng)和審美情趣。
2、本節(jié)主要內(nèi)容介紹:
課改后信息技術(shù)課已不再是單純的計(jì)算機(jī)技能課,它強(qiáng)調(diào)以培養(yǎng)信息素養(yǎng)為目標(biāo),以任務(wù)驅(qū)動(dòng)為模式,以應(yīng)用軟件為載體。只有在實(shí)際教學(xué)中突破以往的教學(xué)模式,才能培養(yǎng)出適應(yīng)信息社會(huì)發(fā)展的有用人才。這節(jié)課的主要任務(wù)是使學(xué)生掌握在FrontPage用表格規(guī)劃網(wǎng)頁(yè)及在網(wǎng)頁(yè)中插入圖片、聲音、水平線等相關(guān)知識(shí)與操作,并能合理、靈活地應(yīng)用到網(wǎng)頁(yè)制作中,美化自己的網(wǎng)頁(yè)。教學(xué)方法:
1、先學(xué)后教,“兵”教“兵”
先學(xué),就是讓學(xué)生自學(xué),嘗試獨(dú)立操作;后教,是根據(jù)學(xué)生自學(xué)效果,教師進(jìn)行精講、點(diǎn)評(píng),并盡量讓學(xué)生去“教”;“兵”教“兵”,就是讓學(xué)生充當(dāng)小教師的角色,自學(xué)得較好的學(xué)生操作給其他學(xué)生看,通過示范,在學(xué)生間起到相互
制作網(wǎng)站首頁(yè)教案設(shè)計(jì)
促進(jìn),相互影響的作用,達(dá)到共同進(jìn)步。
2、任務(wù)驅(qū)動(dòng),小組競(jìng)賽法
根據(jù)學(xué)生不同的學(xué)習(xí)能力、知識(shí)儲(chǔ)備、興趣愛好,依據(jù)自愿組成原則,將全班分成若干個(gè)小組。通過網(wǎng)頁(yè)教學(xué)課件的輔助,在教師的引導(dǎo)下,各小組按照自己規(guī)劃出的網(wǎng)頁(yè)設(shè)計(jì)方案,以任務(wù)驅(qū)動(dòng)和分工合作形式制作網(wǎng)頁(yè)。并通過自我評(píng)價(jià)、小組評(píng)價(jià)、師生互評(píng)相結(jié)合的評(píng)價(jià)方式使學(xué)生自主完成作業(yè),由學(xué)生自己擔(dān)任評(píng)委,評(píng)選出優(yōu)秀網(wǎng)頁(yè),通過展示學(xué)生的優(yōu)秀作品來激發(fā)學(xué)生對(duì)網(wǎng)頁(yè)制作的興趣。
由操作能力強(qiáng)的學(xué)生充當(dāng)組長(zhǎng),帶動(dòng)其他成員完成網(wǎng)頁(yè)制作,一來培養(yǎng)他們合作互助的關(guān)系,二來培養(yǎng)學(xué)生之間、師生之間的感情。
整節(jié)課教師只扮演一個(gè)組織者和提示者的角色,一步步引導(dǎo)學(xué)生完成本課的目標(biāo),讓學(xué)生充分發(fā)揮自主性、協(xié)助性,培養(yǎng)他們合作、創(chuàng)新的能力。
3、提問引導(dǎo)法
根據(jù)學(xué)生已有的知識(shí)結(jié)構(gòu)體系,采用提問的方式引出每個(gè)教學(xué)目標(biāo),中間穿插觀察、自主探究、合作交流的方式加深學(xué)生的印象,培養(yǎng)學(xué)生的觀察能力,動(dòng)手能力和團(tuán)結(jié)合作精神。讓學(xué)生自覺主動(dòng)地去分析問題、解決問題,學(xué)生在操作過程中不斷發(fā)現(xiàn)問題、解決問題,使學(xué)生由學(xué)會(huì)知識(shí)變?yōu)闀?huì)學(xué)知識(shí)。教學(xué)評(píng)價(jià):
在教學(xué)過程中一方面要考查學(xué)生能否順利掌握制作網(wǎng)頁(yè)的基本技術(shù)方法,根據(jù)設(shè)計(jì)需求完成網(wǎng)站首頁(yè)的制作,另一方面又要考查學(xué)生在作品中是否做了科學(xué)的布局規(guī)劃、是否合理地運(yùn)用了各種網(wǎng)頁(yè)元素,作品是否具備表現(xiàn)力和較強(qiáng)的可讀性。教學(xué)過程:
制作網(wǎng)站首頁(yè)教案設(shè)計(jì)
一、創(chuàng)設(shè)情景、引入課題、明確任務(wù)
師:上節(jié)課我們已經(jīng)規(guī)劃了自己的網(wǎng)站,今天老師給大家?guī)砹艘粋€(gè)禮物,它是一個(gè)漂亮的網(wǎng)站,它就是“老師個(gè)人學(xué)校網(wǎng)站”,里面有許多關(guān)于同學(xué)們的內(nèi)容,如:你們漂亮的生活相等,請(qǐng)同學(xué)們欣賞。
生:學(xué)生認(rèn)真觀看,自主互相討論,暢談想法及發(fā)表意見。
師:繼網(wǎng)站籌劃之后我們就要著手來進(jìn)行網(wǎng)頁(yè)的設(shè)計(jì)了,第一個(gè)要進(jìn)行的當(dāng)然是首頁(yè)的制作。首頁(yè)是網(wǎng)站的“臉面”,能不能吸引訪問者的注意,它顯得尤為重要,所以在設(shè)計(jì)制作首頁(yè)時(shí)需要特別花心思。怎樣設(shè)計(jì)一個(gè)好看的網(wǎng)頁(yè)讓網(wǎng)站第一時(shí)間搶占瀏覽者的眼球呢?再度打開網(wǎng)站的首頁(yè)。生:仔細(xì)觀察該首頁(yè)的特點(diǎn)。并互相討論,各抒已見。
師:上節(jié)課已經(jīng)搜集了素材,這節(jié)課咱們來動(dòng)手制作網(wǎng)站的首頁(yè)。指導(dǎo)學(xué)生使用FrontPage打開范例“班級(jí)網(wǎng)站”的首頁(yè),讓學(xué)生進(jìn)行小組交流,回答以下幾個(gè)問題:
1、你知道有哪些軟件可以用來制作網(wǎng)頁(yè)嗎?
2、該網(wǎng)頁(yè)包含了很多元素,它們是如何整齊有序地分布在網(wǎng)頁(yè)中的?用什么可以分割網(wǎng)頁(yè)的版面布局呢?
3、該首頁(yè)包含了哪些元素?是否能很好地表達(dá)主題思想?結(jié)合小組收集到的素材,你認(rèn)為在自己的網(wǎng)站首頁(yè)中可以添加哪些網(wǎng)頁(yè)元素?
4、導(dǎo)航欄是網(wǎng)站的“地圖”,沒有它,瀏覽者就會(huì)“迷路”。選定范例網(wǎng)站首頁(yè)導(dǎo)航欄中的欄目文字,單擊常用工具欄上的超鏈接按鈕,看看會(huì)出現(xiàn)什么? 生:觀察思考、探究、小組合作交流,回答教師提出的幾個(gè)問題,并確立自己將要開展的工作。
制作網(wǎng)站首頁(yè)教案設(shè)計(jì)
師:其實(shí)很多文字處理軟件都可以設(shè)計(jì)網(wǎng)頁(yè),如Word中,利用“另存為web頁(yè)”就可以將文檔保存為網(wǎng)頁(yè),有些圖像處理軟件如PhotoShop也可以制作網(wǎng)頁(yè),Windows“記事本”也可以制作網(wǎng)頁(yè)等,不過FrontPage和Dreamweaver卻是最方便的網(wǎng)頁(yè)制作軟件,因?yàn)樗鼈儾粌H可以制作網(wǎng)頁(yè),而且能方便地設(shè)計(jì)和管理網(wǎng)站,很適合入門學(xué)習(xí)。
二、先學(xué)后教、任務(wù)驅(qū)動(dòng)、自主學(xué)習(xí)
1、用表格進(jìn)行版面布局
師:(1)提問學(xué)生都為他們的主頁(yè)準(zhǔn)備了哪些內(nèi)容和素材(如文本、圖片、動(dòng)畫、音頻、視頻)?
(2)引導(dǎo)學(xué)生閱讀教材,然后動(dòng)手實(shí)踐。生:(1)學(xué)生回答老師的問題。(2)上網(wǎng)學(xué)習(xí)相關(guān)的技能技巧。
(3)小組合作自主探究,教師引導(dǎo),并安排操作熟練的學(xué)生進(jìn)行演示。師:(1)教師巡視課堂,做個(gè)別輔導(dǎo)。針對(duì)學(xué)生普遍存在的問題,教師做詳細(xì)講解。
(2)以前我們可以用表格來表示數(shù)據(jù)信息嗎?表格還可以用來對(duì)網(wǎng)頁(yè)版面實(shí)現(xiàn)分割嗎?
(3)你打算怎樣安排它們的具體位置才能使網(wǎng)頁(yè)更加合理美觀,方便訪問者訪問?
(4)讓打開學(xué)生常去的網(wǎng)站,騰訊QQ網(wǎng)站,讓學(xué)生觀察并提問他們發(fā)現(xiàn)了什么,再逐一把表格中的各元素刪除,使網(wǎng)頁(yè)上只留下一個(gè)空表格結(jié)構(gòu)。(5)提醒學(xué)生要在編輯窗口和預(yù)窗口之間切換觀察,使表格結(jié)構(gòu)調(diào)整得更加
制作網(wǎng)站首頁(yè)教案設(shè)計(jì)
合理。
(6)如何才能讓表格不顯示在我們的網(wǎng)頁(yè)中呢?
生:思考回答問題,小組合作探究、交流,完成老師布置的任務(wù)。
師:(1)對(duì)比展示兩張素材相同布局不同的網(wǎng)頁(yè)。一個(gè)使用表格布局,但表格邊框隱藏,其頁(yè)面工整,文本、圖片擺放對(duì)稱,具有一定的規(guī)律;另一個(gè)不用表格布局則頁(yè)面凌亂,圖文混雜,擺放雜亂。(2)教師簡(jiǎn)單演示。
A:添加表格;B:表格屬性設(shè)置面板中的幾個(gè)常用設(shè)置選項(xiàng)說明。(3)指出學(xué)生易出錯(cuò)或難于處理的問題及學(xué)生可能遇到的問題。
生:(1)認(rèn)真觀看教師演示,歸納總結(jié)交流自己動(dòng)手動(dòng)實(shí)踐過程中存在的問題和不足、成功的心得體會(huì)及改進(jìn)思路等。
(2)互相找出易出錯(cuò)或難于處理的問題及學(xué)生可能遇到的問題,合作探究解決的辦法。
2、添加網(wǎng)頁(yè)元素
師:(1)要求學(xué)生把事先準(zhǔn)備好的各種網(wǎng)頁(yè)元素(如文本、圖片、動(dòng)畫、音頻、視頻)添加到主頁(yè),也可使用教師機(jī)的共享資源庫(kù)的素材。(2)把學(xué)生用到的技能要點(diǎn)發(fā)到學(xué)習(xí)網(wǎng)站上。
生:(1)小組合作交流,對(duì)之前收集到的素材進(jìn)行選用,添加到網(wǎng)頁(yè)中。(2)上網(wǎng)學(xué)習(xí)相關(guān)的技能技巧。(3)上網(wǎng)查找需補(bǔ)充的素材。
制作網(wǎng)站首頁(yè)教案設(shè)計(jì)
(4)學(xué)有余力的同學(xué)還可以嘗試怎樣讓網(wǎng)頁(yè)更加生動(dòng)。如添加視頻、背景音樂等。
師:(1)恰當(dāng)?shù)貫閷W(xué)生提供方法,講授經(jīng)驗(yàn)心得。(2)解決學(xué)生提出的疑難問題。
(3)鼓勵(lì)學(xué)生進(jìn)行發(fā)現(xiàn)和嘗試提高他們的動(dòng)手能力。
(4)教師巡視課堂,做個(gè)別輔導(dǎo)。針對(duì)學(xué)生普遍存在的問題,教師做詳細(xì)講解。
師:(1)教師簡(jiǎn)單演示。
(2)指出學(xué)生易出錯(cuò)或難于處理的問題及學(xué)生可能遇到的問題。
生:認(rèn)真觀看教師演示,歸納總結(jié)交流自己動(dòng)手動(dòng)實(shí)踐過程中存在的問題和不足、成功的心得體會(huì)及改進(jìn)思路等。
3、設(shè)置超鏈接
師:(1)如何通過超鏈接技術(shù)實(shí)現(xiàn)網(wǎng)站的導(dǎo)航功能?
(2)再次提出導(dǎo)航欄是網(wǎng)站的“地圖”,沒有它,瀏覽者就會(huì)“迷路”。選定范例網(wǎng)站首頁(yè)導(dǎo)航欄中的欄目文字,單擊常用工具欄上的超鏈接按鈕,看看會(huì)出現(xiàn)什么?
(3)你發(fā)現(xiàn)哪些地方需要設(shè)置超鏈接嗎?試對(duì)它們進(jìn)行設(shè)置。(4)如何檢查各個(gè)鏈接目標(biāo)是否設(shè)置正確?
生:動(dòng)手嘗試,通過自主探究、小組合作交流,回答老師的問題。師:教師簡(jiǎn)單演示。
制作網(wǎng)站首頁(yè)教案設(shè)計(jì)
三、課堂小結(jié)、作品展示、師生評(píng)價(jià)
(1)教師引導(dǎo)學(xué)生進(jìn)行總結(jié),針對(duì)本節(jié)課的重點(diǎn)知識(shí)進(jìn)行提問,了解學(xué)生對(duì)相關(guān)知識(shí)的掌握。
(2)學(xué)生相互欣賞作品,推薦優(yōu)秀作品在全班進(jìn)行展示。我們來評(píng)一評(píng),哪個(gè)作品做得好,好在哪里?那個(gè)作品還存在不足之處,都有那些方面?師生共同評(píng)價(jià),教師對(duì)完成情況好的學(xué)生和幫助他人的學(xué)生給與表?yè)P(yáng)。
四、教學(xué)反思
本節(jié)課采用的教學(xué)理念和教學(xué)方式是在建構(gòu)主義的教學(xué)理論指導(dǎo)下,采用“任務(wù)驅(qū)動(dòng)教學(xué)法”,讓學(xué)生這種“帶著任務(wù)自主學(xué)習(xí)”的探究模式下實(shí)現(xiàn)知識(shí)的意義建構(gòu)。以學(xué)生自己實(shí)踐、自主學(xué)習(xí)為主,老師巧妙引導(dǎo),適時(shí)指點(diǎn)為輔,學(xué)生在這種學(xué)習(xí)過程中處于積極主動(dòng)的主體地位,從而可以充分發(fā)揮學(xué)生的學(xué)習(xí)主動(dòng)性和創(chuàng)造性,使學(xué)生自主地獲取知識(shí)。讓學(xué)生通過合作協(xié)調(diào)、構(gòu)思創(chuàng)新的方式完成整節(jié)課學(xué)習(xí)的方法,極大調(diào)動(dòng)了學(xué)生的學(xué)習(xí)積極性,培養(yǎng)了其信息表達(dá)的能力,加強(qiáng)了學(xué)生的信息意識(shí),提高了信息處理的能力。在探索式學(xué)習(xí)中,重要的不只是僅對(duì)任務(wù)完成的學(xué)習(xí),而是學(xué)習(xí)者對(duì)知識(shí)的探索過程,是學(xué)習(xí)者在探索知識(shí)過程中的思維飛躍,是個(gè)性化發(fā)展的極好過程。同時(shí),自主學(xué)習(xí)可以使每一位學(xué)生根據(jù)自己的知識(shí)基礎(chǔ)與學(xué)習(xí)方法自定步調(diào)進(jìn)行個(gè)別化學(xué)習(xí),克服了傳統(tǒng)課堂教學(xué)中壓制個(gè)性化發(fā)展而采用“一刀切”的人為現(xiàn)象,但在引導(dǎo)過程中要注意掌握好“度”,既讓學(xué)生自己探索,掌握知識(shí),又要合理補(bǔ)充,及時(shí)糾錯(cuò)。
制作網(wǎng)站首頁(yè)教案設(shè)計(jì)
《網(wǎng)站制作——站點(diǎn)創(chuàng)建與首頁(yè)制作》教學(xué)設(shè)計(jì)
一、教材分析
本節(jié)課是江蘇科學(xué)技術(shù)出版社教材,初中信息技術(shù)(8年級(jí))第3章第2節(jié)的第二課時(shí)的內(nèi)容,是繼網(wǎng)站規(guī)劃、網(wǎng)站設(shè)計(jì)后進(jìn)行網(wǎng)站實(shí)現(xiàn)的關(guān)鍵一節(jié),在整個(gè)課程的學(xué)習(xí)過程中至關(guān)重要。這節(jié)課的主要任務(wù)是運(yùn)用Dreamweaver軟件,讓學(xué)生掌握在網(wǎng)頁(yè)中插入圖片、聲音、水平線等相關(guān)知識(shí)與操作,并能合理、靈活地編輯和美化自己的網(wǎng)頁(yè)。
二、教學(xué)目標(biāo) 1.知識(shí)與技能
(1)掌握簡(jiǎn)單網(wǎng)頁(yè)的新建方法。
(2)能夠在網(wǎng)頁(yè)中插入、排版文字,掌握?qǐng)D片、水平線的插入方法及屬性的設(shè)置方法,能夠靈活應(yīng)用“網(wǎng)頁(yè)屬性”對(duì)話框,設(shè)置網(wǎng)頁(yè)屬性,如背景、背景音樂。
(3)掌握保存網(wǎng)頁(yè)的方法,了解網(wǎng)頁(yè)保存與普通文檔保存的不同點(diǎn)。2.過程與方法
(1)對(duì)比教學(xué),使學(xué)生掌握學(xué)習(xí)應(yīng)用軟件的基本方法和規(guī)律,達(dá)到舉一反三的功效。
(2)任務(wù)驅(qū)動(dòng)、自助探究,動(dòng)手設(shè)計(jì)網(wǎng)站的實(shí)踐活動(dòng),建立對(duì)象屬性設(shè)置的思維方法和操作方法,為學(xué)生今后學(xué)習(xí)其它軟件奠定基礎(chǔ)。
(3)小組合作,培養(yǎng)學(xué)生自助、協(xié)作學(xué)習(xí)的能力。3.情感態(tài)度與價(jià)值觀
制作網(wǎng)站首頁(yè)教案設(shè)計(jì)
(1)能夠在對(duì)比學(xué)習(xí)中,讓學(xué)生體驗(yàn)軟件學(xué)習(xí)的一般方法及規(guī)律,提高其學(xué)習(xí)信息技術(shù)的信心。
(2)能夠在網(wǎng)站首頁(yè)的設(shè)計(jì)和創(chuàng)建的過程中,掌握對(duì)象屬性的設(shè)置方法,初步體驗(yàn)成功的快樂。
(3)能夠通過小組交流學(xué)習(xí),激發(fā)學(xué)生探究創(chuàng)新的學(xué)習(xí)精神。
三、教學(xué)重難點(diǎn) 1.教學(xué)重點(diǎn)(1)站點(diǎn)的建立。
(2)簡(jiǎn)單網(wǎng)頁(yè)設(shè)計(jì)方法,如文字、圖片以及水平線的插入與編輯等。(3)設(shè)置網(wǎng)頁(yè)屬性的一般方法。2.教學(xué)難點(diǎn)
(1)站點(diǎn)的作用和存儲(chǔ)路徑。(2)網(wǎng)頁(yè)的保存。
四、教學(xué)方法
對(duì)比和任務(wù)驅(qū)動(dòng)教學(xué)法,自助探究和合作學(xué)習(xí)法,五、教學(xué)準(zhǔn)備
教學(xué)內(nèi)容準(zhǔn)備:整理、歸類相關(guān)素材,并分發(fā)到學(xué)生電腦指定盤。上課地點(diǎn):多媒體教室
六、教學(xué)過程 1.情境導(dǎo)入
制作網(wǎng)站首頁(yè)教案設(shè)計(jì)
分發(fā)導(dǎo)學(xué)案,展示《旅游日記》網(wǎng)站,提問學(xué)生放假出門旅游的經(jīng)歷,引導(dǎo)學(xué)生思考如何記錄旅行過程,講解網(wǎng)站展示的內(nèi)容,激發(fā)學(xué)生創(chuàng)建網(wǎng)站的學(xué)習(xí)興趣。
設(shè)計(jì)意圖:由學(xué)生生活實(shí)際入手,自然過渡,激發(fā)興趣,活躍氣氛。2.新課教學(xué)(1)網(wǎng)站介紹
通過展示的網(wǎng)頁(yè),分析其組成元素:網(wǎng)站標(biāo)志、標(biāo)題、水平線、文字介紹、背景圖片、背景音樂,強(qiáng)調(diào)網(wǎng)站內(nèi)容的合理布局。
(2)建立站點(diǎn)
由于我們的網(wǎng)站需要制作多個(gè)網(wǎng)頁(yè)文件以及相關(guān)圖片、聲音文件等,所以網(wǎng)站建設(shè)初期就要做好管理準(zhǔn)備,我們以站點(diǎn)的形式來管理網(wǎng)站內(nèi)部文件。
任務(wù)1 在D盤下建立一個(gè)站點(diǎn)文件夾,站點(diǎn)名稱:0128(即班級(jí)序號(hào)+學(xué)號(hào))。教師活動(dòng):指導(dǎo)學(xué)生對(duì)照書本進(jìn)行學(xué)習(xí)(限時(shí)); 學(xué)生操作期間教師巡視課堂,做個(gè)別輔導(dǎo); 針對(duì)學(xué)生中普遍存在的問題,教師可做詳細(xì)講解。
學(xué)生活動(dòng):明確教師要求后,閱讀教材,開展對(duì)照著教材的自學(xué)活動(dòng); 舉手反饋完成與否。
設(shè)計(jì)意圖:對(duì)照教材操作步驟自學(xué)軟件的相關(guān)操作。(自學(xué)為主)提問思考:在文件夾列表中看到了什么?
分析多出的文件夾列表欄,多了一個(gè)文件夾,里面有兩個(gè)子文件夾和主頁(yè),圖片存放在“images”文件夾中。
設(shè)計(jì)意圖:了解站點(diǎn)的作用,強(qiáng)調(diào)站點(diǎn)的管理。
制作網(wǎng)站首頁(yè)教案設(shè)計(jì)
(3)設(shè)計(jì)首頁(yè)
再次強(qiáng)調(diào)一般首頁(yè)組成情況,提出課堂制作要求(可跳出案例中各對(duì)象的具體擺放要求,但要求出現(xiàn)元素不得缺少)。
任務(wù)2 新建首頁(yè),要求首頁(yè)中有如下對(duì)象: 網(wǎng)站的圖片標(biāo)志和標(biāo)題。網(wǎng)站的建立主旨(文字介紹)。水平線(起分隔作用)。
鏈接到下一頁(yè)的標(biāo)記(可為文字,也可為圖片)。
教師活動(dòng):指導(dǎo)學(xué)生示范,講解如何插入圖片(來自文件)、插入水平線等。(注意各對(duì)象“插入點(diǎn)”的選擇)
學(xué)生活動(dòng):按要求小組合作完成任務(wù)。
設(shè)計(jì)意圖:類比Word中對(duì)象的插入方法,使學(xué)生學(xué)會(huì)知識(shí)遷移。并在完成基本任務(wù)的前提下,鼓勵(lì)學(xué)生創(chuàng)新。(類比學(xué)習(xí)法、知識(shí)遷移學(xué)習(xí)法)
(4)編輯與預(yù)覽主頁(yè)
提出具體編輯要求,引導(dǎo)學(xué)生設(shè)置相關(guān)對(duì)象的屬性。
任務(wù)
3編輯主頁(yè)
設(shè)置網(wǎng)站標(biāo)題文字為隸書、7級(jí)、藍(lán)色、居中。設(shè)置水平線粗細(xì)為5像素。
設(shè)置文字介紹文字為楷體、小二號(hào)、藍(lán)色、加粗。選擇一張淡雅圖片,將其設(shè)置為首頁(yè)背景圖片。為首頁(yè)加上背景音樂。
制作網(wǎng)站首頁(yè)教案設(shè)計(jì)
教師活動(dòng):指導(dǎo)學(xué)生示范,講解如何設(shè)置文字、圖片、水平線以及網(wǎng)頁(yè)屬性等。
學(xué)生活動(dòng):按要求小組合作完成任務(wù)。
(強(qiáng)調(diào):必須在“普通” 窗口下編輯,網(wǎng)頁(yè)背景圖片的像素符合要求)。設(shè)計(jì)意圖:通過小組交流學(xué)習(xí),培養(yǎng)學(xué)生自助、協(xié)作學(xué)習(xí)的能力,激發(fā)學(xué)生探究創(chuàng)新的學(xué)習(xí)精神。
(5)保存網(wǎng)頁(yè)
教師活動(dòng):深入講解示范。
學(xué)生活動(dòng):認(rèn)真聽講,按要求保存自己的網(wǎng)頁(yè)。
(強(qiáng)調(diào):選擇一個(gè)其他文件的文件夾分類保存圖片等素材)3.總結(jié)與評(píng)價(jià)
(1)引導(dǎo)學(xué)生填寫任務(wù)完成測(cè)評(píng)表,相互檢查作業(yè),推薦優(yōu)秀作品,展示給全班同學(xué),表?yè)P(yáng)完成情況好的同學(xué)與幫助他人的同學(xué)。
(2)對(duì)照本堂課的學(xué)習(xí)情況進(jìn)行總結(jié),提問本節(jié)課的重點(diǎn)知識(shí),反饋學(xué)生相關(guān)知識(shí)的掌握情況。
設(shè)計(jì)意圖:加強(qiáng)總結(jié)反饋,鼓勵(lì)學(xué)生互幫互助
第三篇:教案【設(shè)計(jì)網(wǎng)站與制作首頁(yè)】
教學(xué)目標(biāo)
1.知識(shí)與技能:了解設(shè)計(jì)網(wǎng)站的一般流程以及網(wǎng)頁(yè)的基本構(gòu)成元素;學(xué)會(huì)運(yùn)用表格進(jìn)行版面布局;能夠在網(wǎng)頁(yè)中添加網(wǎng)頁(yè)元素 2.過程與方法:
通過制作網(wǎng)站首頁(yè),掌握版面布局、添加網(wǎng)頁(yè)元素和設(shè)置網(wǎng)頁(yè)背景的基本技術(shù)方法,達(dá)到舉一反三的效果。
通過學(xué)生跟隨老師動(dòng)手設(shè)計(jì)網(wǎng)站的實(shí)踐活動(dòng),使學(xué)生掌握對(duì)象屬性的設(shè)置方法,為學(xué)生今后學(xué)習(xí)其他軟件奠定基礎(chǔ)。3.情感態(tài)度價(jià)值觀:
提高視覺美感素養(yǎng),能夠根據(jù)網(wǎng)站主題確定恰當(dāng)?shù)木W(wǎng)頁(yè)風(fēng)格并具有初步的創(chuàng)意; 使學(xué)生善于交流,在分析探討中學(xué)會(huì)欣賞與評(píng)價(jià)。教學(xué)重難點(diǎn)
1.學(xué)會(huì)使用表格規(guī)劃版面布局的方法與技巧 2.恰當(dāng)選取網(wǎng)頁(yè)元素并進(jìn)行設(shè)置。難點(diǎn):掌握設(shè)置網(wǎng)頁(yè)屬性的一般方法 教學(xué)過程
一、創(chuàng)設(shè)情境、引入課題——5min 師:同學(xué)們,你們上過網(wǎng)嗎?哪位同學(xué)說說自己都知道哪些網(wǎng)站?可以相互討論一下。生:百度、新浪、騰訊??
師:非常好,那么同學(xué)們還記得它們的樣子嗎?老師這里有一些我們常用網(wǎng)站的首頁(yè),咱們一起來欣賞、探討一下。哪位同學(xué)說說,你最喜歡哪個(gè)網(wǎng)頁(yè)?為什么? 生:仔細(xì)觀察幾類首頁(yè)的特點(diǎn),并踴躍發(fā)言。
師:一個(gè)網(wǎng)站,最重要的是它的人氣。獨(dú)特的設(shè)計(jì)、新穎的構(gòu)思都能夠?yàn)槟愕木W(wǎng)站吸引大眾增光添彩。而首頁(yè),作為網(wǎng)站的“臉面”,能不能吸引訪問者的注意,它更是重中之重。所以在設(shè)計(jì)制作首頁(yè)時(shí)需要特別地花心思,那么怎么樣設(shè)計(jì)一個(gè)好的首頁(yè)讓網(wǎng)站第一時(shí)間搶占瀏覽者的眼球呢?今天我們一起來學(xué)習(xí)《設(shè)計(jì)網(wǎng)站與制作首頁(yè)》。
二、新課講授
1.熟悉Dreamweaver開發(fā)環(huán)境——6min 師演示操作:運(yùn)行Macromedia Dreamweaver MX 2004,在“起始頁(yè)”對(duì)話框中,選擇“創(chuàng)建新項(xiàng)目”中的“HTML”選項(xiàng),進(jìn)入操作界面。
師講解:菜單欄;插入欄;視圖模式按鈕:設(shè)計(jì)視圖、拆分視圖、代碼視圖;文檔工具欄;工作區(qū)、版面組、屬性面板。
師:制作網(wǎng)站的第一步要定義站點(diǎn)。站點(diǎn)是存放所有網(wǎng)頁(yè)以及相關(guān)圖片、動(dòng)畫等媒體文件的文件夾。下面請(qǐng)大家跟隨我一起進(jìn)行操作,定義本地站點(diǎn)。師生共同操作:課本P53定義本地站點(diǎn)。2.制作網(wǎng)站首頁(yè)——6min 師:設(shè)計(jì)網(wǎng)站首先要確定網(wǎng)站主題,主題是網(wǎng)站的靈魂,是確定網(wǎng)站風(fēng)格與創(chuàng)意的前提和出發(fā)點(diǎn)?!景鍟?.確定網(wǎng)站主題、名稱】 我想大家應(yīng)該非常熟悉自己的QQ空間,所以我們今天就以個(gè)人網(wǎng)站為例,做一個(gè)個(gè)人主頁(yè)?,F(xiàn)在我們一起創(chuàng)建網(wǎng)站首頁(yè)。師生共同操作:
1)在“文件”面板的站點(diǎn)根目錄“myweb”下,右鍵——新建文件——命名“index.htm”作為網(wǎng)站首頁(yè);新建文件夾,命名“images”,保存首頁(yè)中用到的圖片文件。2)雙擊“index.htm”文件,進(jìn)入網(wǎng)頁(yè)編輯狀態(tài)。3)在“文檔工具欄”上的“標(biāo)題”輸入框中輸入頁(yè)面標(biāo)題:***個(gè)人主頁(yè),作為首頁(yè)標(biāo)題。按鍵盤上F12鍵預(yù)覽網(wǎng)頁(yè),師:“請(qǐng)同學(xué)們觀察哪里發(fā)生了變化?” 生:首頁(yè)標(biāo)題變?yōu)?**個(gè)人主頁(yè)。3.用表格布局首頁(yè)——8min 師:好,在確立網(wǎng)站主題后,要設(shè)計(jì)網(wǎng)站欄目,規(guī)劃出網(wǎng)站結(jié)構(gòu)圖【板書:2.規(guī)劃網(wǎng)站欄目結(jié)構(gòu)】。下面老師把QQ空間的主頁(yè)展示給大家,大家觀察并進(jìn)行分析,咱們這個(gè)個(gè)人網(wǎng)站應(yīng)該包含哪些欄目?請(qǐng)一位同學(xué)回答。
生:主頁(yè)日志相冊(cè)留言板說說個(gè)人檔音樂時(shí)光軸更多
師:非常好,接下來我們就要設(shè)計(jì)網(wǎng)頁(yè)版面布局了【板書:3.設(shè)計(jì)網(wǎng)頁(yè)版面布局】。請(qǐng)同學(xué)們快速閱讀課本P47網(wǎng)頁(yè)版面布局部分的內(nèi)容。
師演示講解:我們可以借助表格實(shí)現(xiàn)網(wǎng)頁(yè)的精細(xì)排版。打開“index.htm”文件——插入——表格。在“表格”對(duì)話框中可以設(shè)置行數(shù)、列數(shù)、表格寬度、邊框粗細(xì)、單元格間距等參數(shù)。單擊表格邊框,選中整個(gè)表格,就會(huì)顯示出表格的“屬性”面板,在這里可以對(duì)單元格進(jìn)行拆分。
師生共同操作:下面請(qǐng)同學(xué)們跟隨我進(jìn)行操作,簡(jiǎn)單布置我們的個(gè)人主頁(yè)結(jié)構(gòu)。4.添加首頁(yè)內(nèi)容——3min 師演示操作:為了節(jié)省時(shí)間,老師已將文本內(nèi)容為大家準(zhǔn)備好,咱們直接把一部分內(nèi)容復(fù)制粘貼進(jìn)來。
類似我們學(xué)習(xí)過的Word等文本編輯軟件,可以在屬性面板中設(shè)置字體、字號(hào)、顏色等。5.插入圖像——4min 師演示:我們現(xiàn)在按F12鍵瀏覽一下,這樣的網(wǎng)頁(yè)你們喜歡看嗎?為什么? 生:不喜歡,都是字。師演示:那我們現(xiàn)在就來學(xué)習(xí)如何插入圖片,選擇“插入——圖像”,如果圖片大小不合適,可以選中圖片,在屬性面板中設(shè)置圖片的寬度和高度。6.設(shè)置網(wǎng)頁(yè)背景——3min 師:網(wǎng)頁(yè)背景可以是顏色,也可以鏈接調(diào)用圖像文件,下面請(qǐng)同學(xué)們認(rèn)真看我的演示。
三、知識(shí)回顧——3min 師:請(qǐng)幾位同學(xué)說說本節(jié)課學(xué)到了哪些知識(shí)或者技能? 生:積極思考并發(fā)言。
四、布置任務(wù)——2min 小組合作:下節(jié)課我們需要利用本課所學(xué)知識(shí)和技能為班級(jí)設(shè)計(jì)一個(gè)主題網(wǎng)站的首頁(yè)。課下請(qǐng)同學(xué)們4人為一組,分工合作,確定網(wǎng)站主題和名稱,并作出欄目規(guī)劃和版面設(shè)計(jì),搜集整理相關(guān)資料,以小組為單位提交至老師郵箱,以備下節(jié)課使用?!径嗝襟w展示】
五、課程收尾——5min 師:剩余5分鐘時(shí)間大家快速為個(gè)人主頁(yè)添加文本和圖片,將沒完成的部分補(bǔ)充完整,做得快的同學(xué)可以嘗試修改格式以及設(shè)置網(wǎng)頁(yè)背景?!窘處熝惨曊n堂,進(jìn)行個(gè)別指導(dǎo)?!?/p>
第四篇:制作網(wǎng)站首頁(yè)教案設(shè)計(jì)
制作網(wǎng)站首頁(yè)教案設(shè)計(jì)
制作網(wǎng)站首頁(yè)教案設(shè)計(jì)
教學(xué)課題:制作網(wǎng)站首頁(yè) 教學(xué)背景:
網(wǎng)站首頁(yè)是網(wǎng)站的“臉面”,學(xué)生通過學(xué)習(xí)設(shè)計(jì)網(wǎng)站首頁(yè),一方面培養(yǎng)他們?yōu)樘岣咦髌肺?、展現(xiàn)自我而積極思考、探究、嘗試的意識(shí)和態(tài)度,另一方面通過學(xué)習(xí)各種基本網(wǎng)頁(yè)設(shè)計(jì)技術(shù),親歷網(wǎng)頁(yè)制作的一般過程,更好地為接下去幾節(jié)課的學(xué)習(xí)和活動(dòng)參與打下基本功。教學(xué)目標(biāo):
1、知識(shí)與技能:
(1)了解網(wǎng)頁(yè)一般由哪些元素組成。(2)學(xué)會(huì)運(yùn)用表格進(jìn)行版面布局。(3)能夠在網(wǎng)頁(yè)中添加網(wǎng)頁(yè)元素。(4)能在網(wǎng)頁(yè)中設(shè)置超鏈接。
2、過程與方法:
(1)通過制作網(wǎng)站首頁(yè),掌握版面布局、添加網(wǎng)頁(yè)元素和設(shè)置超鏈接的基本技術(shù)方法,達(dá)到舉一反三的功效。
(2)通過學(xué)生動(dòng)手設(shè)計(jì)網(wǎng)頁(yè)的實(shí)踐活動(dòng),使學(xué)生掌握對(duì)象屬性的設(shè)置方法,為學(xué)生今后學(xué)習(xí)其他軟件奠定基礎(chǔ)。
3、情感態(tài)度與價(jià)值觀:
(1)提高視覺素養(yǎng),能根據(jù)網(wǎng)頁(yè)主題確定恰當(dāng)?shù)木W(wǎng)頁(yè)風(fēng)格并具有初步的創(chuàng)意。
制作網(wǎng)站首頁(yè)教案設(shè)計(jì)
(2)通過運(yùn)用表格布局網(wǎng)頁(yè)對(duì)象活動(dòng),進(jìn)一步掌握各種不同對(duì)象屬性的設(shè)置方法和規(guī)律,提高學(xué)生學(xué)習(xí)信息技術(shù)的信心。
(3)在合作實(shí)踐過程中,培養(yǎng)學(xué)生的審美能力和創(chuàng)造能力,在小組協(xié)作學(xué)習(xí)中,培養(yǎng)學(xué)生合作幫助、團(tuán)結(jié)協(xié)作的良好品質(zhì)。
(4)培養(yǎng)學(xué)生大膽構(gòu)思、自我創(chuàng)新的精神,培養(yǎng)學(xué)生的美感及創(chuàng)作后的成就感。
(5)善于和老師、同伴一起分析討論,在分析、探討中學(xué)會(huì)欣賞,學(xué)會(huì)評(píng)價(jià)。
4、學(xué)情分析:
學(xué)生已經(jīng)具備了計(jì)算機(jī)軟件使用的基礎(chǔ),但學(xué)生在學(xué)習(xí)過程中往往會(huì)把注意力停留在技術(shù)實(shí)現(xiàn)的層面上,讓學(xué)生認(rèn)識(shí)和掌握制作網(wǎng)站首頁(yè)的方法,故操作性強(qiáng)。在前面幾節(jié)課學(xué)生初步確定了網(wǎng)站的主題,收集了部分資料。學(xué)生已經(jīng)在word文檔的學(xué)習(xí)中掌握在文檔中插入圖片、藝術(shù)字等素材方法,為制作網(wǎng)頁(yè)中的添加素材這一環(huán)節(jié)打下基礎(chǔ),同時(shí)表格教學(xué)比較枯燥,表格嵌套、根據(jù)圖片特點(diǎn)裁剪圖片、設(shè)計(jì)制作表格等知識(shí)點(diǎn)更加枯燥乏味。圖片處理操作水平的差異和教學(xué)內(nèi)容的枯燥,可能會(huì)造成很多學(xué)生不愿動(dòng)手、不會(huì)動(dòng)手。在實(shí)際教學(xué)時(shí),教師應(yīng)該時(shí)刻給予學(xué)生恰當(dāng)?shù)囊龑?dǎo),在調(diào)動(dòng)學(xué)生學(xué)習(xí)興趣方面下足功夫。
5、素質(zhì)目標(biāo):
制作網(wǎng)頁(yè)要應(yīng)用到多方面的知識(shí),培養(yǎng)學(xué)生的知識(shí)遷移能力,同時(shí)給學(xué)生提供了自由發(fā)揮的空間,學(xué)生可以充分發(fā)揮自身的創(chuàng)造力與想象力,培養(yǎng)學(xué)生綜合運(yùn)用知識(shí)的能力。教學(xué)重點(diǎn)難點(diǎn):
1、教學(xué)重點(diǎn):
(1)能用表格規(guī)劃版面布局的方法與技巧。
制作網(wǎng)站首頁(yè)教案設(shè)計(jì)
(2)恰當(dāng)選取網(wǎng)頁(yè)元素與設(shè)置。
2、教學(xué)難點(diǎn):
(1)掌握超鏈接技術(shù)設(shè)置網(wǎng)站導(dǎo)航功能的方法。(2)掌握設(shè)置網(wǎng)頁(yè)屬性的一般方法。教材分析:
1、本節(jié)的作用和地位:
本節(jié)課側(cè)重培養(yǎng)信息表達(dá)的能力,對(duì)于加強(qiáng)學(xué)生的信息意識(shí),提高信息處理的能力有著重要的作用;網(wǎng)頁(yè)的設(shè)計(jì)也給學(xué)生提供了展示個(gè)性、自主創(chuàng)新的機(jī)會(huì),促使他們主動(dòng)地學(xué)、創(chuàng)造性地學(xué);網(wǎng)頁(yè)的評(píng)價(jià)則能使學(xué)生了解內(nèi)容編排的原則,頁(yè)面布局的種類,色彩搭配的風(fēng)格等,提高他們的藝術(shù)修養(yǎng)和審美情趣。
2、本節(jié)主要內(nèi)容介紹:
課改后信息技術(shù)課已不再是單純的計(jì)算機(jī)技能課,它強(qiáng)調(diào)以培養(yǎng)信息素養(yǎng)為目標(biāo),以任務(wù)驅(qū)動(dòng)為模式,以應(yīng)用軟件為載體。只有在實(shí)際教學(xué)中突破以往的教學(xué)模式,才能培養(yǎng)出適應(yīng)信息社會(huì)發(fā)展的有用人才。這節(jié)課的主要任務(wù)是使學(xué)生掌握在FrontPage用表格規(guī)劃網(wǎng)頁(yè)及在網(wǎng)頁(yè)中插入圖片、聲音、水平線等相關(guān)知識(shí)與操作,并能合理、靈活地應(yīng)用到網(wǎng)頁(yè)制作中,美化自己的網(wǎng)頁(yè)。教學(xué)方法:
1、先學(xué)后教,“兵”教“兵”
先學(xué),就是讓學(xué)生自學(xué),嘗試獨(dú)立操作;后教,是根據(jù)學(xué)生自學(xué)效果,教師進(jìn)行精講、點(diǎn)評(píng),并盡量讓學(xué)生去“教”;“兵”教“兵”,就是讓學(xué)生充當(dāng)小教師的角色,自學(xué)得較好的學(xué)生操作給其他學(xué)生看,通過示范,在學(xué)生間起到相互促進(jìn),相互影響的作用,達(dá)到共同進(jìn)步。
制作網(wǎng)站首頁(yè)教案設(shè)計(jì)
2、任務(wù)驅(qū)動(dòng),小組競(jìng)賽法
根據(jù)學(xué)生不同的學(xué)習(xí)能力、知識(shí)儲(chǔ)備、興趣愛好,依據(jù)自愿組成原則,將全班分成若干個(gè)小組。通過網(wǎng)頁(yè)教學(xué)課件的輔助,在教師的引導(dǎo)下,各小組按照自己規(guī)劃出的網(wǎng)頁(yè)設(shè)計(jì)方案,以任務(wù)驅(qū)動(dòng)和分工合作形式制作網(wǎng)頁(yè)。并通過自我評(píng)價(jià)、小組評(píng)價(jià)、師生互評(píng)相結(jié)合的評(píng)價(jià)方式使學(xué)生自主完成作業(yè),由學(xué)生自己擔(dān)任評(píng)委,評(píng)選出優(yōu)秀網(wǎng)頁(yè),通過展示學(xué)生的優(yōu)秀作品來激發(fā)學(xué)生對(duì)網(wǎng)頁(yè)制作的興趣。
由操作能力強(qiáng)的學(xué)生充當(dāng)組長(zhǎng),帶動(dòng)其他成員完成網(wǎng)頁(yè)制作,一來培養(yǎng)他們合作互助的關(guān)系,二來培養(yǎng)學(xué)生之間、師生之間的感情。
整節(jié)課教師只扮演一個(gè)組織者和提示者的角色,一步步引導(dǎo)學(xué)生完成本課的目標(biāo),讓學(xué)生充分發(fā)揮自主性、協(xié)助性,培養(yǎng)他們合作、創(chuàng)新的能力。
3、提問引導(dǎo)法
根據(jù)學(xué)生已有的知識(shí)結(jié)構(gòu)體系,采用提問的方式引出每個(gè)教學(xué)目標(biāo),中間穿插觀察、自主探究、合作交流的方式加深學(xué)生的印象,培養(yǎng)學(xué)生的觀察能力,動(dòng)手能力和團(tuán)結(jié)合作精神。讓學(xué)生自覺主動(dòng)地去分析問題、解決問題,學(xué)生在操作過程中不斷發(fā)現(xiàn)問題、解決問題,使學(xué)生由學(xué)會(huì)知識(shí)變?yōu)闀?huì)學(xué)知識(shí)。教學(xué)評(píng)價(jià):
在教學(xué)過程中一方面要考查學(xué)生能否順利掌握制作網(wǎng)頁(yè)的基本技術(shù)方法,根據(jù)設(shè)計(jì)需求完成網(wǎng)站首頁(yè)的制作,另一方面又要考查學(xué)生在作品中是否做了科學(xué)的布局規(guī)劃、是否合理地運(yùn)用了各種網(wǎng)頁(yè)元素,作品是否具備表現(xiàn)力和較強(qiáng)的可讀性。教學(xué)過程:
一、創(chuàng)設(shè)情景、引入課題、明確任務(wù)
制作網(wǎng)站首頁(yè)教案設(shè)計(jì)
師:上節(jié)課我們已經(jīng)規(guī)劃了自己的網(wǎng)站,今天老師給大家?guī)砹艘粋€(gè)禮物,它是一個(gè)漂亮的網(wǎng)站,它就是“老師個(gè)人學(xué)校網(wǎng)站”,里面有許多關(guān)于同學(xué)們的內(nèi)容,如:你們漂亮的生活相等,請(qǐng)同學(xué)們欣賞。
生:學(xué)生認(rèn)真觀看,自主互相討論,暢談想法及發(fā)表意見。
師:繼網(wǎng)站籌劃之后我們就要著手來進(jìn)行網(wǎng)頁(yè)的設(shè)計(jì)了,第一個(gè)要進(jìn)行的當(dāng)然是首頁(yè)的制作。首頁(yè)是網(wǎng)站的“臉面”,能不能吸引訪問者的注意,它顯得尤為重要,所以在設(shè)計(jì)制作首頁(yè)時(shí)需要特別花心思。怎樣設(shè)計(jì)一個(gè)好看的網(wǎng)頁(yè)讓網(wǎng)站第一時(shí)間搶占瀏覽者的眼球呢?再度打開網(wǎng)站的首頁(yè)。生:仔細(xì)觀察該首頁(yè)的特點(diǎn)。并互相討論,各抒已見。
師:上節(jié)課已經(jīng)搜集了素材,這節(jié)課咱們來動(dòng)手制作網(wǎng)站的首頁(yè)。指導(dǎo)學(xué)生使用FrontPage打開范例“班級(jí)網(wǎng)站”的首頁(yè),讓學(xué)生進(jìn)行小組交流,回答以下幾個(gè)問題:
1、你知道有哪些軟件可以用來制作網(wǎng)頁(yè)嗎?
2、該網(wǎng)頁(yè)包含了很多元素,它們是如何整齊有序地分布在網(wǎng)頁(yè)中的?用什么可以分割網(wǎng)頁(yè)的版面布局呢?
3、該首頁(yè)包含了哪些元素?是否能很好地表達(dá)主題思想?結(jié)合小組收集到的素材,你認(rèn)為在自己的網(wǎng)站首頁(yè)中可以添加哪些網(wǎng)頁(yè)元素?
4、導(dǎo)航欄是網(wǎng)站的“地圖”,沒有它,瀏覽者就會(huì)“迷路”。選定范例網(wǎng)站首頁(yè)導(dǎo)航欄中的欄目文字,單擊常用工具欄上的超鏈接按鈕,看看會(huì)出現(xiàn)什么? 生:觀察思考、探究、小組合作交流,回答教師提出的幾個(gè)問題,并確立自己將要開展的工作。
師:其實(shí)很多文字處理軟件都可以設(shè)計(jì)網(wǎng)頁(yè),如Word中,利用“另存為web頁(yè)”就可以將文檔保存為網(wǎng)頁(yè),有些圖像處理軟件如PhotoShop也可以制作網(wǎng)頁(yè),制作網(wǎng)站首頁(yè)教案設(shè)計(jì)
Windows“記事本”也可以制作網(wǎng)頁(yè)等,不過FrontPage和Dreamweaver卻是最方便的網(wǎng)頁(yè)制作軟件,因?yàn)樗鼈儾粌H可以制作網(wǎng)頁(yè),而且能方便地設(shè)計(jì)和管理網(wǎng)站,很適合入門學(xué)習(xí)。
二、先學(xué)后教、任務(wù)驅(qū)動(dòng)、自主學(xué)習(xí)
1、用表格進(jìn)行版面布局
師:(1)提問學(xué)生都為他們的主頁(yè)準(zhǔn)備了哪些內(nèi)容和素材(如文本、圖片、動(dòng)畫、音頻、視頻)?
(2)引導(dǎo)學(xué)生閱讀教材,然后動(dòng)手實(shí)踐。生:(1)學(xué)生回答老師的問題。(2)上網(wǎng)學(xué)習(xí)相關(guān)的技能技巧。
(3)小組合作自主探究,教師引導(dǎo),并安排操作熟練的學(xué)生進(jìn)行演示。師:(1)教師巡視課堂,做個(gè)別輔導(dǎo)。針對(duì)學(xué)生普遍存在的問題,教師做詳細(xì)講解。
(2)以前我們可以用表格來表示數(shù)據(jù)信息嗎?表格還可以用來對(duì)網(wǎng)頁(yè)版面實(shí)現(xiàn)分割嗎?
(3)你打算怎樣安排它們的具體位置才能使網(wǎng)頁(yè)更加合理美觀,方便訪問者訪問?
(4)讓打開學(xué)生常去的網(wǎng)站,騰訊QQ網(wǎng)站,讓學(xué)生觀察并提問他們發(fā)現(xiàn)了什么,再逐一把表格中的各元素刪除,使網(wǎng)頁(yè)上只留下一個(gè)空表格結(jié)構(gòu)。(5)提醒學(xué)生要在編輯窗口和預(yù)窗口之間切換觀察,使表格結(jié)構(gòu)調(diào)整得更加合理。
制作網(wǎng)站首頁(yè)教案設(shè)計(jì)
(6)如何才能讓表格不顯示在我們的網(wǎng)頁(yè)中呢?
生:思考回答問題,小組合作探究、交流,完成老師布置的任務(wù)。
師:(1)對(duì)比展示兩張素材相同布局不同的網(wǎng)頁(yè)。一個(gè)使用表格布局,但表格邊框隱藏,其頁(yè)面工整,文本、圖片擺放對(duì)稱,具有一定的規(guī)律;另一個(gè)不用表格布局則頁(yè)面凌亂,圖文混雜,擺放雜亂。(2)教師簡(jiǎn)單演示。
A:添加表格;B:表格屬性設(shè)置面板中的幾個(gè)常用設(shè)置選項(xiàng)說明。(3)指出學(xué)生易出錯(cuò)或難于處理的問題及學(xué)生可能遇到的問題。
生:(1)認(rèn)真觀看教師演示,歸納總結(jié)交流自己動(dòng)手動(dòng)實(shí)踐過程中存在的問題和不足、成功的心得體會(huì)及改進(jìn)思路等。
(2)互相找出易出錯(cuò)或難于處理的問題及學(xué)生可能遇到的問題,合作探究解決的辦法。
2、添加網(wǎng)頁(yè)元素
師:(1)要求學(xué)生把事先準(zhǔn)備好的各種網(wǎng)頁(yè)元素(如文本、圖片、動(dòng)畫、音頻、視頻)添加到主頁(yè),也可使用教師機(jī)的共享資源庫(kù)的素材。(2)把學(xué)生用到的技能要點(diǎn)發(fā)到學(xué)習(xí)網(wǎng)站上。
生:(1)小組合作交流,對(duì)之前收集到的素材進(jìn)行選用,添加到網(wǎng)頁(yè)中。(2)上網(wǎng)學(xué)習(xí)相關(guān)的技能技巧。(3)上網(wǎng)查找需補(bǔ)充的素材。
(4)學(xué)有余力的同學(xué)還可以嘗試怎樣讓網(wǎng)頁(yè)更加生動(dòng)。如添加視頻、背景音 7
制作網(wǎng)站首頁(yè)教案設(shè)計(jì)
樂等。
師:(1)恰當(dāng)?shù)貫閷W(xué)生提供方法,講授經(jīng)驗(yàn)心得。(2)解決學(xué)生提出的疑難問題。
(3)鼓勵(lì)學(xué)生進(jìn)行發(fā)現(xiàn)和嘗試提高他們的動(dòng)手能力。
(4)教師巡視課堂,做個(gè)別輔導(dǎo)。針對(duì)學(xué)生普遍存在的問題,教師做詳細(xì)講解。
師:(1)教師簡(jiǎn)單演示。
(2)指出學(xué)生易出錯(cuò)或難于處理的問題及學(xué)生可能遇到的問題。
生:認(rèn)真觀看教師演示,歸納總結(jié)交流自己動(dòng)手動(dòng)實(shí)踐過程中存在的問題和不足、成功的心得體會(huì)及改進(jìn)思路等。
3、設(shè)置超鏈接
師:(1)如何通過超鏈接技術(shù)實(shí)現(xiàn)網(wǎng)站的導(dǎo)航功能?
(2)再次提出導(dǎo)航欄是網(wǎng)站的“地圖”,沒有它,瀏覽者就會(huì)“迷路”。選定范例網(wǎng)站首頁(yè)導(dǎo)航欄中的欄目文字,單擊常用工具欄上的超鏈接按鈕,看看會(huì)出現(xiàn)什么?
(3)你發(fā)現(xiàn)哪些地方需要設(shè)置超鏈接嗎?試對(duì)它們進(jìn)行設(shè)置。(4)如何檢查各個(gè)鏈接目標(biāo)是否設(shè)置正確?
生:動(dòng)手嘗試,通過自主探究、小組合作交流,回答老師的問題。師:教師簡(jiǎn)單演示。
三、課堂小結(jié)、作品展示、師生評(píng)價(jià)
制作網(wǎng)站首頁(yè)教案設(shè)計(jì)
(1)教師引導(dǎo)學(xué)生進(jìn)行總結(jié),針對(duì)本節(jié)課的重點(diǎn)知識(shí)進(jìn)行提問,了解學(xué)生對(duì)相關(guān)知識(shí)的掌握。
(2)學(xué)生相互欣賞作品,推薦優(yōu)秀作品在全班進(jìn)行展示。我們來評(píng)一評(píng),哪個(gè)作品做得好,好在哪里?那個(gè)作品還存在不足之處,都有那些方面?師生共同評(píng)價(jià),教師對(duì)完成情況好的學(xué)生和幫助他人的學(xué)生給與表?yè)P(yáng)。
四、教學(xué)反思
本節(jié)課采用的教學(xué)理念和教學(xué)方式是在建構(gòu)主義的教學(xué)理論指導(dǎo)下,采用“任務(wù)驅(qū)動(dòng)教學(xué)法”,讓學(xué)生這種“帶著任務(wù)自主學(xué)習(xí)”的探究模式下實(shí)現(xiàn)知識(shí)的意義建構(gòu)。以學(xué)生自己實(shí)踐、自主學(xué)習(xí)為主,老師巧妙引導(dǎo),適時(shí)指點(diǎn)為輔,學(xué)生在這種學(xué)習(xí)過程中處于積極主動(dòng)的主體地位,從而可以充分發(fā)揮學(xué)生的學(xué)習(xí)主動(dòng)性和創(chuàng)造性,使學(xué)生自主地獲取知識(shí)。讓學(xué)生通過合作協(xié)調(diào)、構(gòu)思創(chuàng)新的方式完成整節(jié)課學(xué)習(xí)的方法,極大調(diào)動(dòng)了學(xué)生的學(xué)習(xí)積極性,培養(yǎng)了其信息表達(dá)的能力,加強(qiáng)了學(xué)生的信息意識(shí),提高了信息處理的能力。在探索式學(xué)習(xí)中,重要的不只是僅對(duì)任務(wù)完成的學(xué)習(xí),而是學(xué)習(xí)者對(duì)知識(shí)的探索過程,是學(xué)習(xí)者在探索知識(shí)過程中的思維飛躍,是個(gè)性化發(fā)展的極好過程。同時(shí),自主學(xué)習(xí)可以使每一位學(xué)生根據(jù)自己的知識(shí)基礎(chǔ)與學(xué)習(xí)方法自定步調(diào)進(jìn)行個(gè)別化學(xué)習(xí),克服了傳統(tǒng)課堂教學(xué)中壓制個(gè)性化發(fā)展而采用“一刀切”的人為現(xiàn)象,但在引導(dǎo)過程中要注意掌握好“度”,既讓學(xué)生自己探索,掌握知識(shí),又要合理補(bǔ)充,及時(shí)糾錯(cuò)。
第五篇:11單元第2節(jié)創(chuàng)建網(wǎng)站制作首頁(yè)教案
第10章 主題網(wǎng)站設(shè)計(jì)
第2節(jié) 制作網(wǎng)站——?jiǎng)?chuàng)建網(wǎng)站制作首頁(yè)
一、教學(xué)目標(biāo): 1.知識(shí)與技能:
(1)認(rèn)識(shí)FrontPage軟件窗口結(jié)構(gòu),并與Word窗口進(jìn)行比較。
(2)了解站點(diǎn)與主頁(yè)的概念,理解站點(diǎn)的意義,學(xué)會(huì)建立、刪除站點(diǎn)。
(3)掌握新建簡(jiǎn)單網(wǎng)頁(yè)的方法,能夠在網(wǎng)頁(yè)中插入文字并進(jìn)行排版,掌握?qǐng)D片、水平線的插入方法及屬性的設(shè)置方法,能夠靈活應(yīng)用“網(wǎng)頁(yè)屬性”對(duì)話框來設(shè)置網(wǎng)頁(yè)屬性,如背景圖、背景音樂等。
(4)掌握保存網(wǎng)頁(yè)的方法,了解網(wǎng)頁(yè)保存與普遍文檔保存的不同點(diǎn)。
2.過程與方法:
(1)通過對(duì)比,使學(xué)生掌握軟件的使用方法,達(dá)到舉一反三的功效。
(2)通過學(xué)生動(dòng)手設(shè)計(jì)網(wǎng)站的實(shí)踐活動(dòng),使學(xué)生掌握對(duì)象屬性的設(shè)置方法,為學(xué)生今后學(xué)習(xí)其他軟件奠定基礎(chǔ)。
3.情感態(tài)度與價(jià)值觀:
(1)通過對(duì)比,使學(xué)生了解軟件學(xué)習(xí)的一般方法及規(guī)律,提高學(xué)生學(xué)習(xí)信息技術(shù)的信心。(2)通過創(chuàng)建網(wǎng)站和設(shè)計(jì)首頁(yè),掌握對(duì)象屬性的設(shè)置方法,初步體驗(yàn)成功的快樂。
(3)通過創(chuàng)建“動(dòng)物——人類的朋友”網(wǎng)站,使學(xué)生樹立人與動(dòng)物和諧相處,真愛、善待和保護(hù)動(dòng)物的觀念。
二、教學(xué)重點(diǎn)難點(diǎn): 1.教學(xué)重點(diǎn):
(1)認(rèn)識(shí)FrontPage窗口結(jié)構(gòu)及主要菜單的功能。(2)掌握建立、刪除網(wǎng)站的基本方法。
(3)掌握簡(jiǎn)單網(wǎng)頁(yè)設(shè)計(jì)的基本方法,如文字、圖片以及水平線的插入與編輯等。(4)掌握設(shè)置網(wǎng)頁(yè)屬性的一般方法。
2.教學(xué)難點(diǎn):
(1)站點(diǎn)的作用和存儲(chǔ)路徑。(2)網(wǎng)頁(yè)的保存。
三、教學(xué)過程:
1.創(chuàng)設(shè)情境、導(dǎo)入新課
(1)教師將配套光盤上“動(dòng)物”網(wǎng)站展示給學(xué)生看,并分析網(wǎng)站的基本結(jié)構(gòu)和主題。(2)師生共同討論對(duì)比FrontPage與Word的異同,進(jìn)入教學(xué)主題——?jiǎng)?chuàng)建網(wǎng)站站點(diǎn)與制作首頁(yè)設(shè)計(jì)。
設(shè)計(jì)意圖:通過討論對(duì)比,自然過渡,激發(fā)興趣,活躍氣氛。2.任務(wù)驅(qū)動(dòng)、自主學(xué)習(xí)
(1)教師啟動(dòng)FrontPage,介紹各窗口組成,并與office中的其他軟件作比較,分析有什么異同。學(xué)生打開軟件,并結(jié)合教材仔細(xì)觀察。
(2)由于我們的網(wǎng)站需要多個(gè)網(wǎng)頁(yè)文件以及相關(guān)圖片、聲音文件等,所以網(wǎng)站建設(shè)初期就要做好管理準(zhǔn)備,我們以站點(diǎn)的形式來管理網(wǎng)站內(nèi)容的文件。出示任務(wù)一:建立一個(gè)站點(diǎn)。
(3)教師指導(dǎo)學(xué)生對(duì)照書本進(jìn)行學(xué)習(xí),學(xué)生明確教師要求后,閱讀教材,進(jìn)行自主學(xué)習(xí)。學(xué)生操作期間教師巡視課堂,做個(gè)別輔導(dǎo)。針對(duì)學(xué)生普遍存在的問題,教師做詳細(xì)講解。
(4)進(jìn)一步提問:在文件夾列表中看到了什么?引導(dǎo)學(xué)生分析一般首頁(yè)的組成情況,提出制作要求。出示任務(wù)二;設(shè)計(jì)首頁(yè)。學(xué)生可脫離教材中各對(duì)象的具體擺放要求,構(gòu)思自己網(wǎng)站首頁(yè)中各對(duì)象的布局,但必要的元素不得缺少。
(5)出示任務(wù)三:編輯主頁(yè)。教師提出編輯要求,引導(dǎo)學(xué)生設(shè)置相關(guān)對(duì)象的屬性。學(xué)生示范,講解如何設(shè)置文字、圖片、水平線以及網(wǎng)頁(yè)屬性等。教師強(qiáng)調(diào)必須切換到普通模式窗口下編輯。
(6)出示任務(wù)四:保存網(wǎng)頁(yè)。教師邊示范邊講解。學(xué)生認(rèn)真聽講,按要求保存自己的網(wǎng)頁(yè)。
設(shè)計(jì)意圖:在完成基本任務(wù)的前提下,鼓勵(lì)學(xué)生創(chuàng)新,培養(yǎng)學(xué)生自主學(xué)習(xí)合作學(xué)習(xí)能力。
3.課堂小結(jié)、師生評(píng)價(jià)
(1)教師引導(dǎo)學(xué)生進(jìn)行總結(jié),針對(duì)本節(jié)課的重點(diǎn)知識(shí)進(jìn)行提問,了解學(xué)生對(duì)相關(guān)知識(shí)的掌握。
(2)學(xué)生相互欣賞作品,推薦優(yōu)秀作品在全班進(jìn)行展示,師生共同評(píng)價(jià),教師對(duì)完成情況好的學(xué)生和幫助他人的學(xué)生給與表?yè)P(yáng)。
設(shè)計(jì)意圖:引導(dǎo)學(xué)生對(duì)所學(xué)的知識(shí)進(jìn)行梳理,并及時(shí)了解學(xué)生對(duì)教學(xué)內(nèi)容的掌握情況,鼓勵(lì)學(xué)生互幫互助。
四、教學(xué)反思:
1.學(xué)生可以自定主題,根據(jù)主題確定網(wǎng)站內(nèi)容。在教學(xué)中,教師可以要求學(xué)生設(shè)計(jì)的網(wǎng)頁(yè)內(nèi)容不同,但網(wǎng)頁(yè)設(shè)計(jì)的基本要求要與教師的教學(xué)要求一致,保證教學(xué)內(nèi)容落實(shí)到位。
2.由于課堂時(shí)間有限,若用大量時(shí)間讓學(xué)生收集資料,則無法完成任務(wù)。為了使學(xué)生能有更多時(shí)間學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì),教師可以事先多準(zhǔn)備一些各種類型的素材,以方便學(xué)生查找和使用。