1、2 初二第二学期 信息教案单元教案 初二单元名称:主题网站设计一、 单元教学目标1、 知识、技能目标:认识Dreamweaver软件窗口结构,比较与Flash窗口的相同与不同点。了解站点与主页的概念,理解站点的意义,学会建立、删除站点。掌握简单网页的新建方法,能够在网页中插入、排版文字,掌握图片、水平线的插入方法及属性的设置方法,能够灵活应用“网页属性”对话框,设置网页属性,如背景、背景音乐等、掌握保存网页的方法,了解网页保存与普通文档保存的不同点。了解网页设计中表格的作用。掌握网页中表格的制作方法、表格属性的设置方法以及单元格的修饰与编辑方法,能够在单元格中正确插入文字和图片。能够根据网页设
2、计内容,正确布局表格的结构,掌握表格嵌套的设计方法。理解动态网页与网页动态效果的区别。掌握网页动态效果的制作。掌握“插入”菜单中“组件”命令的使用,使得网页增添动态效果。了解交互网页的概念,了解表单的功能及表单元件的使用方法,了解网上信息调查的设计方法。掌握表单元件的功能及使用方法,掌握表单各组件属性的设置方法。了解框架结构的基本知识、框架的作用及框架属性、能够使用框架结构设计网页、学会设置网页的框架属性,根据网页具体情况调整框架结构、了解超级链接的含义及链接源和链接目标的含义,掌握同一站点内以及不同站点间网页超级链接的创建方法。掌握网页内书签的作用及创建书签链接方法,掌握交互式按钮、框架网页
3、内超级链接的设置方法。理解热区链接的含义及创建方法。2、 过程、方法目标:通过对比教学,使学生掌握学习及应用软件的基本方法和规律,达到举一反三的功效。通过学生动手设计网站的实践活动,使学生建立对象属性设置的思维方法和操作方法,为学生今后学习其它软件奠定了基础。掌握软件学习中的对比学习法,培养学生迁移学习的能力。通过用表格结构设计网页,使学生进一步理解表格的作用、功能及网页设计方法的多样性,培养学生的发散思维能力。通过自主探究,使学生掌握软件的使用规则,由摸索、探究性学习到形成性学习,培养学生学会学习,驾御学习的能力。通过创建网页超级链接的操作,使学生了解网页中创建超级链接的基本方法,破除对网页
4、链接的神秘感。通过对不同对象设置超级链接的操作,使学生总结出操作的规律,培养学生自主学习与操作的能力。通过网页不同的超级链接方法,拓展学生思维,创建多种形式的网页链接。3、 情感态度与价值观目标:通过对比学习使学生体验软件学习的一般方法及规律,提高学生学习信息技术的信心。通过网站创建和首页设计,掌握对象属性的设置方法,初步体验成功的快乐。通过创建“动物人类的朋友”网站,使学生树立人与动物和谐相处,珍爱、善待和保护动物的理念。通过对比学习使学生体验软件学习的一般方法及规律,提高学生自主学习信息技术的能力。通过运用表格布局网页对象活动(各人根据网站主题,设计网页),进一步掌握各种不同对象的属性设置
5、方法和规律,体验创造的快乐。通过“动物人类的朋友”表格页的设计与制作,再次激发学生关爱动物、保护动物的责任感,从而进一步树立共同改善人类生存环境的意识。通过学生自主学习网页动态效果的制作,形成积极、主动的学习气氛,激发学生的学习兴趣,培养学生的探究意识和创新能力。让学生在运用、学习、制作的过程中感受表单给网页带来的交互作用,了解珍稀动物保护知识。通过框架结构网页设计,提高学生对网页整体架构的设计能力和鉴赏能力。通过链接我国主要自然保护区网页,激发学生热爱祖国、热爱自然、热爱生命的激情。完成超级链接,使学生感受成功的喜悦和快乐。二、 单元教学重点、难点重点: 认识Dreamweaver 窗口结构
6、及主要菜单的功能。掌握建立、删除网站的基本方法,网站的管理作用。掌握简单网页设计的基本方法,如文字、图片以及水平线的插入与编辑等。掌握设置网页属性的一般方法。了解表格在网页设计中的重要作用和功能。掌握插入、编辑表格的方法及表格的属性设置方法。掌握单元格的修饰与属性设置。滚动字幕、交互式按钮等动态效果的制作与Flash的插入。表单元件的正确插入。表单元件的属性设置。框架网页的建立、调整、填充框架网页、框架网页的保存、超级链接的含义及链接源和链接目标的含义。超链接的制作方法给文字、图片制作超链接,制作书签链接,给交互式按钮制作超链接,框架页面内的超链接,图片区域制作超链接等。难点: 站点的作用和存
7、储路径。网页的保存。表格的嵌套设计在网页设计中的应用。各种效果对象的属性设置。表单元件的属性设置,根据实际需要正确运用表单元件。更改和设置网页的框架属性、框架网页的保存、书签链接中名称及对应链接位置的设定。在框架页面中制作超链接时,目标对象所选择的显示窗口形式。单元教学课时 : 8课题:第二节 制作网站站点创建与首页制作1 一、教学目标:1知识与技能(1)认识Dreamweaver软件窗口结构,比较与Flash窗口的相同与不同点。(2)了解站点与主页的概念,理解站点的意义,学会建立、删除站点。2过程与方法通过对比教学,使学生掌握学习及应用软件的基本方法和规律,达到举一反三的功效。3情感态度与价
8、值观(1)通过对比学习使学生体验软件学习的一般方法及规律,提高学生学习信息技术的信心。(2)通过网站创建和首页设计,掌握对象属性的设置方法,初步体验成功的快乐。二、教学重点难点:教学重点:(1)认识Dreamweaver 窗口结构及主要菜单的功能。(2)掌握建立、删除网站的基本方法,网站的管理作用。教学难点:(1)站点的作用和存储路径。三、教学准备:多媒体网络教室 任务驱动法师生共同探究法+小组协作法整理、归类相关素材,并按要求摆放。四、教学过程:1引入教师活动:以学生上网、浏览网页为切入口,提出问题。同学们非常喜欢上网,大家一般都登录哪些网站呢?(以此提问网站、网页和首页。)同学们喜欢上网浏
9、览别人制作精美的网页、获取丰富的信息,是否想过自己制作网页供别人去浏览呢?如今网页制作的软件有很多,如:Dream weaver 、frontpage、东方网页王等。今天我们就来学习如何使用Dreamweaver来制作网页。学生活动:思考回答问题,明白以下几点。(1)网站包含多个网页,通过超级链接可以把不同的页面链接起来。(2)网站的第一个页面称为主页,主页的文件名一般为index.htm或者default.htm,主页也是网页。设计意图:由学生已掌握的知识入手,自然过渡,激发兴趣,活跃气氛。2新授(1)Dreamweaver启动与窗口的组成(与办公软件中的其他软件作比较,如Flash,比较有
10、什么不同点?)6种视图模式:“页面”、“文件夹”、“报表”、“导航”、“超级链接”和“任务”,通过切换视图模式,可以有针对性地查看站点内容或网站结构。编辑区的4种工作模式:设计、拆分、代码和预览。学生打开软件,仔细观察,类比学习,同时翻看教材,了解新知识。设计意图:传授软件学习的方法类比法、知识迁移。(2)站点的建立由于我们的网站需要制作多个网页文件以及相关图片、声音文件等,所以网站建设初期就要做好管理准备,我们以站点的形式来管理网站内部文件。任务1 在D盘下建立一个站点,站点名称:自己学号加姓名。指导学生对照书本进行学习(限时)。学生明确教师要求后,阅读教材,开展对照着教材的自学活动。学生操
11、作期间教师巡视课堂,做个别辅导。针对学生中普遍存在的问题,教师可做详细讲解。对学生自学后的完成情况做简单评价(如:学生举手反馈完成与否)与总结。学生交流自学后的操作情况,可安排学生演示操作。深入一问:在文件夹列表中看到了什么?分析多出的文件夹列表栏,多了一个文件夹,里面有两个子文件夹和主页,图片存放在“images”文件夹中。设计意图:传授软件学习的方法对照教材,操作步骤自学法。(3)设计首页引导学生分析一般首页组成情况,提出课堂制作要求。学生构思自己网站首页中各对象的布局,可跳出教材中各对象的具体摆放要求,但要求出现元素不得缺少。任务2 新建首页,要求首页中有如下对象:网站的标题与图片徽标。
12、网站的宗旨(文字介绍)。水平线(起分隔作用)。链接到下一页的标记(可为文字,也可为图片)。以上内容可以类比Flash中对象的插入方法来进行。学生示范,讲解如何插入图片(来自剪贴画与来自文件)、插入水平线等。设计意图:在完成基本任务的前提下,鼓励学生创新;类比学习法、知识迁移学习法。(4)编辑与预览主页提出具体编辑要求,引导学生设置相关对象的属性。任务3 编辑主页设置网站标题文字为36磅(7级)字。设置水平线粗细为5磅。设置首页标题为:欢迎您来到。选择一张淡雅图片,将其设置为首页背景图片。为首页加上背景音乐。学生示范,讲解如何设置文字、图片、水平线以及网页属性等。教师强调:必须切换到“普通” 窗
13、口下编辑。网页背景图片的效果与要求。预览网页(分辨率)。(5)保存网页难点由教师深入讲解。学生认真听讲,按要求保存自己的网页。总结与评价()引导学生进行总结,提问本节课的重点知识,反馈学生相关知识的掌握情况。()教师与学生共同评价同学间相互检查作业,推荐优秀作品,展示给全班同学,表扬完成情况好的同学与帮助他人的同学。学生总结,并继续完成自己的主页,完成的同学做老师的小助手,辅导需要帮助的同学。设计意图:加强总结反馈,鼓励学生互帮互助。五、板书设计 教后感:主要采用任务驱动的教学理念和分层次教学方式。1,通过网络教室软件实现演示法使教学更加直观、清晰。2,实现分层次教学的思想。系统讲解保证每一个
14、学生达到了本课基本要求。给出足够的时间让学生自己练习,可以让学有余力的同学超前学习新知识或自学其他软件,挖掘其潜在能力。课题:第二节 制作网站站点创建与首页制作2 一、教学目标:1知识与技能(1)掌握简单网页的新建方法,能够在网页中插入、排版文字,掌握图片、水平线的插入方法及属性的设置方法,能够灵活应用“网页属性”对话框,设置网页属性,如背景、背景音乐等(2)掌握保存网页的方法,了解网页保存与普通文档保存的不同点。2过程与方法通过学生动手设计网站的实践活动,使学生建立对象属性设置的思维方法和操作方法,为学生今后学习其它软件奠定了基础。3情感态度与价值观通过创建“动物人类的朋友”网站,使学生树立
15、人与动物和谐相处,珍爱、善待和保护动物的理念。二、教学重点难点:教学重点:掌握简单网页设计的基本方法,如文字、图片以及水平线的插入与编辑等。掌握设置网页属性的一般方法。教学难点:网页的保存。三、教学准备:多媒体网络教室 任务驱动法师生共同探究法+小组协作法四、教学过程:1引入教师活动:以学生上网、浏览网页为切入口,提出问题。同学们非常喜欢上网,大家一般都登录哪些网站呢?(以此提问网站、网页和首页。)同学们喜欢上网浏览别人制作精美的网页、获取丰富的信息,是否想过自己制作网页供别人去浏览呢?如今网页制作的软件有很多,如:Dream weaver 、frontpage 、东方网页王等。今天我们就来学
16、习如何使用Dreamweaver来制作网页。学生活动:思考回答问题,明白以下几点。(1)网站包含多个网页,通过超级链接可以把不同的页面链接起来。(2)网站的第一个页面称为主页,主页的文件名一般为index.htm或者default.htm,主页也是网页。设计意图:由学生已掌握的知识入手,自然过渡,激发兴趣,活跃气氛。2新授(1)Dreamweaver启动与窗口的组成(与办公软件中的其他软件作比较,如Flash,比较有什么不同点?)6种视图模式:“页面”、“文件夹”、“报表”、“导航”、“超级链接”和“任务”,通过切换视图模式,可以有针对性地查看站点内容或网站结构。编辑区的4种工作模式:设计、拆
17、分、代码和预览。学生打开软件,仔细观察,类比学习,同时翻看教材,了解新知识。设计意图:传授软件学习的方法类比法、知识迁移。(2)站点的建立由于我们的网站需要制作多个网页文件以及相关图片、声音文件等,所以网站建设初期就要做好管理准备,我们以站点的形式来管理网站内部文件。任务1 在D盘下建立一个站点,站点名称:自己学号加姓名。指导学生对照书本进行学习(限时)。学生明确教师要求后,阅读教材,开展对照着教材的自学活动。学生操作期间教师巡视课堂,做个别辅导。针对学生中普遍存在的问题,教师可做详细讲解。对学生自学后的完成情况做简单评价(如:学生举手反馈完成与否)与总结。学生交流自学后的操作情况,可安排学生
18、演示操作。深入一问:在文件夹列表中看到了什么?分析多出的文件夹列表栏,多了一个文件夹,里面有两个子文件夹和主页,图片存放在“images”文件夹中。设计意图:传授软件学习的方法对照教材,操作步骤自学法。(3)设计首页引导学生分析一般首页组成情况,提出课堂制作要求。学生构思自己网站首页中各对象的布局,可跳出教材中各对象的具体摆放要求,但要求出现元素不得缺少。任务2 新建首页,要求首页中有如下对象:网站的标题与图片徽标。网站的宗旨(文字介绍)。水平线(起分隔作用)。链接到下一页的标记(可为文字,也可为图片)。以上内容可以类比Flash中对象的插入方法来进行。学生示范,讲解如何插入图片(来自剪贴画与
19、来自文件)、插入水平线等。设计意图:在完成基本任务的前提下,鼓励学生创新;类比学习法、知识迁移学习法。(4)编辑与预览主页提出具体编辑要求,引导学生设置相关对象的属性。任务3 编辑主页设置网站标题文字为36磅(7级)字。设置水平线粗细为5磅。设置首页标题为:欢迎您来到。选择一张淡雅图片,将其设置为首页背景图片。为首页加上背景音乐。学生示范,讲解如何设置文字、图片、水平线以及网页属性等。教师强调:必须切换到“普通” 窗口下编辑。网页背景图片的效果与要求。预览网页(分辨率)。(5)保存网页难点由教师深入讲解。学生认真听讲,按要求保存自己的网页。总结与评价()引导学生进行总结,提问本节课的重点知识,
20、反馈学生相关知识的掌握情况。()教师与学生共同评价同学间相互检查作业,推荐优秀作品,展示给全班同学,表扬完成情况好的同学与帮助他人的同学。学生总结,并继续完成自己的主页,完成的同学做老师的小助手,辅导需要帮助的同学。设计意图:加强总结反馈,鼓励学生互帮互助。五、板书设计 教后感:选出特别优秀的同学代替教师讲课很好,调动了学生的积极性和主动性,也增益了学生的素质。课题:第二节 制作网站表格布局网页1 一、教学目标:1知识与技能(1)了解网页设计中表格的作用。(2) 掌握网页中表格的制作方法、表格属性的设置方法以及单元格的修饰与编辑方法,能够在单元格中正确插入文字和图片。2过程与方法(1)掌握软件
21、学习中的对比学习法,培养学生迁移学习的能力。(2)通过用表格结构设计网页,使学生进一步理解表格的作用、功能及网页设计方法的多样性,培养学生的发散思维能力。3情感态度与价值观通过对比学习使学生体验软件学习的一般方法及规律,提高学生自主学习信息技术的能力。二、教学重点难点:教学重点:(1)了解表格在网页设计中的重要作用和功能。(2)掌握插入、编辑表格的方法及表格的属性设置方法。教学难点:表格的嵌套设计在网页设计中的应用三、教学准备:多媒体网络教室 对比教学法、探究学习法、模仿学习法。各自制作的站点文件夹,整理、归类相关素材并按要求摆放。四、教学过程:1复习以复习提问的方式来回顾站点的建立、网页的新
22、建以及网页中文字、图像等对象的插入,学生认真回顾,回答教师提问。为本节课教学做一定铺垫。2引入(1)观看两个页面并进行比较:一个使用表格布局,但表格边框隐藏(看不出表格痕迹),其页面工整,文本、图片摆放对称,具有一定规律;另一个页面凌乱,图文混杂,摆放杂乱。你更喜欢怎样的页面布局?提出问题:有什么办法可以达到第一个页面的效果?(2)观察第三个页面,内容与第一个页面相同,显现页面的表格边框。学生讨论,交流,回顾Flash中学习过的表格,明白表格在Dreamweaver中的作用。3新授(1)分析表格结构展示一些由表格布局的网页,引导学生分析其表格结构,自然过渡到教材中的例子(biaoge.htm)
23、,分析结构,得出表格的布局(如表格有几行几列,哪些行做了哪些处理)。任务1 规划网页表格布局分层完成该任务,基础相对薄弱一些的同学仅要求读懂教材中的网页表格布局,知道规则,根据表格的行数与列数,调整至最终样式;基础扎实、操作能力较强的同学可以跳出课本,自行设计表格网页布局,并将自己的表格设计绘制在书本上。学生可根据自己的实际情况选择任务难度,并动手分析与创意设计。建议:使用多个非嵌套的表格来布局。设计意图:分层教学,培养学生模仿以及创新能力。(2)完成表格布局Dreamweaver中表格的插入和编辑与Flash中的表格操作类似,教师无需讲解,引导学生进行知识迁移。任务2 新建一个页面,用表格布
24、局该网页,并在该网页中放入相应内容打开站点,新建网页,以“biaoge.htm”为文件名保存。按前面分析的要求插入一个表格。调整表格结构(主要是行列的插入、删除,单元格的合并、拆分、调整大小等)。老师可安排操作熟练的同学进行演示。(3)充实网页页面内容任务3 在表格中插入图片、输入文字建议:插入图片对象前,对图片做一定处理,例如选择风格统一的图片,调整图片大小至同一尺寸等。注意图片的保存。(4)调整表格属性,美化页面预览制作的网页,修饰网页,让网页看起来更美观。任务4 表格属性以及单元格属性的设置表格属性的设置,如去除网格线、设置表格背景色等。使用不同的颜色区分各板块,设置单元格属性。强调:学
25、会利用右击后弹出的快捷菜单中的命令。学生根据自己的实际情况选择任务难度,可按教师具体要求修饰、调整表格,也可根据自己的意图修饰、调整表格。(表格边框的调整都需掌握)设计意图:完成必须要求掌握的知识同时,给学生一定的自主空间,鼓励他们去创新,而非一成不变的生硬模仿。(5)表格的嵌套有时为了制作出更加美观的网页,我们可以使用表格的嵌套来实现。任务5 加入横向目录导航条,尝试使用表格嵌套的方法解决问题。学生动手制作网页。4总结与评价本节课我们学习了在Dreamweaver中插入表格、编辑表格以及表格嵌套的基本方法。请同学回答几个问题、并演示几个基本操作。展示表格页面制作完成的优秀作品,表扬完成任务的
26、同学,对未完成的同学给予激励,鼓励他们利用课余时间继续完成。学生回答问题:(1)表格在Dreamweaver中起到了的作用:定位对象。(2)表格编辑的基本操作。关注课堂学生操作达成率。五、板书设计 教后感:成功的地方:(1)课题引入时以诱发学生的思维动机,导正思维航向为目的,为学生的自主学习打下基础。(2)学习资源网站、小组互助、助教帮忙等形式为学生的自主学习创造了条件对培养学生养成由简到繁、由易到难、循序渐进地解决问题的好习惯起到积极的促进作用。(3)评价方式的改革可达到引导学生客观评价自己不能过分谦虚而失去在同学们面前表现自己才干的机会又不能过分张扬引起同学们的反感影响自己的形象。在互评、
27、点评中要引导学生正确看待别人对自己的评价学会宽以等人;学会巧妙地运用语言艺术对存在问题的同学提出批评。同时通过点评,互评各自的作品,巩固本节的知识点,达到强调重点,攻破难点的目的。存在问题的地方:评价方式仍需大胆地放手,让评价的形式更加多样化,民主化。可充分发挥学生的主动作用让他们去设计评价手段、评价量表等,这对于主体作用的体现及学生的创造性思维的发展都会产生积极的影响。课题:第二节 制作网站表格布局网页2 一、教学目标:1知识与技能(1)能够根据网页设计内容,正确布局表格的结构,掌握表格嵌套的设计方法。2过程与方法通过自主探究,使学生掌握软件的使用规则,由摸索、探究性学习到形成性学习,培养学
28、生学会学习,驾御学习的能力。3情感态度与价值观(1)通过运用表格布局网页对象活动(各人根据网站主题,设计网页),进一步掌握各种不同对象的属性设置方法和规律,体验创造的快乐。(2)通过“动物人类的朋友”表格页的设计与制作,再次激发学生关爱动物、保护动物的责任感,从而进一步树立共同改善人类生存环境的意识。二、教学重点难点:教学重点:掌握单元格的修饰与属性设置。教学难点:表格的嵌套设计在网页设计中的应用三、教学准备:多媒体网络教室 对比教学法、探究学习法、模仿学习法。各自制作的站点文件夹,整理、归类相关素材并按要求摆放。四、教学过程:1复习以复习提问的方式来回顾站点的建立、网页的新建以及网页中文字、
29、图像等对象的插入,学生认真回顾,回答教师提问。为本节课教学做一定铺垫。2引入(1)观看两个页面并进行比较:一个使用表格布局,但表格边框隐藏(看不出表格痕迹),其页面工整,文本、图片摆放对称,具有一定规律;另一个页面凌乱,图文混杂,摆放杂乱。你更喜欢怎样的页面布局?提出问题:有什么办法可以达到第一个页面的效果?(2)观察第三个页面,内容与第一个页面相同,显现页面的表格边框。学生讨论,交流,回顾Flash中学习过的表格,明白表格在Dreamweaver中的作用。3新授(1)分析表格结构展示一些由表格布局的网页,引导学生分析其表格结构,自然过渡到教材中的例子(biaoge.htm),分析结构,得出表
30、格的布局(如表格有几行几列,哪些行做了哪些处理)。任务1 规划网页表格布局分层完成该任务,基础相对薄弱一些的同学仅要求读懂教材中的网页表格布局,知道规则,根据表格的行数与列数,调整至最终样式;基础扎实、操作能力较强的同学可以跳出课本,自行设计表格网页布局,并将自己的表格设计绘制在书本上。学生可根据自己的实际情况选择任务难度,并动手分析与创意设计。建议:使用多个非嵌套的表格来布局。设计意图:分层教学,培养学生模仿以及创新能力。(2)完成表格布局Dreamweaver中表格的插入和编辑与Flash中的表格操作类似,教师无需讲解,引导学生进行知识迁移。任务2 新建一个页面,用表格布局该网页,并在该网
31、页中放入相应内容打开站点,新建网页,以“biaoge.htm”为文件名保存。按前面分析的要求插入一个表格。调整表格结构(主要是行列的插入、删除,单元格的合并、拆分、调整大小等)。老师可安排操作熟练的同学进行演示。(3)充实网页页面内容任务3 在表格中插入图片、输入文字建议:插入图片对象前,对图片做一定处理,例如选择风格统一的图片,调整图片大小至同一尺寸等。注意图片的保存。(4)调整表格属性,美化页面预览制作的网页,修饰网页,让网页看起来更美观。任务4 表格属性以及单元格属性的设置表格属性的设置,如去除网格线、设置表格背景色等。使用不同的颜色区分各板块,设置单元格属性。强调:学会利用右击后弹出的快捷菜单中的命令。学生根据自己的实际情况选择任务难度,可按教师具体要求修饰、调整表格,也可根据自己
copyright@ 2008-2022 冰豆网网站版权所有
经营许可证编号:鄂ICP备2022015515号-1