当前位置:首页 >> 其它课程 >>

简单网页制作教案设计


中小学课堂教学设计表



科:

信息技术 黎欣 计算机与信息科学学院 信息科学技术(师) 2012 级 2 班 222012321111110

设 计 者: 学校院系: 专 班 学 业: 级: 号:

西南大学师范教育管理办公室



/> 课
课题 (章节名称) 学科 预计课时数 选用教材 信息技术 1













网页制作——简单网页制作 授课年级 初中八年级 学期 课型 下 新课

本案为其中第 1 课时

《初中信息技术》八年级下 重庆大学出版社 参考资料
《新理念信息技术教学论》 (第二版) 吴军其 胡文鹏主编 北京大学出版社

课标与学习需求分析 课程内容标准表述: 1) 会使用网页设计工具进行简单网页设计,如插入文字和图片,利用表格进行网页布 局、建立超链接。 2) 了解 HTML 基本元素,如 HTML 基本结构,文本、图片、表格、超链接以及表单等对 应的 HTML 元素。 学习者现状: 1)从未接受过网页制作的课程学习。2)有一定的自主学习和基础软件使用能力。 总的教学目标:制作简单网页 教学内容分析 1.认识几种常用网页制作软件 了解它们,并能通过比较这几种工具的特点/异同在实际情况选 择合适的网页制作工具 2.制作一个简单网页 用 frontpage 和 dreamweaver 制作简单网页, 在网页中插入文字 图片、设置网页背景、插入超链接等。 3.做好网站的基本常识 做好网站的基本要求和必须步骤以及设计要领 4.HTML 简介 学习 html 文档的基本格式

简单网页制作

学生情况分析 知识能力基础:本课教材所针对的学生是小学阶段中段的学生。 (1)学生具备了一定的 自主学习能力,能结合以前学习的经验,采用多种学习的方法,如:根据任务要求自学 教材,发现问题反复实践操作,小组合作学习、讨论交流等; (2)学生具备了使用基础 软件的能力,能根据规律更快地学习新的软件。 (3)学生们一般还没有网页设计与制作 的理论和实践知识,对于网站常识还比较陌生。 认知风格:学生计算机技能水平、理解水平存在差异。但是通过教师的点拨、学生的自 我探索以及同学的帮助之后, 都能掌握新知识, 并且能运用于实践操作中顺利掌握网页 制作这一新知识。 教学方法选择
讲练法 任务驱动法 启发式教导法

教学环境、教学媒体、教学材料选择 教学场地:多媒体教室 教学硬件:一人一机(能上网) 教学软件:Microsoft office powerpoint2003 Microsoft office word2003 Dreamweaver CS3 FrontPage WPS 教学材料:PPT 课件

板书设计 一. 网页制作软件 FrontPage Microsoft office word2003 Dreamweaver CS3 FrontPage 二. 做好网站的基本常识 1) 主题 2)结构 3)色彩 三.HTML 简介 Hyper Text Markup Language 超文本标记语言

WPS

教学目标 知识和能力目标:1.能认识常用的网页制作软件。2.能设计并制作出一个简单的网页 3.能说出 HTML 的含义和文档基本格式。 过程和方法目标:培养学生先从模仿入手,再到创作网页的能力 情感态度价值观目标:1、培养学生独立思考、自主学习、合作探讨的能力 .2、提高学 生对网页制作的兴趣和信心。3、培养更多的信息技术素养。 重点、难点分析 重点:用软件制作简单网页,比如插入文字图片,设置背景,添加超链接等 多媒体屏幕广播演示具体操作并做相应说明, 让学生在课堂上自主练习。 即学即 用,效果更佳。 难点:1.网页的设计 在网上找设计优秀有艺术美感的网页,让学生通过欣赏网页而了解网页设计。 2.HTML 的基础知识 HTML 对于中学生过于抽象,在互联网网页通过查看源文件让学生清晰地感受 html,这样相对比较具体,学生掌握起来更容易更深刻。

课堂教学过程结构设计 教学环节 课程导入 教师教学 1. 网络中离不开网站,我们 也在网络中看过很多漂亮 美观的网页。 欣赏网页: 1) 小山屋 http://www.xiaoshanwu. com 2)腾讯 QQ 的主页 3) 教师制作的福娃晶晶个 人主页 2. 提问:我们能不能制作自 己的个人主页呢?制作网 页又需要那些东西呢?比 如用什么工具? 依 次 打 开 WPS 、 word 、 Dreamweaver、 FrontPage 四 个常用软件, 简单介绍软件功 能 屏幕广播具体演示制作一个 简单网页的过程与步骤。
1)打开 Dreamweaver,新建一个文 档 2)输入文字 3)插入图片 4)插入超链接 5)设置网页背景 6)保存,预览

