七年級信息技術上冊 第13課 制作網(wǎng)站教案 新人教版

《七年級信息技術上冊 第13課 制作網(wǎng)站教案 新人教版》由會員分享，可在線閱讀，更多相關《七年級信息技術上冊 第13課 制作網(wǎng)站教案 新人教版（13頁珍藏版）》請在裝配圖網(wǎng)上搜索。

制作網(wǎng)站首頁教案設計 教學課題：制作網(wǎng)站首頁 教學背景： 網(wǎng)站首頁是網(wǎng)站的“臉面”，學生通過學習設計網(wǎng)站首頁，一方面培養(yǎng)他們?yōu)樘岣咦髌肺?、展現(xiàn)自我而積極思考、探究、嘗試的意識和態(tài)度，另一方面通過學習各種基本網(wǎng)頁設計技術，親歷網(wǎng)頁制作的一般過程，更好地為接下去幾節(jié)課的學習和活動參與打下基本功。 教學目標： 1、知識與技能： （1）了解網(wǎng)頁一般由哪些元素組成。 （2）學會運用表格進行版面布局。 （3）能夠在網(wǎng)頁中添加網(wǎng)頁元素。 （4）能在網(wǎng)頁中設置超鏈接。 2、過程與方法： （1）通過制作網(wǎng)站首頁，掌握版面布局、添加網(wǎng)頁元素和設置超鏈接的基本技術方法，達到舉一反三的功效。 （2）通過學生動手設計網(wǎng)頁的實踐活動，使學生掌握對象屬性的設置方法，為學生今后學習其他軟件奠定基礎。 3、情感態(tài)度與價值觀： （1）提高視覺素養(yǎng)，能根據(jù)網(wǎng)頁主題確定恰當?shù)木W(wǎng)頁風格并具有初步的創(chuàng)意。 （2）通過運用表格布局網(wǎng)頁對象活動，進一步掌握各種不同對象屬性的設置方法和規(guī)律，提高學生學習信息技術的信心。 （3）在合作實踐過程中，培養(yǎng)學生的審美能力和創(chuàng)造能力，在小組協(xié)作學習中，培養(yǎng)學生合作幫助、團結協(xié)作的良好品質。 （4）培養(yǎng)學生大膽構思、自我創(chuàng)新的精神，培養(yǎng)學生的美感及創(chuàng)作后的成就感。 （5）善于和老師、同伴一起分析討論，在分析、探討中學會欣賞，學會評價。 4、學情分析： 學生已經(jīng)具備了計算機軟件使用的基礎，但學生在學習過程中往往會把注意力停留在技術實現(xiàn)的層面上，讓學生認識和掌握制作網(wǎng)站首頁的方法，故操作性強。在前面幾節(jié)課學生初步確定了網(wǎng)站的主題，收集了部分資料。學生已經(jīng)在word文檔的學習中掌握在文檔中插入圖片、藝術字等素材方法，為制作網(wǎng)頁中的添加素材這一環(huán)節(jié)打下基礎，同時表格教學比較枯燥，表格嵌套、根據(jù)圖片特點裁剪圖片、設計制作表格等知識點更加枯燥乏味。圖片處理操作水平的差異和教學內容的枯燥，可能會造成很多學生不愿動手、不會動手。在實際教學時，教師應該時刻給予學生恰當?shù)囊龑?，在調動學生學習興趣方面下足功夫。 5、素質目標： 制作網(wǎng)頁要應用到多方面的知識，培養(yǎng)學生的知識遷移能力，同時給學生提供了自由發(fā)揮的空間，學生可以充分發(fā)揮自身的創(chuàng)造力與想象力，培養(yǎng)學生綜合運用知識的能力。 教學重點難點： 1、教學重點： （1）能用表格規(guī)劃版面布局的方法與技巧。 （2）恰當選取網(wǎng)頁元素與設置。 2、教學難點： （1）掌握超鏈接技術設置網(wǎng)站導航功能的方法。 （2）掌握設置網(wǎng)頁屬性的一般方法。 教材分析： 　　1、本節(jié)的作用和地位： 　 本節(jié)課側重培養(yǎng)信息表達的能力，對于加強學生的信息意識，提高信息處理的能力有著重要的作用；網(wǎng)頁的設計也給學生提供了展示個性、自主創(chuàng)新的機會，促使他們主動地學、創(chuàng)造性地學；網(wǎng)頁的評價則能使學生了解內容編排的原則，頁面布局的種類，色彩搭配的風格等，提高他們的藝術修養(yǎng)和審美情趣。 　2、本節(jié)主要內容介紹： 　　課改后信息技術課已不再是單純的計算機技能課，它強調以培養(yǎng)信息素養(yǎng)為目標，以任務驅動為模式，以應用軟件為載體。只有在實際教學中突破以往的教學模式，才能培養(yǎng)出適應信息社會發(fā)展的有用人才。這節(jié)課的主要任務是使學生掌握在FrontPage用表格規(guī)劃網(wǎng)頁及在網(wǎng)頁中插入圖片、聲音、水平線等相關知識與操作，并能合理、靈活地應用到網(wǎng)頁制作中，美化自己的網(wǎng)頁。 教學方法： 1、先學后教，“兵”教“兵” 　　先學，就是讓學生自學，嘗試獨立操作；后教，是根據(jù)學生自學效果，教師進行精講、點評，并盡量讓學生去“教”；“兵”教“兵”，就是讓學生充當小教師的角色，自學得較好的學生操作給其他學生看，通過示范，在學生間起到相互促進，相互影響的作用，達到共同進步。 　2、任務驅動，小組競賽法 　 根據(jù)學生不同的學習能力、知識儲備、興趣愛好，依據(jù)自愿組成原則，將全班分成若干個小組。通過網(wǎng)頁教學課件的輔助，在教師的引導下，各小組按照自己規(guī)劃出的網(wǎng)頁設計方案，以任務驅動和分工合作形式制作網(wǎng)頁。并通過自我評價、小組評價、師生互評相結合的評價方式使學生自主完成作業(yè)，由學生自己擔任評委，評選出優(yōu)秀網(wǎng)頁，通過展示學生的優(yōu)秀作品來激發(fā)學生對網(wǎng)頁制作的興趣。 　　由操作能力強的學生充當組長，帶動其他成員完成網(wǎng)頁制作，一來培養(yǎng)他們合作互助的關系，二來培養(yǎng)學生之間、師生之間的感情。 　　整節(jié)課教師只扮演一個組織者和提示者的角色，一步步引導學生完成本課的目標，讓學生充分發(fā)揮自主性、協(xié)助性，培養(yǎng)他們合作、創(chuàng)新的能力。 　3、提問引導法 根據(jù)學生已有的知識結構體系，采用提問的方式引出每個教學目標，中間穿插觀察、自主探究、合作交流的方式加深學生的印象，培養(yǎng)學生的觀察能力，動手能力和團結合作精神。讓學生自覺主動地去分析問題、解決問題，學生在操作過程中不斷發(fā)現(xiàn)問題、解決問題，使學生由學會知識變?yōu)闀W知識。 教學評價： 在教學過程中一方面要考查學生能否順利掌握制作網(wǎng)頁的基本技術方法，根據(jù)設計需求完成網(wǎng)站首頁的制作，另一方面又要考查學生在作品中是否做了科學的布局規(guī)劃、是否合理地運用了各種網(wǎng)頁元素，作品是否具備表現(xiàn)力和較強的可讀性。 教學過程： 一、創(chuàng)設情景、引入課題、明確任務 師：上節(jié)課我們已經(jīng)規(guī)劃了自己的網(wǎng)站，今天老師給大家?guī)砹艘粋€禮物，它是一個漂亮的網(wǎng)站，它就是“老師個人學校網(wǎng)站”，里面有許多關于同學們的內容，如：你們漂亮的生活相等，請同學們欣賞。 生：學生認真觀看，自主互相討論，暢談想法及發(fā)表意見。 師：繼網(wǎng)站籌劃之后我們就要著手來進行網(wǎng)頁的設計了，第一個要進行的當然是首頁的制作。首頁是網(wǎng)站的“臉面”，能不能吸引訪問者的注意，它顯得尤為重要，所以在設計制作首頁時需要特別花心思。怎樣設計一個好看的網(wǎng)頁讓網(wǎng)站第一時間搶占瀏覽者的眼球呢？再度打開網(wǎng)站的首頁。 生：仔細觀察該首頁的特點。并互相討論，各抒已見。 師：上節(jié)課已經(jīng)搜集了素材，這節(jié)課咱們來動手制作網(wǎng)站的首頁。指導學生使用FrontPage打開范例“班級網(wǎng)站”的首頁，讓學生進行小組交流，回答以下幾個問題： 1、你知道有哪些軟件可以用來制作網(wǎng)頁嗎？ 2、該網(wǎng)頁包含了很多元素，它們是如何整齊有序地分布在網(wǎng)頁中的？用什么可以分割網(wǎng)頁的版面布局呢？ 3、該首頁包含了哪些元素？是否能很好地表達主題思想？結合小組收集到的素材，你認為在自己的網(wǎng)站首頁中可以添加哪些網(wǎng)頁元素？ 4、導航欄是網(wǎng)站的“地圖”，沒有它，瀏覽者就會“迷路”。選定范例網(wǎng)站首頁導航欄中的欄目文字，單擊常用工具欄上的超鏈接按鈕，看看會出現(xiàn)什么？ 生：觀察思考、探究、小組合作交流，回答教師提出的幾個問題，并確立自己將要開展的工作。 師：其實很多文字處理軟件都可以設計網(wǎng)頁，如Word中，利用“另存為web頁”就可以將文檔保存為網(wǎng)頁，有些圖像處理軟件如PhotoShop也可以制作網(wǎng)頁，Windows“記事本”也可以制作網(wǎng)頁等，不過FrontPage和Dreamweaver卻是最方便的網(wǎng)頁制作軟件，因為它們不僅可以制作網(wǎng)頁，而且能方便地設計和管理網(wǎng)站，很適合入門學習。 二、先學后教、任務驅動、自主學習 1、用表格進行版面布局 師：（1）提問學生都為他們的主頁準備了哪些內容和素材（如文本、圖片、動畫、音頻、視頻）？ （2）引導學生閱讀教材，然后動手實踐。 生：（1）學生回答老師的問題。 （2）上網(wǎng)學習相關的技能技巧。 （3）小組合作自主探究，教師引導，并安排操作熟練的學生進行演示。 師：（1）教師巡視課堂，做個別輔導。針對學生普遍存在的問題，教師做詳細講解。 （2）以前我們可以用表格來表示數(shù)據(jù)信息嗎？表格還可以用來對網(wǎng)頁版面實現(xiàn)分割嗎？ （3）你打算怎樣安排它們的具體位置才能使網(wǎng)頁更加合理美觀，方便訪問者訪問？ （4）讓打開學生常去的網(wǎng)站，騰訊QQ網(wǎng)站，讓學生觀察并提問他們發(fā)現(xiàn)了什么，再逐一把表格中的各元素刪除，使網(wǎng)頁上只留下一個空表格結構。 （5）提醒學生要在編輯窗口和預窗口之間切換觀察，使表格結構調整得更加合理。 （6）如何才能讓表格不顯示在我們的網(wǎng)頁中呢？ 生：思考回答問題，小組合作探究、交流，完成老師布置的任務。 師：（1）對比展示兩張素材相同布局不同的網(wǎng)頁。一個使用表格布局，但表格邊框隱藏，其頁面工整，文本、圖片擺放對稱，具有一定的規(guī)律；另一個不用表格布局則頁面凌亂，圖文混雜，擺放雜亂。 （2）教師簡單演示。 A：添加表格；B：表格屬性設置面板中的幾個常用設置選項說明。 （3）指出學生易出錯或難于處理的問題及學生可能遇到的問題。 生：（1）認真觀看教師演示，歸納總結交流自己動手動實踐過程中存在的問題和不足、成功的心得體會及改進思路等。 （2）互相找出易出錯或難于處理的問題及學生可能遇到的問題，合作探究解決的辦法。 2、添加網(wǎng)頁元素 師：（1）要求學生把事先準備好的各種網(wǎng)頁元素（如文本、圖片、動畫、音頻、視頻）添加到主頁，也可使用教師機的共享資源庫的素材。 （2）把學生用到的技能要點發(fā)到學習網(wǎng)站上。 生：（1）小組合作交流，對之前收集到的素材進行選用，添加到網(wǎng)頁中。 （2）上網(wǎng)學習相關的技能技巧。 （3）上網(wǎng)查找需補充的素材。 （4）學有余力的同學還可以嘗試怎樣讓網(wǎng)頁更加生動。如添加視頻、背景音樂等。 師：（1）恰當?shù)貫閷W生提供方法，講授經(jīng)驗心得。 （2）解決學生提出的疑難問題。 （3）鼓勵學生進行發(fā)現(xiàn)和嘗試提高他們的動手能力。 （4）教師巡視課堂，做個別輔導。針對學生普遍存在的問題，教師做詳細講解。 師：（1）教師簡單演示。 （2）指出學生易出錯或難于處理的問題及學生可能遇到的問題。 生：認真觀看教師演示，歸納總結交流自己動手動實踐過程中存在的問題和不足、成功的心得體會及改進思路等。 3、設置超鏈接 師：（1）如何通過超鏈接技術實現(xiàn)網(wǎng)站的導航功能？ （2）再次提出導航欄是網(wǎng)站的“地圖”，沒有它，瀏覽者就會“迷路”。選定范例網(wǎng)站首頁導航欄中的欄目文字，單擊常用工具欄上的超鏈接按鈕，看看會出現(xiàn)什么？ （3）你發(fā)現(xiàn)哪些地方需要設置超鏈接嗎？試對它們進行設置。 （4）如何檢查各個鏈接目標是否設置正確？ 生：動手嘗試，通過自主探究、小組合作交流，回答老師的問題。 師：教師簡單演示。 三、課堂小結、作品展示、師生評價 （1）教師引導學生進行總結，針對本節(jié)課的重點知識進行提問，了解學生對相關知識的掌握。 （2）學生相互欣賞作品，推薦優(yōu)秀作品在全班進行展示。我們來評一評， 哪個作品做得好，好在哪里？那個作品還存在不足之處，都有那些方面？師生共同評價，教師對完成情況好的學生和幫助他人的學生給與表揚。 四、教學反思 本節(jié)課采用的教學理念和教學方式是在建構主義的教學理論指導下，采用“任務驅動教學法”,讓學生這種“帶著任務自主學習”的探究模式下實現(xiàn)知識的意義建構。以學生自己實踐、自主學習為主，老師巧妙引導，適時指點為輔，學生在這種學習過程中處于積極主動的主體地位，從而可以充分發(fā)揮學生的學習主動性和創(chuàng)造性，使學生自主地獲取知識。讓學生通過合作協(xié)調、構思創(chuàng)新的方式完成整節(jié)課學習的方法，極大調動了學生的學習積極性，培養(yǎng)了其信息表達的能力，加強了學生的信息意識，提高了信息處理的能力。在探索式學習中，重要的不只是僅對任務完成的學習，而是學習者對知識的探索過程，是學習者在探索知識過程中的思維飛躍，是個性化發(fā)展的極好過程。同時，自主學習可以使每一位學生根據(jù)自己的知識基礎與學習方法自定步調進行個別化學習，克服了傳統(tǒng)課堂教學中壓制個性化發(fā)展而采用“一刀切”的人為現(xiàn)象,但在引導過程中要注意掌握好“度”，既讓學生自己探索，掌握知識，又要合理補充，及時糾錯。 《網(wǎng)站制作——站點創(chuàng)建與首頁制作》教學設計 一、教材分析 本節(jié)課是江蘇科學技術出版社教材，初中信息技術（8年級）第3章第2節(jié)的第二課時的內容，是繼網(wǎng)站規(guī)劃、網(wǎng)站設計后進行網(wǎng)站實現(xiàn)的關鍵一節(jié)，在整個課程的學習過程中至關重要。這節(jié)課的主要任務是運用Dreamweaver軟件，讓學生掌握在網(wǎng)頁中插入圖片、聲音、水平線等相關知識與操作，并能合理、靈活地編輯和美化自己的網(wǎng)頁。 二、教學目標 1．知識與技能 （1）掌握簡單網(wǎng)頁的新建方法。 （2）能夠在網(wǎng)頁中插入、排版文字，掌握圖片、水平線的插入方法及屬性的設置方法，能夠靈活應用“網(wǎng)頁屬性”對話框，設置網(wǎng)頁屬性，如背景、背景音樂。 （3）掌握保存網(wǎng)頁的方法，了解網(wǎng)頁保存與普通文檔保存的不同點。 2．過程與方法 （1）對比教學，使學生掌握學習應用軟件的基本方法和規(guī)律，達到舉一反三的功效。 （2）任務驅動、自助探究，動手設計網(wǎng)站的實踐活動，建立對象屬性設置的思維方法和操作方法，為學生今后學習其它軟件奠定基礎。 （3）小組合作，培養(yǎng)學生自助、協(xié)作學習的能力。 3．情感態(tài)度與價值觀 （1）能夠在對比學習中，讓學生體驗軟件學習的一般方法及規(guī)律，提高其學習信息技術的信心。 （2）能夠在網(wǎng)站首頁的設計和創(chuàng)建的過程中，掌握對象屬性的設置方法，初步體驗成功的快樂。 （3）能夠通過小組交流學習，激發(fā)學生探究創(chuàng)新的學習精神。 三、教學重難點 1．教學重點 （1）站點的建立。 （2）簡單網(wǎng)頁設計方法，如文字、圖片以及水平線的插入與編輯等。 （3）設置網(wǎng)頁屬性的一般方法。 2．教學難點 （1）站點的作用和存儲路徑。 （2）網(wǎng)頁的保存。 四、教學方法 對比和任務驅動教學法，自助探究和合作學習法， 五、教學準備 教學內容準備：整理、歸類相關素材，并分發(fā)到學生電腦指定盤。 上課地點：多媒體教室 六、教學過程 1．情境導入 分發(fā)導學案，展示《旅游日記》網(wǎng)站，提問學生放假出門旅游的經(jīng)歷，引導學生思考如何記錄旅行過程，講解網(wǎng)站展示的內容，激發(fā)學生創(chuàng)建網(wǎng)站的學習興趣。 設計意圖：由學生生活實際入手，自然過渡，激發(fā)興趣，活躍氣氛。 2．新課教學 （1）網(wǎng)站介紹 通過展示的網(wǎng)頁，分析其組成元素：網(wǎng)站標志、標題、水平線、文字介紹、背景圖片、背景音樂，強調網(wǎng)站內容的合理布局。 （2）建立站點 由于我們的網(wǎng)站需要制作多個網(wǎng)頁文件以及相關圖片、聲音文件等，所以網(wǎng)站建設初期就要做好管理準備，我們以站點的形式來管理網(wǎng)站內部文件。 任務1 在D盤下建立一個站點文件夾，站點名稱：0128（即班級序號+學號）。 教師活動：指導學生對照書本進行學習（限時）； 學生操作期間教師巡視課堂，做個別輔導； 針對學生中普遍存在的問題，教師可做詳細講解。 學生活動：明確教師要求后，閱讀教材，開展對照著教材的自學活動； 舉手反饋完成與否。 設計意圖：對照教材操作步驟自學軟件的相關操作。（自學為主） 提問思考：在文件夾列表中看到了什么？ 分析多出的文件夾列表欄，多了一個文件夾，里面有兩個子文件夾和主頁，圖片存放在“images”文件夾中。 設計意圖：了解站點的作用，強調站點的管理。 （3）設計首頁 再次強調一般首頁組成情況，提出課堂制作要求（可跳出案例中各對象的具體擺放要求，但要求出現(xiàn)元素不得缺少）。 任務2 新建首頁，要求首頁中有如下對象： 網(wǎng)站的圖片標志和標題。 網(wǎng)站的建立主旨（文字介紹）。 水平線（起分隔作用）。 鏈接到下一頁的標記（可為文字，也可為圖片）。 教師活動：指導學生示范，講解如何插入圖片（來自文件）、插入水平線等。（注意各對象“插入點”的選擇） 學生活動：按要求小組合作完成任務。 設計意圖：類比Word中對象的插入方法，使學生學會知識遷移。并在完成基本任務的前提下，鼓勵學生創(chuàng)新。（類比學習法、知識遷移學習法） （4）編輯與預覽主頁 提出具體編輯要求，引導學生設置相關對象的屬性。 任務3 編輯主頁 設置網(wǎng)站標題文字為隸書、7級、藍色、居中。 設置水平線粗細為5像素。 設置文字介紹文字為楷體、小二號、藍色、加粗。 選擇一張淡雅圖片，將其設置為首頁背景圖片。 為首頁加上背景音樂。 教師活動：指導學生示范，講解如何設置文字、圖片、水平線以及網(wǎng)頁屬性等。 學生活動：按要求小組合作完成任務。 （強調：必須在“普通” 窗口下編輯，網(wǎng)頁背景圖片的像素符合要求）。 設計意圖：通過小組交流學習，培養(yǎng)學生自助、協(xié)作學習的能力，激發(fā)學生探究創(chuàng)新的學習精神。 （5）保存網(wǎng)頁 教師活動：深入講解示范。 學生活動：認真聽講，按要求保存自己的網(wǎng)頁。 （強調：選擇一個其他文件的文件夾分類保存圖片等素材） ３． 總結與評價 （1）引導學生填寫任務完成測評表，相互檢查作業(yè)，推薦優(yōu)秀作品，展示給全班同學，表揚完成情況好的同學與幫助他人的同學。 （2）對照本堂課的學習情況進行總結，提問本節(jié)課的重點知識，反饋學生相關知識的掌握情況。 設計意圖：加強總結反饋，鼓勵學生互幫互助 13