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

公开课网页制作教案


网页的制作
教师:张蕊 班级:高一(2)班

教学目标 一、知识与技能: 1、 了解网页的基本组成元素,及网页制作主要工具; 2、 学会制作网页的基本方法和常用技术; 3、 使用软件 FrontPage 制作主题网站首页。 二、过程与方法: 通过优秀作品的欣赏,让学生感受网站的作用,网站组成的元素,及网站的设计风格;激发学 生 设 计网 站 的兴 趣。 使用 FrontPage 教 师 演练主 题 网站 首 页的 制作 流程 。 学生 动 手练 习用 FrontPage 制作网页。 三、情感态度价值观: 激发学生对网站建设规划的兴趣。发掘学生的创作能力。训练学生动手能力。 四、行为创新: 感受作品创作前规划设计的重要性,并能够独立的完成基本网站制作。 教学重点与难点 重点:学会使用工具制作网页,熟练 FrontPage 中表格,单元格属性的设置,编辑网页图文素 材,保存及预览网页文件。 难点:使用表格进行页面布局。 教材分析: 本节内容是教会学生动手制作网站,是理论知识转化为实际操作的第一步,在唤醒学生先前知 识的同时加深运用,培养学生知操作能力。 学情分析: 本案例的对象是高一年级的学生。通过上学期和本学期的学习,大部分学生有了一定的信息技 术基础及网络知识,学生上网现象普遍,上网兴趣极高,被各种形形色色的网站所吸引,很想亲手 制作自已的网站。但由于这一时期的学生认知能力、观察能力、思维能力仍不成熟,如何培养学生 良好、健康的学习方法是教师的关键。 教学策略: 引导法、观察法、比较法、演示法等教学方法,启发学生,广开学生思路,达到预定的教学目 标。 教学工具: 硬件:多媒体网络电脑室; 软件:安装 Microsoft FrontPage 等网页制作工具。

教学内容

教学活动 因特网已成为当前人们生活中信息交流的平台,同学 们你们可曾因浏览过精彩的网页而欣羡不已,你们可 曾想过有网络的天地间展示自己的才华?今天就让我 们开启为自己在网上安家的梦想,尽情的在网络中展 示自己。 小结网站,网页的基本概念。 提供四个不同主题的优秀作品。 学生思考问题:网页有哪些元素。(请学生回答)

学生活动

设计意图 让学生意 识到本堂 课所要学 习的内容 通 过 观 察,比较 的方法感 受网站的 组成 让学生为 自己设计 的网站做 好前期准 备工作。 让学生了 解基本的 制作工具 让学生学 习制作工 具 的 使 用。 培养学生 的操作能 力。 让学生在 学习中交 流心得

情境导入

学生听讲,了 解本课的内容

网站的组 成

学生欣赏作品 思考问题,回 答回题

实例分析

展示其中一个作品(虎门硝烟)网站的首页。 分析网页的版面布局,设计出表格布局。

学生观看,了 解网页的结构 学生深入思考 问题并回答。

网页制作 工具

制作工具:FrontPage(基本架构) 辅助工具:Flash、PhotoShop(丰润网页)

学生了解网页 制作相关工具

教师演示

演示表格框架的制作和素材的运用编辑。

学生观看,唤 醒先前已有的 知识。

学生练习

发送素材给学生,让学生运用网页制作工具动手制作 一个虎门销烟的首页。 教师查看学生作品,展示其中的两个学生的制作做点 评。

学生动手制 作。

课堂小结

强化兴趣,建 立信心。



相关文章:
网页制作超链接公开课教案
网页制作超链接公开课教案_其它课程_高中教育_教育专区。超链接公开课教案 福宝中学公开课教案第 3 周 刘云题 知识目标 技能目标 情感目标 教学重点 教学难点 对...
网页设计公开课教案doc
网页设计与制作公开课教案授课时间 章节名称授课方式教学目的要求教方教重难学法学点点第 6 周 2 课次 第 2 次 Div+css 布局之 class 类的应用理论课() 、...
dreamweaver 网页制作项目教学法公开课教案
dreamweaver 网页制作项目教学公开课教案_电脑基础知识_IT/计算机_专业资料。dreamweaver网页制作项目教学教学公开课教案阳江市第一职业技术学校 信息部 公开课教案...
FrontPage制作简单网页(高二公开课教案)
FrontPage 制作简单网页(高二信息技术公开课教学教案) [ 教学目的 ] 了解网站的基本结构、构建网站的步骤,掌握用 FrontPage 制作简单网页 [ 教学重点 ] 网站规划、...
...上册第1课《网页制作初体验》优质课公开课教案教师...
小学信息技术人教版六年级上册第1课《网页制作初体验》优质课公开课教案教师资格证面试试讲教案 - 小学信息技术人教版六年级上册第 1 课 《网页制作初体验》 优质...
公开课教案 使用IIs构建网站
公开课教案 使用IIs构建网站_教学案例/设计_教学研究_教育专区 暂无评价|0人阅读|0次下载|举报文档 公开课教案 使用IIs构建网站_教学案例/设计_教学研究_教育专区...
《网页设计---用CSS设置丰富的超链接特效》公开课教案
网页设计---用CSS设置丰富的超链接特效》公开课教案_其它课程_初中教育_教育专区。通过这节课的学习,在前面所学的用CSS设置文字效果、CSS设置图片效果和CSS设置...
在网页中插入滚动文字公开课教案
学习 《制 作网页文字滚动效果》这一课,目的在于掌握插入滚动文字的方法,设置滚动文字的属性。 二、教学目标设计 【知识目标】 1、认识设置“滚动文字”代码。 2...
...四册第2课《专业网页制作工具》优质课公开课教案教...
小学信息技术河北大学版第四册第2课《专业网页制作工具》优质课公开课教案教师资格证面试试讲教案 - 小学信息技术河北大学版第四册第 2 课《专业网页制作工 具》...
在网页中插入滚动文字公开课教案
网页中插入滚动文字公开课教案_教学案例/设计_教学研究_教育专区。在《Dreamweaver》网页中插入滚动文字黄先竹 一、教学内容分析 “在网页中插入滚动文字”是学生...
更多相关标签: