网页的设计与制作

第六章 网页的设计与制作 《创建超级链接》教学设计 双石铺中学 王晓丽

【设计思想】

技术是在自己有需求的情况下的获取,所以在整个学习过程中,关键是学习方法、学习习惯的培养。让学生在“做”中“学”是本节课的主导思想。以学生自主学习为主,协作讨论、专题探究与教师指导为辅。通过任务驱动的形式,融合其他学科知识,体现课程整合思想。采用“资源利用-主题探索-合作学习”的教学模式,使学生通过实践-总结-再实践-再总结,逐步达成教学目标。 【教学分析】

分析教材:

本节课是浙教版高中信息技术第六章《网页的设计与制作》中的内容。网页制作是高一信息技术课程的重要内容之一,本节内容(创建超级链接)在教材中没有做详细介绍,而这部分内容是这部分的重点,也是难点。超链接是网页的核心技术之一,一张张网页之所以能组成一个网站,主要是通过超链接的设置来实现的。因此在设计学件时将本节重点定为超链接设置,希望能让学生掌握设置各种链接的操作方法,为今后制作更精美的网站打好基础。 分析学生:

高一学生好奇心强,求知欲旺盛,又具备了一定信息素养,大部分同学都上过网,有过浏览网页的体验,对信息技术充满兴趣,能设计制作个人网站更是学生心中的梦想。学生通过前期的建立站点、网站设计、规划、信息收集与整理、网页内容的初步设计后,自己的个人网站已经初具规模,将使本课的网站建设任务水到渠成。 【教学目标】

1.知识与技能

(1)掌握创建链接的方法步骤;理解链接源与链接目标的关系; (2)学会建立不同形式的超链接 2.过程与方法

通过学件帮助,学生以探究的方式完成对知识点的学习与掌握,增强主动学习、探究的意识。 3.情感态度与价值观

(1)让每个学生在学习过程中体验成功的快乐,养成良好的学习习惯。在小组协作学习中,形成团队精神。

(2)自觉遵守信息道德和信息安全的法律、法规,养成知识产权意识。 【教学重点】

创建链接的方法;理解链接源与链接目标的关系 【教学难点】

链接源、链接目标的选择及其超链接的实现 【教学手段】

通过任务驱动,促进学生主动学习,引导学生动手尝试、观察辨析、合作探究,运用练、教结合的方法,让学生体验并制作超链接;

采用“半成品制作”的形式,让学生直接在已有的网页中创建超链接,提高学习的效率。

【教学准备】

1、学生准备

学生已经学习了网页制作的基本方法,了解网页和网站的构成要素。并完成了网站中部分网页的制作。 2、教师准备

(1)学件:帮助学生解决自主学习中的困难,顺利完成自学; (2)教学演示平台:演示、展示;

(3)教学资源:洪恩在线网上课程、搜索引擎等;

(4)专题网站:鲁迅纪念馆、文化中国-戏曲话剧、奥运官方网站等。 【教学过程】

教师:通过前几节课的设计制作,老师发现同学们的网站已经小有规模,哪个小组愿意为大家展示一下自己的作品?请小组代表边介绍你的网站,边展示。 学生:展示,演讲。

教师:在**同学操作的过程中,老师发现你只能独立地一张一张的打开网页为大家展示。大家说说看,这是为什么呢? 学生:没有超链接

教师:对,由于没有添加超链接,所以我们无法从一张网页中某一点直接进入到网站的其他内容相关页面。一旦有了超链接,我们不但可以方便的浏览本网站的网页,还可以通过超链接跳转到别的内容相关网站进行浏览。超链接就象联系网络资源的神经或血管,让我们了解网络世界,也让世界通过我们的网站了解我们。

教师:本节课我们就来学习如何创建超链接。(板书)请同学们打开“超链接随堂练习”的主页,进入体验超链接页面,通过提示体验一下创建超链接的过程。

补充:体验超链接页面示意图

学生:操作

教师:看来同学们完成的都很顺利,哪个同学能说一说创建超链接要分几步走? 学生:回答(创建超链接步骤是:1。。。2。。。3。。。)

教师:接下来请进入“创建超链接页面”,看一看在没有提示的情况下能不能完成任务一和任务二的操作。

教师:请大家停止手中的操作,观察一下有超链接的文字和普通的文字有哪些区别? 学生:预测答案:1、文字下方有下划线2、颜色变了„ „

