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

编辑网页


编辑网页
主讲:XXX

LOGO

编辑网页
编辑网页说课稿
教材分析 学生分析 教学反思 教学目标 教学过程 重难点分析 教学方法 资源环境
YOUR COMPANY NAME or YOUR SITE ADDRESS

LOGO

教材分析


教材分析

本课目前使用的教材是常熟市中学高 一《信息技术》教材网页制作第二课。 教材中采用的网页制作软件是 FrontPage2000。由于FrontPage2000 采用了与Word等其他Office软件相类 似的图形操作界面,可以自动生成 Html代码,轻松实现网页发布。本节 课主要是讲FrontPage2000的视图和 模式,怎么创建一个普通的网页,简 单的文字编辑,怎么样插入水平线, 日期和时间,项目符号及编号,以及 注释等。

YOUR COMPANY NAME or YOUR SITE ADDRESS

LOGO

学生分析

? 学生已初步掌握了网络通信的基础 知识,因特网的信息服务,网络信 息的搜索、浏览和下载,以及电子 邮件的使用等内容。因此,学生已 经具备了获取信息的能力,网页制 作单元就可侧重培养信息表达的能 力,这对于加强学生的信息意识, 提高信息处理的能力有着重要的作 用

? 网页的设计也给学生提供了展示个性、 自主创新的机会,促使他们主动地学、 创造性地学;网页的评价则能使学生了 解内容编排的原则,页面布局的种类, 色彩搭配的风格等,提高他们的艺术修 养和审美情趣。学生已经学过了Word字 处理软件。因此,FrontPage2000的启动、 文件操作、文字编辑处理都会有一种似 曾相识的感觉,这种知识迁移对后续的 学习非常有利。

学生的特点分析

YOUR COMPANY NAME or YOUR SITE ADDRESS

LOGO

教学目标分析

认知 目标

1、能简要陈述FrontPage2000主要 功能,熟悉其操作界面 2、能用自己的话说明不同视图的作 用

情感 目标

1、具有集体荣誉感,愿意为班级的网页 建设出谋划策 2、具有乐于助人、团结协作的精神 3、能尊重他人的劳动成果,有保护知识 产权的意识 1、能熟练地建立、打开、保存、浏览网 页文件 2、能在网页中熟练地插入文字、水平线 3、能在网页中插入日期和时间,注释, 项目符号和编号
www.themegallery.com
YOUR COMPANY NAME or YOUR SITE ADDRESS

动作 技能 目标

LOGO

重难点分析

编辑网页:重难点分析
1、能在指定位置建 立只有一个网页的 站点(难点) 2、能在页面中插入 文字、图片、水平 线 3、掌握页面文件与 网页的保存(难点)

YOUR COMPANY NAME or YOUR SITE ADDRESS

LOGO

重难点分析

编辑网页:教学资源环 境
多媒体教室,投影 仪及教师制作的 PowerPoint课件 等

YOUR COMPANY NAME or YOUR SITE ADDRESS

LOGO

教学方法设计

教法设计

信息技术教学的首要任务就是提升学 生的信息素养,在课堂教学中营造良 好的信息环境、关照全体学生、运用 信息技术解决问题并注重交流与合作。 通过情境导入,引导学生进行思考, 让学生在积极参与讨论的过程中,对 信息获取的一般过程形成比较深入的 理解。在教学过程中,通过情境提 问——引导——提问——讨论——操 作——小结归纳——练习——拓展这 样的过程,互相交流学习,共同完成 学习任务。

YOUR COMPANY NAME or YOUR SITE ADDRESS

LOGO

教学过程设计
激情引入

同学们喜不喜欢上网?经常上新浪、西祠胡同等,有没有同学知 道新浪、西祠胡同称做什么?(网站) 浏览新浪网站,浏览的第一个页面称为什么?(主页) 我们还可以浏览其它的页面,点击超链接浏览,当鼠标变成手指的形状时 有超链接。 问题1:网站是不是就是网页?用自己的语言描述一下网站的概
念(网站包含多个网页,通过超链接把不同的页面链接起来) 问题2:网页是不是就是主页?(第一个页面称为主页,网站设计者 可以确定哪一个是主页,主页的文件名一般为:index.htm,主页也是网页)

