tceic.com
学霸学习网 这下你爽了
相关文章
当前位置:首页 >> 其它课程 >>

4.2网站设计与制作教学设计

4.2 网站设计与制作教学设计
【教学分析】 一、教材分析 本教学内容为高中信息技术选修模块《 网 络 技 术 应 用 》 的 重 要 部 分 , 通 过 学 习 , 学 生 能 够根据任务需求,选择恰当的工具分析网页。在本章中,通过对一些网页 的分析, 让学生了解构成网页的各种要素, 并了解万维网的基本架构, 理解网页的作用。通过教学要学生了解并掌握网站的策划构思的过程, 掌握素材收集整理的基本方法,学会最基本的网页制作工具 软件的使用。 二、学生分析 学生是教学活动的主体,充分了解学生,是取得良好教学效果的必要 条件。通过对学生平时上机情况的观察以及课下和学生的谈话交流, 我了解到的学生的主要情况是: 1、 高一年级学生经过初中阶段的学习, 能够较好地运用搜索引擎、 Word 、PowerPoint 等常用信息技术工具。 2、具备了基本的网络水平。 3、已具备了初步的小组协作探究能力。 三、教学目标 1、知识目标:了解万维网的基本架构,理解网页的作用,掌握网 页元素和网页构件的 使用,学会使用常用的网页制作工具。

2、能力目标:通过网页作品的欣赏培养学生搜索、下载、处理和 应用信息的能力,培养学生对信息技术的实践应用能力、 协作能力和创新能力。通过本课的学习可以培养学生的 辩证思维和发散思维的能力、逻辑思维能力及语言表达能力。 3、情感态度价值观目标:培养学生独立思考、自主学习、合作讨 论的能力,通过自己探究问题,进一步树立学生学习信息技术的自 信,提高学生学习网页制作的兴趣。 四、教学重、难点 1 、网页设计的基本流程 2、网页的版面设计 3、网页的色彩搭配 【教学策略】 设计教法,培 养 学 生 的 学 习 兴 趣 、 培 养 学 生 分 析 问 题 、 解 决 问 题 、 综合运用信息技术的能力。 设计教学方案, 为层次稍低一点的学生创造学习的空间, 并能使基础较好 的学生有知识拓展的空间。 【教学设计理念】以学生为中心,以任务为载体,以操作为手段,以 发现为宗旨,以感悟为目的。 【教学方法】 根据学生的特征, 结合他们的认知水平, 本 节 课 采 用 以 任 务 驱 动 法 为 主 , 以 讲 授 法 、 演 示法、讨论法为辅的教学方法。结合任务调动学生的自主探究 和合作交流。

【课前准备】分析教学内容,制订教学方案。采集教学过程中所要用 到的文件。制作教学课件。 1、自制 PowerPoint 演示课件 2、多媒体电子网络教室(教师机、学生机) 3、制作作品的各种素材。 【教学过程】 引入 打开几个不同类型的优秀网站,让学生欣赏,指出各网站的设计风格、 整体规划、素材的运用、颜色的运用等特点,引发学生兴趣。这些网 站都可以在我们的手中做出来。 一、建立站点。 教师演示站点的建立。学生自主完成建立站点 教师结合学生演示,强调创建站点类型、站点保存位置及名称。 学生活动:学生尝试利用 FrontPage 创建站点,演示操作创建站点的过程和方法。 二、网站的设计 结构设计、版面设计、交互设计。 三、网页的制作 1、表格的建立。 2、强调“表格属性”窗口的设置,并请学生示范操作。 3、添加网页元素 4、进一步巩固消化网页元素——动画文件的添加方法。

5、教师根据学生实际操作状况, 针对性地请学生进行操作示范, 并归纳小结图片 和动 画文件的不同添加方法。 四、网页的保存 1、 通 过 确 定 保 存 网 页 文 件 的 文 件 名index.htm, 引 出 首 页的 概 念及 默 认文 件 名 的含 义 。 2、特别指出图片和动画文件的保存方法,突出站点中 images 文件夹的作用。 五、小结 选取学生作品展开自评与互评, 教师引导学生小结网站实现的基本过 程。 六、作业 分小组完成,设计制作一简单小网站。 七、教后反思:


推荐相关:

4.2《网站主页的设计》教学设计.doc

4.2网站主页的设计》教学设计 - 《网站主页的设计》教学设计 一、教材分析 本节课讲授浙江教育出版社《信息技术基础》第六章“网页设计与制作”的相关,并 ...

网站设计教学设计.doc

网站设计教学设计 本节内容为教育科学出版社普通高中课程标准实验教科书《...然后完成自己小组的栏目设置: 4.2 网站栏目设计 根据小组的网站主题和内容,对...

高中信息技术网站设计与制作教学设计.doc

高中信息技术网站设计与制作教学设计 - 高中信息技术网站设计与制作教学设计 【教

《 设计与制作网站首页界面》项目教学设计.doc

Photoshop CS6 基础与案例教程《任务一 设计与制作网站首页》项目教学设计设计与制作网站首页界面》项目教学设计一、任务描述 网站是众多企业、 团体和个人宣传...

网页设计与制作电子教案.doc

网页设计与制作电子教案_其它课程_小学教育_教育专区。网页设计与制作电子教案 ...4.2.1 4.2.2 4.2.3 4.2.4 4.2.5 4.2.6 4.3.1 4.3.2 插入表格 选择...

高中信息技术 4.2网站规划设计教案 粤教版选修3.doc

高中信息技术 4.2网站规划设计教案 粤教版选修3_其它课程_高中教育_教育专区。...主要介绍使用网页制作工具 FrontPage 实际动手制作自己的网站,将规划设计的 蓝图...

以“说课”形式谈《网页设计与制作》项目教学设计.doc

所以, 本教学设计主要源 于兴趣培养、能力提升和知识学习。 4.2 项目案例 基于以上设计理念,围绕让学生制作“团队介绍网站”这一项目展开教学,主要通过在 五个教学...

第4章《网站设计与建设》电子教案_图文.ppt

第4章《网站设计与建设》电子教案_工学_高等教育_教育专区。《网站设计与建设...到其他内容网页的超链接 4.2 网站的逻辑链接结构网络型结构的实现就在于在所有...

《设计与制作网站首页界面》项目教学设计.doc

Photoshop CS4 基础与案例教程 《设计与制作网站首页界面》项目教学设计设计与制作网站首页界面》项目教学设计一、项目情境 网站是众多企业、团体和个人宣传产品、...

网页设计教学教案_图文.doc

《Dreamweaver CS5 网页设计教程》 配套教学教案第1...3、 本章内容虽然尚未涉及到网页设计和制作, 但却...网页 4.1.1 4.1.2 4.1.3 4.1.4 4.2.1 4.2.2...

《网站设计与建设》教案_顾伟.doc

网页制作与网站设计(第三版) 网站设计与 Web 应用开发技术(第 二版) 教学...插入和设置水平线 4.1.7 插入特殊符号、时间和注释 4.2 在网页中添加段落 4.2...

《网站建设与网页设计》教案.doc

网站建设与网页设计教案_工学_高等教育_教育专区。《网站建设与网页设计》 ...4.2 教学重点和难点 1. 2. 、标签的使用; 元素的创建与基本原理。 4.3 教学...

4.2_结构图_教学设计_教案.doc

4.2_结构图_教学设计_教案 - 教学准备 1. 教学目标 1.知识与技能 通

4.2、哪种方式更合算 课堂教学设计_图文.ppt

网页 新闻 贴吧 知道 音乐 图片 视频 地图 文库 |...四章统计与概率 4.2、哪种方式更合算 课堂教学设计...2.某游戏组织者设计如图 所示一可以自由转 动的...

4.2 研究报告撰写教学设计.doc

4.2 研究报告撰写教学设计_其它课程_初中教育_教育...表格的制作空表、 表格编辑、 文字录入和修饰、表格...2016 Baidu 使用百度前必读 | 文库协议 | 网站...

网页设计与制作电子教案.doc

网页设计与制作电子教案_其它课程_小学教育_教育专区。网页设计与制作电子教案 ...4.2 使用框架布局网页 4.2.1 创建框架网页 4.2.2 拆分框架 4.2.3 保存框架和...

河北版信息技术七年级下册《设计网站与制作首页》教学设计.doc

河北版信息技术七年级下册《设计网站与制作首页》教学设计 - 设计网站与制作首页 本单元安排的是使用 Dreamweaver 制作个人网站,展现自我风采。 本课主要介绍网站、 ...

...高中通用技术上学期第十九周《4.2模型或原型的制作》教学设计_....doc

网页 新闻 贴吧 知道 视频 音乐 图片 地图 文库 |...《4.2模型或原型的制作教学设计_高中作文_高中教育...的过程,理解模型是技术设计中的一个环节和一种重要...

高三通用技术 《技术与设计》4.2明确问题教学设计.doc

高三通用技术 《技术与设计4.2明确问题教学设计_其它课程_高中教育_教育专区

《动态网页设计与制作实用教程》电子教案_图文.ppt

《动态网页设计与制作实用教程》电子教案_IT/计算机_专业资料。《动态网页设计与...动画制作的有关概念 4.2 三种基本动画形式 第5章 洋葱皮、图层及声音的应用 5...

网站首页 | 网站地图
All rights reserved Powered by 学霸学习网 www.tceic.com
copyright ©right 2010-2021。
文档资料库内容来自网络,如有侵犯请联系客服。zhit325@126.com