学生活动 思考做网站所 需要的工具和 环境

设计意图 激发学生思维 以及对网页制 作的兴趣,让 学生了解制作 网站的准备工 作

用时 2 分钟

认识常用 网页制作 软件

观察学习。

让学生对常用 软件有常识性 的认识和了 解。 让学生学会制 作一个简单网 页

4 分钟

制作一个 简单网页

探究、观察学 习。

5 分钟

布置任务一: 让学生按照以上 上机实践制作 让学生制作一 演示步骤制作一个和老师演 网页, 若不清楚 个简单网页 示一样的简单网页 可寻求同学帮 助演示或问老 师。 做好网站 的基本常 识 通过板书和 PPT 讲解做好一 个网站的要求 观察学习, 引导学生模仿 设计并制作网 站,提高兴趣

10 分钟

5 分钟

HTML 简 介

布置任务二: 让学生思考并讨 探究学习。 学习如何设计 论自己的个人网页的主题、 版 网页 面设计等 通过板书和打开互联网网页 观察理解学习。 理解 HTML 源文件讲解 html 的基础知识

3 分钟

学生练习 小结

布置作业

布置任务三: 制作自己的个人 上机实践 主页 总结这堂课所学的知识点 综合理解学习 提出问题: 制作完成的简单网 页比起网上的网页仍然有些 不同,为什么?预习下节内 容,下堂课再讲解 完善自己的个人主页, 在下次 完成作业 上课时提交。 教师批改后展示 优秀作业并回发给学生意见。

巩固知识,实 践 总结课堂内容 启发下次课的 内容

8 分钟 2 分钟

课后练习

1 分钟

教学流程图(可略)


相关文章:
《制作一个简单的网页》教学案例
教学目标的设计】 1.知识目标: (1)了解网页的概念; (2)了解建立网站的一般流程; (3)初识 FrontPage2003 并学会建立网站; (4)学习制作一只有文字的简单网页...
《简单网页制作》教学设计
简单网页制作教学设计一、设计意图: 目前网络对学生的吸引力很大,学生上网都会浏览网页内容,对 网页的制作也有很大的兴趣,想知道一个网页是怎样制作成功的。但 ...
制作简单的网页教学设计
第2 节《制作简单网页教学设计一、学习者分析 教学的对象是初中二年级的学生。在学习本章节之前,学生已经学习了网络基础 知识,掌握了网络使用的基本方法;对...
教学设计简单网页制作
教学设计简单网页制作_其它课程_初中教育_教育专区。简单网页制作 ---我的时光宝盒教材:重大版初中信息技术八年级下 2.1《简单网页制作》 一、设计思想 学生在信息...
《网页设计与制作》教案
网页设计与制作》教案_工学_高等教育_教育专区。教 案 2012 ~ 2013 学年...件来设计布局静态网页以及一些简单的 JavaScript 脚本语言、熟练掌握网页编写 语言...
《制作一个简单的网页》教学案例
教学目标的设计】 1.知识目标: (1)了解网页的概念; (2)了解建立网站的一般流程; (3)初识 FrontPage2003 并学会建立网站; (4)学习制作一个只有文字的简单网页...
网页设计制作教学设计
网页设计制作教学设计_院校资料_高等教育_教育专区。网页设计制作教学设计课程...2. 课程内容设计 模块名称 学时 Dreamweaver 的基本应用方法和简单命令 网页制作...
网页制作软件 教学设计
设计意图:通过学生感兴趣的问题设问,吸引学生的注意力,激发学生的学 习兴趣。 3、层层攻关(任务驱动 逐步提高 分层教学) 欣赏过网页,教师就提出与学生共同制作简单...
制作网站首页教案设计
制作网站首页教案设计 制作网站首页教案设计广东省云浮市郁南县平台镇初级中学 ...二、教学目标 1.知识与技能 (1)掌握简单网页的新建方法。 (2)能够在网页中...
Dreamweaver网页制作教案
设置超链接 (9) 应用框架 (10) 5、小结 简单站点的建立过程 表单的使用 设计限时自动关闭的网页一、学习目的 了解 Dreamweaver,学会利用 Dreamweaver 制作网页。 ...
更多相关标签:
网页设计与制作 教案 | 制作简单的表格 教案 | 简单网页制作成品 | 简单的网页制作 | 简单网页制作 | 简单的dw制作网页步骤 | 简单的网页制作软件 | 如何制作简单的网页 |