教师:这名同学说的很准确,这些区别也正是超链接的特点,正因为有了这些区别,才能很醒目的提示我们“此处有链接,可以进入”,所以同学们在建立链接时也要把握醒目原则。让自已的链接能够第一时间吸引别人的目光。

教师:那么创建一个超链接通常是在几张网页之间进行的呢? 学生:2张 教师:对,(演示动画)其中一张网页上要有被链接的内容,比如网页中某段文字或某张图片等等;我们把它叫做“链接源”

另一张网页包含了我们要链接的内容,它可以是网站内部的网页,也可以是一个网站。我们把它叫做“链接目标”。

“链接源”和“链接目标”是创建超链接的两个要素。

创建一个超链接最关键的步骤是确定“链接源”和“链接目标”。它们的关系是“缺一不可”的。

下面我们就通过实践来体验一下,请同学们完成任务3和任务4的操作。 学生:(操作) 教师:(指导)

教师:请同学们停止手中的操作,超链接根据链接的范围不同可以分为4种类型(演示),请大家回忆一下,在刚才完成的任务中遇到的链接,分别属于哪种类型。

网站内部的链接 任务1 网页内部的链接 任务2 网站外部的链接 任务3 邮箱的链接 任务4

学生:总结,回答

教师:看来同学们对超链接有了明确的认识,并且能够较熟练的运用超链接了,接下来老师又为大家带来一道难题,各小组同学可以根据自己的知识基础、理解程度、操作水平和个人爱好,结合本组的网站主题,在下列选题中任选一个进行操作,可以独自也可以协作完成一个题目。我相信同学们一定能解决这个难题? 学生:(操作) 教师:评价。

教师:据老师观察,各小组已经基本完成了操作,有的小组甚至已经完成了整个网站的设计。哪个小组愿意为大家做最终的展示? 学生:(展示)

教师:由于时间有限就不能让大家一一展示作品了。现在我想请大家用一个词或者成语来形容一下你现在的心情?

(你的网站从一个小小的梦想变为现实心情如何呢?)„„

那么如果有人直接把你的作品链接到他的网站,而不显示你的任何信息时你的心情会怎样?„„ 学生:回答

教师:因此作为一个信息时代的网络公民不仅要自觉遵守信息道德和信息安全的法律、法规,还要具有知识产权意识。维护自己的个人权益,也尊重他人的劳动成果。好了,今天的课程就到这里了,一同回顾一下我们今天学到了什么?(演示)

教师:一个网站应当有好的创意、良好的结构和丰富的内容,但要真正让更多的浏览者看到并认可,还离不开国际互联网的支持,下节课我们将学习如何将网站发布到互联网上。下课。

教 案

《创建超级链接》教学反思

一、教学收获

1、学法的转变

好的设计是成功的一半,让学生在“做”中“学”是我本节课的主导思想。本节课的重点是学会创建超链接的方法,其操作步骤并不难,因此我将这一部分设计为让学生根据提示直接体验操作的过程,这也是我的“从容易的入手”原则。学生有了成功的体验,再抛出第二个问题“没有提示你会操作吗?”不断的引导学生“实践-总结-再实践-再总结”,从而培养学生自主、协作、探究的学习习惯。

2、角色的转换

在这个信息爆炸的时代,学生获取信息和知识不再以教师和课堂为唯一的渠道。在本堂课教学中我把自已设计成为多种角色-组织者、协调者、参与者、合作者。通过众多角色的不断转换,帮助学生完成学习任务,实现教学目标。

3、整合的思想

在本章的教学中,我使用了“资源利用-主题探索-合作学习”的教学模式,这是一种适用于校园网络环境下,有利于课程整合的教学模式。从学习初,学生在我的指导下从“文学、历史、地理、体育、艺术、心理健康”等方面选题,到学生组成学习小组后通过教师提供的与主题相关的资源进行资料的收集,到素材的筛选并形成作品,都很好的体现了整合思想。 二、教学感悟

1、注意分层次教学原则。有的学生在刚完成两张网页的制作时就提出过“怎样建立网页的超链接?”或“怎样把网页连起来?”这类的问题,对于自学能力强、并有条件上网的同学,通过网上搜索已经操作并解决了这一问题。我在教学过程中虽然设计了“高手进阶”的环节,但在实际操作中体现的不充分,任务设计的难度没有体现分层教学原则,在以后的教学应该注意,让不同操作水平的同学都能够吃得饱。

2、任务设计要更贴近学生,才能充分激发学生的学习热情。学生的学习热情正是“我要学”的象征,在本节课中,应更贴近学生生活与兴趣让学习热情从开始持续到最后。

3、在教学中注意评价时机和语言的把握,面向全体,分层推进。

第六章 网页的设计与制作 《创建超级链接》教学设计 双石铺中学 王晓丽

【设计思想】

技术是在自己有需求的情况下的获取,所以在整个学习过程中,关键是学习方法、学习习惯的培养。让学生在“做”中“学”是本节课的主导思想。以学生自主学习为主,协作讨论、专题探究与教师指导为辅。通过任务驱动的形式,融合其他学科知识,体现课程整合思想。采用“资源利用-主题探索-合作学习”的教学模式,使学生通过实践-总结-再实践-再总结,逐步达成教学目标。 【教学分析】

分析教材:

本节课是浙教版高中信息技术第六章《网页的设计与制作》中的内容。网页制作是高一信息技术课程的重要内容之一,本节内容(创建超级链接)在教材中没有做详细介绍,而这部分内容是这部分的重点,也是难点。超链接是网页的核心技术之一,一张张网页之所以能组成一个网站,主要是通过超链接的设置来实现的。因此在设计学件时将本节重点定为超链接设置,希望能让学生掌握设置各种链接的操作方法,为今后制作更精美的网站打好基础。 分析学生:

高一学生好奇心强,求知欲旺盛,又具备了一定信息素养,大部分同学都上过网,有过浏览网页的体验,对信息技术充满兴趣,能设计制作个人网站更是学生心中的梦想。学生通过前期的建立站点、网站设计、规划、信息收集与整理、网页内容的初步设计后,自己的个人网站已经初具规模,将使本课的网站建设任务水到渠成。 【教学目标】

1.知识与技能

(1)掌握创建链接的方法步骤;理解链接源与链接目标的关系; (2)学会建立不同形式的超链接 2.过程与方法

通过学件帮助,学生以探究的方式完成对知识点的学习与掌握,增强主动学习、探究的意识。 3.情感态度与价值观

(1)让每个学生在学习过程中体验成功的快乐,养成良好的学习习惯。在小组协作学习中,形成团队精神。

(2)自觉遵守信息道德和信息安全的法律、法规,养成知识产权意识。 【教学重点】

创建链接的方法;理解链接源与链接目标的关系 【教学难点】

链接源、链接目标的选择及其超链接的实现 【教学手段】

通过任务驱动,促进学生主动学习,引导学生动手尝试、观察辨析、合作探究,运用练、教结合的方法,让学生体验并制作超链接;

采用“半成品制作”的形式,让学生直接在已有的网页中创建超链接,提高学习的效率。

【教学准备】

1、学生准备

学生已经学习了网页制作的基本方法,了解网页和网站的构成要素。并完成了网站中部分网页的制作。 2、教师准备

(1)学件:帮助学生解决自主学习中的困难,顺利完成自学; (2)教学演示平台:演示、展示;

(3)教学资源:洪恩在线网上课程、搜索引擎等;

(4)专题网站:鲁迅纪念馆、文化中国-戏曲话剧、奥运官方网站等。 【教学过程】

教师:通过前几节课的设计制作,老师发现同学们的网站已经小有规模,哪个小组愿意为大家展示一下自己的作品?请小组代表边介绍你的网站,边展示。 学生:展示,演讲。

教师:在**同学操作的过程中,老师发现你只能独立地一张一张的打开网页为大家展示。大家说说看,这是为什么呢? 学生:没有超链接

教师:对,由于没有添加超链接,所以我们无法从一张网页中某一点直接进入到网站的其他内容相关页面。一旦有了超链接,我们不但可以方便的浏览本网站的网页,还可以通过超链接跳转到别的内容相关网站进行浏览。超链接就象联系网络资源的神经或血管,让我们了解网络世界,也让世界通过我们的网站了解我们。

教师:本节课我们就来学习如何创建超链接。(板书)请同学们打开“超链接随堂练习”的主页,进入体验超链接页面,通过提示体验一下创建超链接的过程。

补充:体验超链接页面示意图

学生:操作

教师:看来同学们完成的都很顺利,哪个同学能说一说创建超链接要分几步走? 学生:回答(创建超链接步骤是:1。。。2。。。3。。。)

教师:接下来请进入“创建超链接页面”,看一看在没有提示的情况下能不能完成任务一和任务二的操作。

教师:请大家停止手中的操作,观察一下有超链接的文字和普通的文字有哪些区别? 学生:预测答案:1、文字下方有下划线2、颜色变了„ „

教师:这名同学说的很准确,这些区别也正是超链接的特点,正因为有了这些区别,才能很醒目的提示我们“此处有链接,可以进入”,所以同学们在建立链接时也要把握醒目原则。让自已的链接能够第一时间吸引别人的目光。

教师:那么创建一个超链接通常是在几张网页之间进行的呢? 学生:2张 教师:对,(演示动画)其中一张网页上要有被链接的内容,比如网页中某段文字或某张图片等等;我们把它叫做“链接源”

另一张网页包含了我们要链接的内容,它可以是网站内部的网页,也可以是一个网站。我们把它叫做“链接目标”。

“链接源”和“链接目标”是创建超链接的两个要素。

创建一个超链接最关键的步骤是确定“链接源”和“链接目标”。它们的关系是“缺一不可”的。

下面我们就通过实践来体验一下,请同学们完成任务3和任务4的操作。 学生:(操作) 教师:(指导)

教师:请同学们停止手中的操作,超链接根据链接的范围不同可以分为4种类型(演示),请大家回忆一下,在刚才完成的任务中遇到的链接,分别属于哪种类型。

网站内部的链接 任务1 网页内部的链接 任务2 网站外部的链接 任务3 邮箱的链接 任务4

学生:总结,回答

教师:看来同学们对超链接有了明确的认识,并且能够较熟练的运用超链接了,接下来老师又为大家带来一道难题,各小组同学可以根据自己的知识基础、理解程度、操作水平和个人爱好,结合本组的网站主题,在下列选题中任选一个进行操作,可以独自也可以协作完成一个题目。我相信同学们一定能解决这个难题? 学生:(操作) 教师:评价。

教师:据老师观察,各小组已经基本完成了操作,有的小组甚至已经完成了整个网站的设计。哪个小组愿意为大家做最终的展示? 学生:(展示)

教师:由于时间有限就不能让大家一一展示作品了。现在我想请大家用一个词或者成语来形容一下你现在的心情?

(你的网站从一个小小的梦想变为现实心情如何呢?)„„

那么如果有人直接把你的作品链接到他的网站,而不显示你的任何信息时你的心情会怎样?„„ 学生:回答

教师:因此作为一个信息时代的网络公民不仅要自觉遵守信息道德和信息安全的法律、法规,还要具有知识产权意识。维护自己的个人权益,也尊重他人的劳动成果。好了,今天的课程就到这里了,一同回顾一下我们今天学到了什么?(演示)

教师:一个网站应当有好的创意、良好的结构和丰富的内容,但要真正让更多的浏览者看到并认可,还离不开国际互联网的支持,下节课我们将学习如何将网站发布到互联网上。下课。

教 案

《创建超级链接》教学反思

一、教学收获

1、学法的转变

好的设计是成功的一半,让学生在“做”中“学”是我本节课的主导思想。本节课的重点是学会创建超链接的方法,其操作步骤并不难,因此我将这一部分设计为让学生根据提示直接体验操作的过程,这也是我的“从容易的入手”原则。学生有了成功的体验,再抛出第二个问题“没有提示你会操作吗?”不断的引导学生“实践-总结-再实践-再总结”,从而培养学生自主、协作、探究的学习习惯。

2、角色的转换

在这个信息爆炸的时代,学生获取信息和知识不再以教师和课堂为唯一的渠道。在本堂课教学中我把自已设计成为多种角色-组织者、协调者、参与者、合作者。通过众多角色的不断转换,帮助学生完成学习任务,实现教学目标。

3、整合的思想

在本章的教学中,我使用了“资源利用-主题探索-合作学习”的教学模式,这是一种适用于校园网络环境下,有利于课程整合的教学模式。从学习初,学生在我的指导下从“文学、历史、地理、体育、艺术、心理健康”等方面选题,到学生组成学习小组后通过教师提供的与主题相关的资源进行资料的收集,到素材的筛选并形成作品,都很好的体现了整合思想。 二、教学感悟

1、注意分层次教学原则。有的学生在刚完成两张网页的制作时就提出过“怎样建立网页的超链接?”或“怎样把网页连起来?”这类的问题,对于自学能力强、并有条件上网的同学,通过网上搜索已经操作并解决了这一问题。我在教学过程中虽然设计了“高手进阶”的环节,但在实际操作中体现的不充分,任务设计的难度没有体现分层教学原则,在以后的教学应该注意,让不同操作水平的同学都能够吃得饱。

2、任务设计要更贴近学生,才能充分激发学生的学习热情。学生的学习热情正是“我要学”的象征,在本节课中,应更贴近学生生活与兴趣让学习热情从开始持续到最后。

3、在教学中注意评价时机和语言的把握,面向全体,分层推进。


相关内容

  • 网页设计制作人员最新个人年度总结
  • 网页设计制作人员工作岗位 =个人原创,有效防止雷同,欢迎下载= 转眼之间,一年的光阴又将匆匆逝去.回眸过去的一年,在×××(改成网页设计制作人员岗位所在的单位)网页设计制作人员工作岗位上,我始终秉承着"在岗一分钟,尽职六十秒"的态度努力做好网页设计制作人员岗位的工作,并时刻严格要 ...

  • 浅谈"网页制作"之网页版面的教学设计
  • [摘要]相同的课程采用不同的教学方法,会有截然不同的教学效果.针对<网页制作>这门课程综合性.理论性和实践性非常强的特点,为了让学生更好的理解和掌握网页制作的知识和技能,从而取得良好的教学效果,文章从教材分析.教学对象分析.设计思路.教学目标.教学重难点以及教学过程和评价阐述这门课程教学 ...

  • 网页制作毕业论文
  • 目 录 一 引言 ........................................................... 3 二 网站建设的流程 ................................................. 3 三 网页制作 .......... ...

  • 小窗口大世界
  • 小窗口大世界--网页设计 一.教材分析 这节课是辽宁师范大学出版九年义务教育初中教科书<信息技术>八年级(上册)第2单元网站设计与制作中的重要部分,是在学生了解网页的基本结构并初步掌握网页简单制作的基础上,指导学生给网页添加字幕.交互式按钮.插入FLASH动画.插入背景音乐等动态效果,使 ...

  • [网页制作]教案
  • <网页制作>教案 潘有寅 一.说教材: (一) 教材分析:现在网络快速发展,广大的学生接触,使用INTERNET 的机会也大大增加,学生在使用网络 获取信息时,更多的是通过浏览网页这一方式,我认为上好这节课是非常必要的,这对学生进一步认识.使用INTERNET 更有益处,同时通过网页制作 ...

  • 网页制作基本概念
  • 网页制作手册:有关网页制作的一些基本概念 HTML是什么?(2004-7-27) HTML是Hypertext Markup Language(超文本标记语言)的缩写,它是构成Web页面(Page)的主要工具.在网上,如果要向全球范围内出版和发布信息,需要有一种能够被广泛理解的语言,即所有的计算机都 ...

  • [网站规划与网页设计制作]学习心得
  • <网站规划与网页设计制作>的总结 不知不觉,我已经学习<网页设计与制作>这门课程一个学期了,虽然时间有点短,但这一个学期以后我却受益匪浅,不仅让我全面的.系统的学会了网页设计与制作的基础知识,还让我学会了自己动手去制作属于自己的网页,这对于我来说是很值得高兴的,能让我在以后的 ...

  • 制作心得体会
  • 制作心得体会一:学习课件制作心得体会 这学期学我报了河南省多媒体课件制作学习,通过一段时间的学习,觉得收获还是很大的,心得体会如下; 多媒体课件制作是21世纪最热门的十大产业之一.由于教育具有其特殊性,并且课件是由教师或受教育者在教学过程中直接使用,因此课件的设计与制作需要体现一定教学目标,表现特定 ...

  • 网页制作教学心得
  • 本学期的网业设计课程,开展了动态思维训练教学活动,对于我们学生来说,可以激发学习兴趣,调动学习的自觉性,自己动脑.动手,动口,运用网络资源,结合教材及老师的指导,通过自身的实践,创作出积聚个人风格.个性的个人网页.总体来说,整个学期的学习过程,我学会了很多知识,虽然过程比较艰辛,但在intenet领 ...

  • 网页制作实习报告
  • 一 实验过程 1.资料的搜集. 2.熟悉制作软件. 3.构建站点框架. 打开dremweaver后第一步便是新建站点 4设计主页及二级页面. 5实现网页间的链接 链接的过程其实很简单,主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了. 6向静太网页插入动态效果 ...