八年级信息技术课《设计网站首页》教案
来源:学问馆 本文已影响1.72W人
来源:学问馆 本文已影响1.72W人
课题
设计网站首页
主备人
李录选
教学
目标
知识目标:认识网页的工作原理;了解网页编辑的一般过程
能力目标:学会在网页中输入文字、插入图片和水平线;学会新建、预览和保存网页。
情感目标:善于从身边的广告、书刊中学习版面设计知识,并学以致用。
重点
难点
编辑网页的几种方法
掌握知识并学以致用
教学
材料
课件
教师活动
学生活动
设计意图
情境
创设,激发
兴趣
播放《说唱脸谱》音乐。
师:脸谱能准确反映出人物的性格,一个网站的“脸”是什么?
师:我们如何给我们的网站设计脸谱呢?这就是本节课我们要学习的内容──设计网站首页(出示课件)。
学生讨论答案──网站首页。
结合第一节课的规划,讨论如何设计首页。
通过脸谱联想到首页,激发学生页设计的热情。
启发探究,技巧点拨
任务一:输入文字
出示网页输入文字后的效果。
任务二:插入图片
出示插入图片后的效果,并提示图片存放位置。
要求学生分别使用控制柄和设置图片属性的方法调整图片大小。
任务三:插入水平线
根据教材提示,使用默认值插入水平线,然后分组修改“水平线属性”对话框各参数。
将前面输入的“=”组成的线替换为水平线。
任务四:保存网页
出示任务,由学生探索嵌入式文件保存的技巧。
任务五:预览网页
分组尝试两种预览网页的方法,并作比较。
任务六:添加新网页
根据教材提示为网站添加新网页。
对比老师出示网页效果进行文字的输入和编辑,比较与Word中操作的异同。
根据样例插入相应图片。
尝试操作并比较说明二者的区别。
分组完成
操作并体验二者在表现效果上的差异。
预览网页。
完成操作,并探索新建网页的.其它方法。比较它们的优缺点。
前两个任务与Word操作大同小异,让学生通过对比强化记忆。
通过学生自己实践理解水平线对话框的设为方法。
网页制作中的学用操作,应熟练掌握。
自主探究,分享交流
师:请大家回想一下,你从小到现在,你的妈妈给你洗了多少次脚?你为她洗过多少次呢?
师:如果还没有做,就从今天开始吧!
请同学们课下完成体验任务,根据自己的感受设计网页Feeling1.htm。
生:记不清。
生:还没有。
放学后完成这一体验活动,并将感受以网页的形式表达出来。
让学生通过这一活动体验感受父母对自己的爱。能够以网页的形式表达自己的感受。
合作学习,释疑解难
师:本节课的学习内容基本结束,但我们探索的路还有很长,请大家完成二级网页Parents.htm的设计。
教师巡视学生制作的情况,并进行指导。
师:预览网页,调整浏览器窗口,你能发现网页的变化吗?怎样才解决这个问题呢?
根据图1-1-6(b)设计网页。
操作并观察片面的变化。
在学习与探究基础上进行自主的网页创作。
设疑,为下一节课“网页中表格”作知识铺垫。
同时,制作的二级网页也是为第五课准备超链接的网页素材。
梳理总结,拓展延伸
课堂小结本节课的学习内容。
师:请同学们通过浏览器预览自己刚刚制作的网页,然后任意改变浏览器窗口的大小,看看网页中已经排好的版面是不是发生了变化?有防止这种现象的发生的办法吗?
预览网页,观察版面的变化,思考解决的方法。
承上启下,激发学生进一步页制作的兴趣。
板书设计
设计网站首页
一、在网页中输入文字 四、保存网页
二、 在网页中插入图片 五、预览网页
三、在网页中插入水平线 六、添加新网页
教学反思
本节课的内容比较简单,但它是设计网页的基础,本节课将为后面的学习打下良好的基础。
三年级信息技术第1课信息和信息技术教学设计
八年级信息技术《位移补间动画》教学设计
五年级信息技术下册《网上聊天》教学设计
五年级信息技术《第八课设置段落的对齐方式》优秀教学设计
八年级信息技术《网络旅行》评课稿
六年级下册《第4课海上归来》的信息技术教案设计
小学四年级信息技术《快速下载》教案设计
四年级下册信息技术《收藏自己喜欢的网站》教学设计模板
七年级信息技术课《设计封面》教学反思
小学信息技术六年级下册《生活中的信息网络》教案
五年级信息技术上册《神奇的信息技术》教学设计
六年级信息技术《近视预防网上说》优秀教学设计
信息技术《网站的生命超级链接制作》教学设计范文
五年级信息技术《第八课调整段落缩进方式》教学设计范文
华师大版高中信息技术《网页制作站点的规划与建立》说课稿
信息技术课程教学网站设计论文
人教版信息技术五年级上《设置放映效果》教案
八年级下信息技术教案6篇
三年级信息技术《美化服装DIY》优秀教案设计范文
六年级下册信息技术《网上冲浪》教案范文
三年级信息技术上册《认识计算机》教学设计
六年级上册信息技术《设置放映效果》教学设计
《设置超链接》的五年级上册信息技术教案
网站首屏页面设计技巧
信息技术《浏览网页》教学反思范文
辽师大版五年级上册信息技术课程教案设计
三年级信息技术《浏览图片》教学设计
四年级下册信息技术《设计贺卡》教学设计范文
小学信息技术《学习园地网页制作》说课材料
六年级上册信息技术《网上交谈》教案
五类网站Web服务器技术和网页设计技术解析
小学信息技术《给图画上颜色》说课教案设计
关于八年级信息技术《数据计算》的说课稿
八年级上册信息技术教学计划
五年级下册信息技术《网上论坛BBS》教案
八级工学技术歇后语
八年级《诗两首》教案设计
七年级信息技术《谋划版面》教学设计
小学四年级下册信息技术《网络地图任我行》教案
《信息与信息技术》的课堂教学设计
八年级信息技术上册策划方案巧编排教学设计