长版八级下册信息技术教案 全册.doc
《长版八级下册信息技术教案 全册.doc》由会员分享,可在线阅读,更多相关《长版八级下册信息技术教案 全册.doc(31页珍藏版)》请在三一办公上搜索。
1、第一单元:网页制作第一课:制作个人网站一、【教学目标】:知识与能力:掌握网页基本知识过程与方法:体验模板功能、快速、便捷地建立个人主题网站情感态度与价值观:增加学生的学习兴趣,培养学生信息意识二、【教学重点】网页的基本概念三、【教学难点】:编辑网页四、【教具准备】苏东坡的个人网站五、【课型】教师讲授、学生实践六、【课时安排】1课时七、【教学设计】(一)新课导入当你浏览五彩斑斓的网页时,是否也想在网络世界中拥有自己的天地呢?让我们一起来学习网页的制作方法,制作出一个自己的网页,成为因特网的一部分吧。本课将介绍如何使用FrontPage2003中的模板来快捷地建立个人网站。(二)新课教学1、网页的
2、基本概念浏览网站时所看到的一幅幅画面,就成为网页,网页是可通过浏览器的访问的信息集合,是万维网中存放信息的地方,网页上一般有文字、图片、表格等信息,还会有声音、动画等多媒体内容。2、了解FrontPage2003(1)启动FrontPage2003小提示:FrontPage2003窗口与word2003相似,灰色区域没有工作区,只有建立了网站、网页之后会出现工作区、才能处于编辑状态。试一试:启动FrontPage2003,了解窗口组成。(2)建立个人主题站点启动FrontPage2003后,在窗口右侧的任务窗格选择“其他网站模板”,在“网站模板”对话框中的常规中选择“个人网站”。小提示:网站中
3、的全部文件都保存在一个文件夹中,在“制定新网站的位置”下方输入的信息就是这个网站文件夹所在的位置和名称。在一般情况下,网站文件夹的名称都不建议使用中文,大多使用英文或者拼音字母。在FrontPage2003中,建立网站的基本思路与方法是,先建立网站的文件夹,也就是网站的整体架构,然后去建立其中一个个网页,进而设计具体网页的内容。站点连接成功,进入站点编辑窗口a.视图栏:可以帮助网页的设计者进行设计与测试 文件夹:单击文件夹图标,将在右边找到文件夹列表及相应文件,远程网站:可以帮助将整个网站或者单独的文件和文件夹发送到任何位置报表:以报表形式报告网站中全部网页的链接情况导航:以树型结构形式展现网
4、页之间的链接关系超链接:显示网站中的每一页的超链接任务:是创建和管理任务b.文件夹列表中包含了建立网站后自动建立的文件夹和文件,根据模板建立的网站,主页Index.htm已经建立试一试:建立自己的个人网站(3)编辑网页设计:在此选项下 ,可以进行网页的编辑与修改拆分:以拆分的屏幕格式检查并编辑网页内容,该试图功能让你同时访问代码视图和设计视图。代码:在“设计”下编辑的网页会自动在后台创建HTML代码,单机“代码”可以查看,修改。预览:无需保存网页,显示网页在浏览器中的效果。试一试:更改主页信息,形成自己的主题网页;奖其他网页的信息进行修改,形成自己的网站(4)预览、保存网页(5)保存网页(三)
5、课堂小结第一次接触FrontPage2003学生感觉很陌生,知识掌握有困难。(四)布置作业更改主页信息,形成自己的主题网页;(五)板书设计第一课:制作个人网站一、网页基本概念二、了解FrontPage2003八、教学回顾:第二课:建立空白网站“东坡居士斋”一、【教学目标】知识与能力:动手制作网站前要做好网站的设计与规划过程与方法:在导航试图中建立网站的结构情感态度与价值观:选择其他的兴趣的主题来设计网站二、【教学重点】网站规划三、【教学难点】建立导航结构四、【教具准备】有关苏东坡的材料五、【课型】教师讲授、学生实践六、【课时安排】1课时七、【教学设计】(一)新课导入使用模板制作的个人网站方便快
6、捷,但其中固定的模式又有些不尽人意,因此,建立一个空白得网站,在集中进行创作,可以不受到拘束,能展开手脚,尽情发挥,本课将介绍网站规划,创建空白网站、建立导航结构等相关知识。(二)新课教学1、网站规划在制作网站前要做好预先的设计与规划,以使后期的制作是有目的、有针对性的,而不是盲目的。这样制作的网站、网页才会很好地体现设计的思想、内涵并充满韵味。试一试:选择喜爱的主体来设计规划网站2、创建空白网站有了前期的设计准备,接下来可以在FrontPage2003中进行制作了。选择 “文件”“新建”“其他网站模板”,在网站模板窗口中的左侧选择空白网站,在窗口的右侧确定网站的保存位置和网站文件夹的名称。小
7、提示1、如果事先在机器的某一位置建立好网站的文件夹,可以在“制定网站的位置”选项中选择“浏览”按钮,选择已经建立好的文件夹作为网站的保存位置。2、制作网站时、所在的文件夹、文件一般情况下都要用英文或者汉语拼音命名,并且为小写字母,防止发布到WEB服务器上时出现不支持的现象。3、建立导航结构选择“试图”“导航”,进入“导航视图”。在“导航视图”中可以新建网页,并建立好网站中网页的结构关系。小提示:在网页上按住鼠标左键不放,可以拖动文件到其他位置。在网页上单击鼠标右键可以进行复制、删除等操作4、设置网页标题导航视图下,网页上标识的文字为网页标题,在“新建网页1”上单击鼠标右键,选择重命名,修改网页
8、标题为“苏轼简介”,用同样的方法将新建网页2、3、4标题修改为“苏轼名作”、“诗歌欣赏”、“苏轼书法”小提示:导航结构中得页面现在是两级的,在下面还可以继续建立新的网页 ,形成新的多级网站结构。试一试:在网站中建立更多的网页内容5、给网页命名“视图”“文件夹”,进入“文件夹视图”。这里呈现了网页文件的名称和标题的对应关系。小提示:改名时要用小写英文或汉语拼音6、关闭网站选择“文件”“关闭网站”,此时。关闭当前编辑的网站,但是不会推出软件平台7、推出平台选择“文件”“退出”或者选择软件右上方的关闭按钮,推出软件。(三)课堂小结本课是FrontPage2003的基本操作,有了上节课的基础,学生掌握
9、的较好。(四)布置作业在网站中建立更多的网页内容(五)板书设计第二课 建立空白网站“东坡居士斋”一、网站规划二、创建空白网站三、建立导航结构四、设置网页标题五、给网页命名六、关闭网站七、推出网站八、教学回顾第三课:网页的布局与图文一、【教学目标】:知识与能力:学习了解页面布局规划对制作网页的必要性过程与方法:运用布局表格和单元格巧妙地实现页面布局情感态度与价值观:课前准备好的制作网页的相关文字、图片素材,提高学生动手能力二、【教学重点与难点】重点:规划主页布局难点:网页图片格式三、【教具准备】制作网页的相关文字、图片等四、【课型】教师讲授与学生实践相结合五、【课时安排】1课时六、【教学设计】(
10、一)新课导入一个空白的页面就是一个创意的空间,而要在这样的空间里挥洒自如的 放置文字、图片等设计内容,就需要先对页面进行合理的布局。本课将介绍用表格规划网页布局方法,以及包含有文字和图片的网页的制作方法。(二)新课1、打开网站:选择“文件”“打开网站”,在保存位置找到“东坡居士斋”网站文件夹,选择“打开”命令。2、规划主页布局:先从制作主页开始,设计“东坡居士斋”网站双击左侧文件夹列表中的index.htm文件进入主页的编辑状态,右侧空白的空间就是编辑主页的区域。(1)主页布局设计:制作主页前也要进行设计,可以在纸上绘制草图。试一试:其他几个页面的布局也要预先设计出草图。(2)用表格布局:制作
11、网页的过程,表格元素是必不可少的。可以用表格实现页面的规范布局。小提示:1、以上表格宽度和高度的数据是针对预先的主页设计思路制订的,可以在浏览器中1024768分辨率下获得比较好的 显示效果。2、FrontPage2003中提供了布局表格和单元各功能,使布局表格和单元格可以创建具有专业外观的网页布局。布局表格是为网页布局创建的框架。布局单元格是该框架汇中包含网页内容(包括文本、图像、WEB部件和其他元素)的区域。 选择“表格“布局表格和单元各”,在右侧出现布局表格和单元格的任务窗格。3、设计编辑网页时,为了让可视空间更大一些,可以关闭左侧的文件夹列表窗口,选择“视图”“文件夹列表”,可以重新打
12、开该窗口。试:所有的页面都用表格来进行布局3、网页图片格式:网页中常用的图片格式有2种。分别是GIF和JPEG4、添加表格背景:前面用表格实现了主页面的规划布局,这里可以将精美图片制作成整个表格的背景,进而成为主页面的背景图效果,在表格上单击鼠标右键,选择“表格属性”“使用背景图片”,选择“浏览”找到用来做网页背景的图片,“确定”。小提示:在网页上单击鼠标右键,在“网页属性”窗口中可以为整个网页设置背景5、插入图片“插入”“层”;在图片上单击鼠标右键“显示图片工具栏”,使用图片工具栏,可以对图片调整大小等进行编辑。小提示:利用层功能可以灵活地布局网页中得元素6、输入文字:在第三行中输入联系方式
13、和版权说明等文字内容。7、保存网页;选择“文件”“保存”,弹出“保存嵌入式文件”对话框8、在IE浏览器中预览网页效果(三)课堂小结:学生掌握情况比较好(四)布置作用:设计其他几个页面内容,制作图文并茂的网页(五)板书设计第三课:网页的布局与图文一、打开网站二、规划主页布局1、主页布局设计2、用表格布局三、网页图片格式四、添加网页背景五、插入图片六、输入文字七、保存网页八、在IE浏览器中预览网页效果七、教学回顾: 第四课:导航与超链接一、【教学目标】知识与技能:为“东坡居士斋”网站主页添加导航图过程与方法:为“东坡居士斋”网站各页面添加基于导航结构的链接栏情感态度与价值观:增加学生的的信息素养,
14、培养学生独立操作的能力二、【教学重点与难点】重点:用图片热点制作超级链接难点:添加基于导航结构的链接栏三、【教具准备】课前准备好相关图片素材四、【课型】学生动手实践与老师讲授相结合五、【课时安排】1课时六、【教学设计】(一)新课导入网页中的超链接功能可以试浏览者便捷地访问各个页面,快速地定位浏览的内容。本课将介绍网站导航与超级链接的相关知识。(二)新课教学1、用图片热点制作超级链接:在主页的第2行表格中将光标位置设置为“居中”,插入扇子图片,适当调整图片大小,调出图片工具栏,选择“多边形热点工具”将“苏轼简介”文字圈选定,当曲线闭合时,会自动弹出“插入超级链接”窗口,可在其中设置要链接的目标文
15、件。小提示:养成随时保存文件的习惯,以避免文件的丢失2、添加基于导航结构的链接栏(1)选择“视图”“导航”(2)添加链接栏选择“插入”“导航”,弹出“插入web组件”窗口,在左侧“链接栏”,在右侧选择“基于导航结构的链接栏”小提示:“基于导航结构的链接栏”可以根据预先在导航视图中建立的导航结构快速地建立各项之间的链接关系。(3)设置“选择栏样式”:(4)设置“选择栏方向”(5)设置“链接栏属性”试一试:为其他页面都加入起导航作用的链接栏3、制作电子邮件超级链接:打开主界面,来实现站长信箱的超链接。选择站长信箱文字,单击鼠标右键,选择“超链接,”弹出“插入超链接”窗口;在“插入超级链接”窗口中选
16、择“电子邮件”。4、保存网页文件:所有设置完成,一定要记得保存。(三)课堂小结:学生掌握有一定的困难,稍加练习,一定会掌握很好。(四)作业布置用图片来制作更为漂亮的导航栏(五)板书设计第四课:导航与超链接一、用图片热点制作超级链接二、添加基于导航结构的链接栏三、制作电子邮件超链接四、保存网页七、教学回顾:第五课:丰富网页加入多媒体元素一、【教学目标】知识与能力:使用插入的方法为诗歌“诗词欣赏”网页添加音频、视频和动画过程与方法:学习在网页中加入多媒体元素的方法情感态度与价值观:小组展示交流,增加学生学习的信心二、【教学重点与难点】重点:嵌入视频难点:插入视频三、【教具准备】事先准备好的素材四、
17、【课型】学生自主探究五、【课时安排】1课时六、【教学设计】(一)新课导入音频、视频和动画是网页中重要元素,他们的运用可使网页形象直观,色彩艳丽。本课将介绍在网页中添加多媒体元素的方法(二)新课教学1、嵌入视频(1)将事先准备好的视频文件复制到站点的“VIDEO”内(2)双击“诗歌欣赏”网页,转入网页模式下得编辑状态(3)单击“插入”“web组件”(4)选择“插入web组件”对话框中的“高级控件”中的“插件”命令,单击“完成”(5)在弹出的“插件属性”对话框中,进行相应的设置数据源:单“浏览”按钮,制定要播放的视频文件所在位置。这个播放器名字叫Windows Media Play,它是IE浏览器
18、自带的一个媒体播放插件。大小:单击视频插件图表,拖动视频图表周围黑点调整图标大小,在预览网页时可以发现播放器大小也随之改变小提示:音频文件和视频文件一样也可以通过这种嵌入的方法放置在网页中。2、插入视频(1)打开“诗歌欣赏”网页,在要插入视频的位置单击鼠标左键,设置插入点(2)选择“单击”“图片”“视频”,弹出“视频”对话框,选择要插入的文件,单击“打开”按钮视频源:单击“浏览”按钮可以更新一个插入的视频重复:设置播放的循环次数和每次播放的时间间隔开始:“打开文件时”表示视频将在打开网页时进行浏览;“当鼠标悬停其上时”表示鼠标在视频位置上经过时开始播放视频。3、插入FLASH动画(1)将事先准
19、备好的FLASH动画文件复制到站点下得“video”文件夹内(2)插入flash动画有两种方法(3)按上述两个方法操作都会弹出一个“选择文件”对话框,选择要插入的文件,单击“插入”按钮(4)切换到预览模式下,这样就可以欣赏动画装饰的网页了(三)课堂小结学生对此十分感兴趣,掌握较好(四)布置作业练习插入视频(五)板书设计第五课:丰富网页假如多媒体元素一、嵌入视频二、插入视频三、插入Flash动画相关链接嵌入的方法可以使视频、音频和网页融为一体,也被许多浏览器支持,我们可以用它来增强网页的吸引能力;插入音频、视频的文件既可以在设计时设置媒体播放的方式,也可以响应浏览者激发的事件,同时不需要插件来播
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 长版八级 下册 信息技术 教案
链接地址:https://www.31ppt.com/p-2368896.html