《網頁製作》教學課程
一、 説教材
《網頁製作》是普通高中課程標準實驗教材必修模塊《網絡技術應用》的第4章《網站實現》的內容,該內容分為四個課時,我今天要説的是第二課時的內容。這是一節實踐操作課,應以學生自己實踐為主,老師只需指出注意的要點,讓學生通過合作協調構思創新的方式完成整節課的內容
1、教學目標:
1)、利用表格定位網頁
2)、添加網頁元素
3)、使用模板製作其他頁面
教學重點:利用表格定位網頁
教學難點:使用模板製作其他頁面
2、能力目標
通過學生自主探究學習,培養學生的實踐能力,觀察能力及解決問題的能力,以及對知識的遷移能力。
3、情感目標:
通過本課的學習,培養學生合作幫助、團結協作的良好品質,在合作實踐過程中,培養學生大膽構思、自我創新的精神,培養學生的美感及創作後的成就感。
二、 説教法
根據學生已有的知識結構體系,我主要是採用提問的方式引出每個教學目標,中間穿插來作比較、觀察的方式加深學生的印象,培養學生的觀察能力。並以小組形式進行,每個小組記錄整個製作過程的情感體驗。
三、 説教學過程
由於學生在必修模塊裏已接觸過網站的組建,對如何建立網站已有了一定的經驗,而且學生也撐握了字處理軟件如word工具的基本功能,學會了對文字圖片及表格的.基本處理。基於學生現有的知識技能,我決定讓學生以小組形式組合成5個小組,由操作能力強的學生充當組長,帶動其他成員完成網頁製作,一來培養他們合作互助的關係,二來培養學生之間、師生之間的感情。我在整節課裏只扮演一個組織者和提示者的角色,一步步引導學生完成本課的目標,讓學生充分發揮自主性,協助性,培養他們合作、創新的能力。
對此,我設定了以下幾個環節:
環節一
前面講了網頁的規劃與設計,學生對將要建立的網站已有了一定的準備,如何讓他們動手把他們構想中的網站有條理的組建起來。我會先提問學生都為他們的主頁準備了哪些內容和素材(如文本、圖片、動畫、音頻、視頻)?你打算怎樣安排它們的具體位置才能使網頁更加合理美觀,方便訪問者訪問?讓學生帶着問題思考。我接着在frontpage中打開學生常去的網站:騰訊qq網站,讓學生觀察並提問他們發現了什麼,再逐一把表格中的各元素刪除,使網頁上只留下一個空表格結構,從而引出目標一:利用表格定位網頁。
緊接着讓學生根據上節課設計好的版面,利用已學過的知識動手在網頁中插入表格,調整表格的結構,使插入的表格結構與設計的版面儘量吻合,組長負責記錄表格結構是否合理,並註明理由,使學生能合理的安排和組織表格結構,為以下的製作創造有利的條件。我會提醒學生要在編輯窗口和預窗口之間切換觀察,使表格結構調整得更加合理。學生在調整表格中會遇到這麼一個問題(或者由我設定出這個問題):
相關文章
-
網頁設計製作教程《四》
一般導航下面放置的是一個幻燈片,網上都有現成的代碼,不過多説了...內容 -- 左部分工具/原料photoshopdreamweaver步驟/方法1先定義左部分div2假設左部分有兩塊,就嵌套兩個div3標題欄目,左邊顯示標題名稱,右邊顯示點擊更多 -
網頁設計製作教程《三》
導航工具/原料photoshopdreamweaver步驟/方法1編寫一個導航的div2編寫導航中的`欄目,這裏用列表3這樣,html就編寫好了...下面我們對給html設置樣式,具體編寫位置以及全局簡介看網頁設計製作教程《一,二》4給導航一個寬度, -
網頁設計製作教程《一》
網頁設計製作實例教程《一》網頁設計與教程前期準備工具/原料photoshopdreamweaver步驟/方法1在桌面上建立文件夾,名字:baidu2在baidu文件夾裏邊新建文件夾images3打開dreamweaver,點擊 站點 - 新建站點 - 高級4站點名稱 -
網頁製作與網站建設課程教學分析論文
【摘要】《網頁製作與網站建設》是中等職業學校計算機和電子商務專業比較重要的一門專業課,由於這門課程的綜合性較強,只有把Photoshop和Flash兩個軟件綜合運用到網頁的製作中才能達到理想的效果,這三個軟件俗稱為網頁三 -
網頁設計製作教程《實例》2
網頁設計製作教程《實例》2圖文排版工具/原料photoshopdreamweaver步驟/方法1編寫整個div2編寫圖片和列表,圖片用img 列表用ul li3html已經定義好了,看效果4下面定義css , 給lixiaolin DIV 一個寬高 和背景 內左邊距 和 -
網頁設計製作教程《六》底部版權
工具/原料photoshopdreamweaver步驟/方法1定義底部div2定義底部小導航3換行,定義版權信息4這樣html就已經編輯好了,看效果5定義css,底部div 高度80 背景#f5f5f5 顏色#888 文字居中 距離上邊內邊距206定義導航列表CSS,在 -
《學習園地網頁製作》説課材料
我説課的內容是國小信息技術第十一冊第七課《快樂的學習園地》,本節課的教學目的是讓學生學會在網頁中插入表格,並學會利用表格來規劃網頁,並培養學生的創新能力和動手操作能力。本課伊始,我通過我校的美術特色作品——盤 -
國小信息技術《學習園地網頁製作》説課材料
我説課的內容是國小信息技術第十一冊第七課《快樂的學習園地》,本節課的教學目的是讓學生學會在網頁中插入表格,並學會利用表格來規劃網頁,並培養學生的創新能力和動手操作能力。本課伊始,我通過我校的美術特色作品——盤 -
行為導向教學法在網頁製作課程教學中的應用的論文
摘 要:通過兩種不同教學模式的對比及教學實踐,探討一種課堂教學新方法——“行為導向教學法”,以打破傳統的教學方法,從而優化計算機課堂教學。作者在《網頁製作》課程教學中探索行為導向法教學,調動了學生學習主動性,培養 -
多媒體教學網頁的製作過程
摘要: 本文以實際經驗為依據,比較詳細地論述了多媒體教學網頁的製作過程、技術要點和注意事項,包括立題、素材的蒐集、多媒體制作和網頁的製作等內容。關鍵詞:多媒體、教學網頁、製作前言計算機網絡技術的飛速發展,使網絡