设计意图:问题引入比较容易抓住学生的心。使学生马上进入学习状态,让 生体会到网页应用的普遍性,从而更有兴趣的进入后面的学习。
YOUR COMPANY NAME or YOUR SITE ADDRESS

LOGO

教学过程设计
任务驱动

今天我们学习用Frontpage建立站点,制作一个主页。先来研究 一下没有发布的网站,打开教师做的网站。 师:要想做出老师展示的这么漂亮的网页,我们应该掌握什么工 具呢?(以此设问来引出下面将进行的教学讲授活动)。 师:现在,我们来认识一下FrontPage2000,首先介绍一下它的 界面。 师:与word比较,有什么不同? 生:增加了视图区,编辑区有三个窗口。

设计意图:使学生明确学习任务,在任务的驱动下去学习才更有效果。联系 以前学过的熟悉的内容,增强同学继续学习的信心,
YOUR COMPANY NAME or YOUR SITE ADDRESS

LOGO

教学过程设计
讲授新课

三种模式的介绍: 普通窗口:鼠标在闪动,可编辑、修改页面,所见即所得的方式 预览窗口:浏览器中出现的效果,与PowerPoint中的“放映幻灯片”类似。 Html窗口:编写HTML(超文本标记语言,它是描述网页内容和外观的标准。) 几种视图的介绍(了解) 网页:网页视图是用来显示选中的网页的。 文件夹:用于管理站点中的网页文件夹和网页文档。 报表:对所建网站的统计作用,它有助于维护站点。 导航:用于对站点结构的管理,可以创建网页,更改网页间的 超链接:显示站 点中每一页的超链接。 任务:用于记录与创建和WEB站点有关的所有细节,对于大型站点和有许多 人参加的站点,维护管理十分有效。 设计意图:使学生对FrontPage有一个初步的了解,对后面进行的操作有一定 的基础,能够较容易的掌握。
YOUR COMPANY NAME or YOUR SITE ADDRESS

LOGO

教学过程设计
操作演示

首先,教师演示所有的操作 a、FrontPage中简单的文字处理:改变字体,字体大小,字体颜色,变 粗,倾斜,下划线。 b、FrontPage中插入元素:水平线,日期和时间,项目符号和编号,注 释。

设计意图:示范很重要。对于初学者来说,学习模仿就是个必须的过程。操 作性的学习,老师示范是学生掌握知识最快的方法。
YOUR COMPANY NAME or YOUR SITE ADDRESS

LOGO

教学过程设计
总结反馈

请几个学生分别上讲台来示范刚老师示范的所有操作 a、FrontPage中简单的文字处理:改变字体,字体大小,字体颜色,变粗, 倾斜,下划线。 b、FrontPage中插入元素:水平线,日期和时间,项目符号和编号,注释。 结束后大家一起讨论其中的不足,老师点评,查漏补缺。

设计意图:让学生亲自操作,印象深刻,能发现错误和不足不懂得地方,能 及时反映出来,并解决。
YOUR COMPANY NAME or YOUR SITE ADDRESS

LOGO

教学过程设计
总结课堂

a、FrontPage的三种基本视图:普通视图,HTML视图,预览视图 b、FrontPage中简单的文字处理:改变字体,字体大小,字体颜色,变粗,

倾斜,下划线。 c、FrontPage中插入元素:水平线,日期和时间,项目符号和编号,注释。

设计意图:总结的目的是让学生回顾一下本节课所学的内容,重新组织一下 知识,在自己的脑海里建构,使所学的知识能够更深刻。
YOUR COMPANY NAME or YOUR SITE ADDRESS

LOGO

教学过程设计
课堂练习

1)、可以查看网页的HTML源代码的视图是() A、HTML视图 B、预览视图 C、普通视图 2)、用于管理站点中的网页文件夹和网页文档,可进行新建、复制、删除、

