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

简单网页制作教案设计


中小学课堂教学设计表



科:

信息技术 黎欣 计算机与信息科学学院 信息科学技术(师) 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 分钟

教学流程图(可略)


相关文章:
网页制作教案电子版_图文
网页制作教案电子版_院校资料_高等教育_教育专区。校历 教学内容 第一章《网页...虽然很简单的一 个变化,却给人与众不同的感觉。 8.用自己设计的花边,线条,...
HTML网页设计教案
《HTML 网页设计教案 章节课题 列 1 号共 5 页 第一章 HTML 网页设计...2、用 DREAMVEAVER 制作一个简单的网页,题材自定,不要复制网上的。 学生活动...
网页制作-教学设计
教学内容分析】 本节课是新授课且是第二单元《网站设计制作》的第一节课...难点:1、理解 HTML 标识性语言的结构及应用 HTML 语言编写简单网页; 2、网站...
制作一个简单的网页 教学案例
教学目标的设计】 1.知识目标 (1)了解网页的概念; (2)了解建立网站的一般流程; (3)初识 FrontPage2003 并学会建立网站; (4)学习制作一个只有文字的简单网页...
网页制作教案
,噍,这就是我设计的 第一 组织教学 (1 组织学生、清点人数 分钟) 复习导课 (4 同学们,网页设计是一门非常有意思的课,它简单易 问答 分钟) 学,但要学好...
网页制作进行的教学设计
网页制作进行的教学设计_工学_高等教育_教育专区。课例 1:本例是无锡市第一...能够插入简单的表单,使网页具有初步的动态交互功能 四、学习资源设计 在基于资源...
《网页设计与制作》课程教学设计_图文
网页设计与制作》课程教学设计_职业技术培训_职业教育_教育专区。以实际案例为...表格布局操作简单, 属性直观,学生易上手; 缺点:不能横向排列;不 能嵌套太多;...
制作网站首页教案设计
制作网站首页教案设计 制作网站首页教案设计广东省云浮市郁南县平台镇初级中学 ...二、教学目标 1.知识与技能 (1)掌握简单网页的新建方法。 (2)能够在网页中...
网页设计与制作教案_图文
网页设计制作教案_工学_高等教育_教育专区。自己制作的上课用的网页设计课程...最简单的网页 html 代码 [难点] 掌握最基本的网页的构成及最简单的网页 html ...
《制作交互网页》教学设计
《制作交互网页》教学设计_教学案例/设计_教学研究_教育专区。《制作交互网页》...了 Dreamweaver 软件的使用,掌握了新建、打开网页的技能,会简单的静态网页设计。...
更多相关标签: