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

简单网页制作教案设计


中小学课堂教学设计表



科:

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

教学流程图(可略)


相关文章:
网页制作教案电子版_图文
网页制作教案电子版_院校资料_高等教育_教育专区。...在网页设计中,设计者可以为文字、文字链接、已访问...域名的选择也是如此,选一个简单易记,比如可以模仿...
网页制作教学设计
网页制作教学设计_教学案例/设计_教学研究_教育专区。网面的制作的有关基础知识...信息处理为主线来开展教学工作,而不该成 为单纯的计算机应用软件操作的简单示范...
《网页设计与制作》教案
网页设计与制作》教案_工学_高等教育_教育专区。教 案 2012 ~ 2013 学年...件来设计布局静态网页以及一些简单的 JavaScript 脚本语言、熟练掌握网页编写 语言...
HTML网页设计教案
《HTML 网页设计教案 章节课题 列 1 号共 5 页 第一章 HTML 网页设计入门 2007 年 9 月 4 日 第一周 星期(二) 第 1~2 节 审阅者签名 授课日期 ...
制作网站首页教案设计
制作网站首页教案设计 制作网站首页教案设计广东省云浮市郁南县平台镇初级中学 ...二、教学目标 1.知识与技能 (1)掌握简单网页的新建方法。 (2)能够在网页中...
网页制作教案
,噍,这就是我设计的 第一 组织教学 (1 组织学生、清点人数 分钟) 复习导课 (4 同学们,网页设计是一门非常有意思的课,它简单易 问答 分钟) 学,但要学好...
“网页的制作”教学设计
《网页的制作》教学设计山东省昌乐二中 滕学梅 【学情分析】 1.在学习网页制作之前,学生进行了网站的规划与设计,还没有就网页制作真正着 手练习,对 Frontpage ...
网页制作教案
网页制作教案_教学案例/设计_教学研究_教育专区。网页制作教 案选用教材: 《Dreamweaver...可以通过简单的更改 CSS 文件,改变网页的整体表现形式,可 以减少我们的工作...
dreamweaver网页制作教案_图文
dreamweaver 网页制作教案 (Dreamweaver MX)一、...相对使用百分比制作网页,采用像素比较 简单。 使用...本篇主 要介绍制作网页时的版式设计。 主要内容: ...
制作一个简单的网页 教学案例
教学目标的设计】 1.知识目标 (1)了解网页的概念; (2)了解建立网站的一般流程; (3)初识 FrontPage2003 并学会建立网站; (4)学习制作一个只有文字的简单网页...
更多相关标签:
网页设计与制作教案 | 制作简单表格 教案 | 简单网页制作成品 | 简单的网页制作 | 简单网页制作 | dw简单网页制作教程 | 免费简单网页制作成品 | 简单网页制作步骤 |