移动操作的是() A、导航 B、文件夹 C、超链接 3)、插入水平线的时候必须在哪种模式下进行() A、HTML模式 B、预览模式 C、普通模式

设计意图:巩固学生这堂课的学习内容。让学生知道本节课需要哪些是掌握 的重点内容,哪些需要了解。
YOUR COMPANY NAME or YOUR SITE ADDRESS

LOGO

教学过程设计
拓展实践

同学们课后可以找一些素材,几个人一组,为班级做一个网站的主页,可 以自由设计。下次课前老师再点评。

设计意图:激发学生进一步学习的兴趣和热情,同时,为班级设计一个主页 可以增强他们的集体荣誉感,几个同学合作也可以培养他们的合作精神。
YOUR COMPANY NAME or YOUR SITE ADDRESS

LOGO

教学反思

优点

不足

本节课的成功之处是,问题情境创设得较为成功,教学 过程流畅,学生积极性高。但是,整节课教师讲授的时间可能很 多,没有给学生足够的发挥设计的空间。有的同学有可能会觉得 这样的内容太枯燥无味。教师设计课堂的时候应该设计更多的活 动,让学生有更多的参与。

YOUR COMPANY NAME or YOUR SITE ADDRESS

LOGO


相关文章:
随意修改网页内容的代码
随意修改网页内容的代码先把这段代码输入到地址栏: javascript:document.body.contentEditable='true'; document.designMode='on'; void 0 然后按 enter,之后就...
教你制作简单网页——图文教程
构思好这个网页的结构,我们就可以开始制作了。 首先启动 dreamweaver,确保你已经用站点治理器建立好了一个网页。 ? 【插入标题文字】 进入页面编辑设计视图状态。在...
在线网页编辑器使用说明
在线网页编辑器使用说明 使用在线网页编辑器 在线网页编辑器 在线网页编辑器,可以通过浏览器,直接编辑网页的内容。以“所见即所得”的方 式,实现网页图文混排。在...
怎样制作自己的网页
网页制作涉及的工具比较多,首先就 是网页制作工具了, 目前大多数网民选用的都是所见即所得的编辑工具,这其中 的优秀者当然是 Dreamweaver 和 Frontpage 了,如果是...
网页制作学习入门教程
网页制作学习入门教程(三)工具使用 首页制作工具:文字编辑软件:在选择网页制作工具时,最简单的莫过于记事本了,如果你 想选择记事本的话,那么前提你必须熟悉 HTML ...
当网页文字无法编辑怎么办
网页文字无法编辑怎么办。电脑应用当网页文字无法编辑怎么办方法一: 方法一 : 右键按住托拉文字,右键,复制。如不弹出右 键菜单,那么就用键盘的 Ctrl+C 来复制...
怎样制作自己的网页
网页制作涉及的工具比较多,首先就 是网页制作工具了, 目前大多数网民选用的都是所见即所得的编辑工具,这其中 的优秀者当然是 Dreamweaver 和 Frontpage 了,如果是...
网页制作教程,网页制作入门教程
接下来,我们开始编辑 index.html。 单击 index.html,显示为当前页面。 单击拆分, 然后我们看这个 个网页就叫张三之家 了,同样的方法给其他三个网页改名字。 A ...
自己制作网页的7个步骤
怎样自己制作网页步骤 6:查看和编辑您的页面 保存您的文本文档(记住:“文本只是,“和文件名应该结束。 html 或. htm)和返回到浏览器。 在文件菜单中,选择“...
教你如何制作网页
第二阶段:开始时最好是学些网页编辑 软件和基础网页脚本语法,如: Dreamweaver 软件, HTML 语法(百度一下: HTML 入门),CSS 语法(百度一下:CSS 入门), 这样...
更多相关标签:
如何编辑网页 | 网页编辑软件 | 编辑网页的软件 | 网页制作培训机构 | 公司网页制作费用 | 怎样制作网页的步骤 | adobe dreamweaver | frontpage |