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

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