搜索
抚顺51中学授课标题编辑美化网页周次9周课时1课时教学目标1、掌握在网页中插入文字图片等内容的方法2、学会在网页中插入水平线3、能够修改网页的背景4、培养学生的审美能力，提高团队合作意识教学方法问题驱动法、小组合作法重点编辑网页中的内容难点根据内容合理布局网页内容教学内容与进程一、新课引入通过展示一组有关介绍2010年上海世博园的网页，让学生找出每个网页的网页元素有哪些，布局有什么特点？二、新课讲授1、插入文字和图片布置任务：按照上节课小组的网站规划方案，将所需的文字和图片插入到网页中。学生活动：根据之前学过word的知识，尝试在网页中编辑文字和图片等基本的网页元素。教师活动：巡视指导，总结各组的问题每组派一名代表展示小组的结果，其他小组补充评价，教师总结。知识点：在网页的编辑区内输入或粘贴所需的文字，并利用文字属性对话框，对其进行字体、大小、颜色等得修饰。在插入图片的选择时，要注意图片的大小，网页浏览器对大文件的显示速度较慢，影响整体浏览效果。抚顺51中学教学内容与进程2、插入水平线布置任务：按照教师给出的网页样式，将网页中的文字和图片分区域的进行归类显示。学生活动：小组讨论解决方案，上网查找资料，尝试完成任务。教师活动：巡视指导，总结各组的问题每组派一名代表展示小组的结果，其他小组补充评价，教师总结。知识点：在网页中适当地插入水平线，不但可以是网页层次封面，而且会使网页变得更加美观。将光标移动到要插入的位置，选择【插入】—【水平线】命令，画面的水平线将文字分隔开。双击水平线可以打开属性对话框，进行相应的属性设置。3、修改网页背景布置任务：选择一张图片作为网页的背景，插入到网页中学生活动：小组讨论解决方案，上网查找资料，尝试完成任务。教师活动：巡视指导，总结各组的问题每组派一名代表展示小组的结果，其他小组补充评价，教师总结。知识点：网页的背景可以设置为单一颜色，也可以用图片来填充。在网页属性对话框中，找到要插入的图片（注意图片要包含在网页的文件夹之中，否则无法显示）。三、系统回顾总结拓展通过本节课的学习，我们探讨了网站中的网页基本元素的插入和编辑方法，同时对网页的格局进行了简单的美化，培养了学生的审美能力。教学反思抚顺51中学授课标题网页的布局周次10周课时1课时教学目标1、了解网页布局的方式2、掌握在网页中添加表格和设置表格属性的方法3、能利用表格和嵌套表格对网页进行基本布局4、增强学生团队协作意识，提高实践动手能力教学方法问题驱动法、小组合作法重点插入表格和设置表格属性难点嵌套表格的添加教学内容与进程一、新课引入教师给出网页图片，让学生将上节课的网页内容按照图片中的版式进行设计。学生利用水平线和word的排版方式无法快速完美地实现，引出网页布局的知识。二、新课讲授1、网页的布局方式布置任务：什么是网页的布局？网页的制作中主要采用哪些布局方式？学生活动：上网查找资料找出自己的方法，进行小组讨论并总结小组的最终结论。教师活动：巡视指导，总结各组的问题每组派一名代表进行汇报，其他小组补充评价，教师总结。知识点：网页布局方法很多,通常的布局方法有以下两种:通过表格来布局。表格布局的优势在于它能对不同对象加以处理，而又不用担心不同对象之间的影响。表格布局唯一的缺点是页面下载速度受到影响通过层叠样式表来布局。CSS(层叠样式表)被提出来，它能完全精确的定位文本和图片。CSS对于初学者来说显得有点复杂，但它的确是一个好的布局方法。抚顺51中学教学内容与进程2、表格的添加和设置布置任务：将网页中的图片和文字放入表格中，并隐藏表格学生活动：上网查找资料找出自己的方法，进行小组讨论并总结小组的最终结论。教师活动：巡视指导，总结各组的问题每组派一名代表进行汇报，其他小组补充评价，教师总结。知识点：在菜单中选择插入表格命令，在对话框中选择基本的表格属性。对用于布局的表格可以隐藏边框、合并拆分单元格、设置整个表格的背景和给某个单元格添加背景。3、嵌套表格布置任务：利用表格，按照教师给出的网页布局格式进行布局。学生活动：上网查找资料找出自己的方法，进行小组讨论并总结小组的最终结论。教师活动：巡视指导，总结各组的问题每组派一名代表进行汇报，其他小组补充评价，教师总结。知识点：在网页制作中，经常会遇到这样的情况：某些局部内容为一个整体，二某些内容有非常分散，需要花分很多的单元格，这就只用一级表格十分不方便，在表格中插入二级表格即嵌套表格就可对局部内容进行调整。三、练习利用表格布局法，将小组网站中的所有网页进行布局。四、小结本节课主要探讨了网页布局方法中的表格布局法，这种方法简单实用，适合初学者，对嵌套表格的使用要谨慎。教学反思抚顺51中学授课标题网站导游周次11周课时1课时教学目标1、了解整个网站中网页之间的关联2、掌握首页中导航栏的添加方法3、能够在网页中建立三种超链接4、增强学生团队协作意识，提高实践动手能力教学方法问题驱动法、小组合作法重点导航栏和超链接的建立难点导航栏的结构、超链接的链接位置教学内容与进程一、新课引入提问：进入一个陌生的大商场，你如何快速知道每一层都是买什么的？在字典中你如何快速地查出你要找的字或词？在浏览一个新的网站时，你怎样才能快速了解网站所包含的内容？二、新课讲授1、设置导航结构布置任务：根据本组网站的内容，规划出5个以上的栏目，并按照教材P58页的图2-4-2在画图软件中画出本组的导航结构。学生活动：上网查找资料找出自己的方法，进行小组讨论并总结小组的最终结论。教师活动：巡视指导，总结各组的问题每组派一名代表进行汇报，其他小组补充评价，教师总结。知识点：设置导航结构也就是我们前面提到的建立网站结构，网站结构是一种树形结构，分为父层和子层等不同层级，导航栏可以帮助我们清楚地设置每一页所要链接的层级。抚顺51中学教学内容与进程2、导航栏的添加和设置布置任务：将所画的导航结构图在网页中进行添加。学生活动：上网查找资料找出自己的方法，进行小组讨论并总结小组的最终结论。教师活动：巡视指导，总结各组的问题每组派一名代表进行汇报，其他小组补充评价，教师总结。知识点：在菜单中选择导航命令，在插入Web组件对话框中添加基于导航结构的链接栏，并对链接栏属性进行设置。3、超链接的创建布置任务：给网页中的文字和图片插入超链接，并在主页中插入邮箱链接。学生活动：上网查找资料找出自己的方法，进行小组讨论并总结小组的最终结论。教师活动：巡视指导，总结各组的问题每组派一名代表进行汇报，其他小组补充评价，教师总结。知识点：怎样才能是自己做的网页相互联系起来呢？也就是说怎样做才能在点击页面上的元素网页就能跳转。超链接有文字、图片和电子邮件三种，在插入超链接对话框中，注意要链接到的文件，该文件要放在网站文件夹内。三、练习在主页和栏目页中添加导航栏，在每个网页的右下角创建图片超链接返回主页。四、小结本节课探讨了网页制作中的重要内容，将网站中的所有网页通过超链接，按照事先规划的结构进行跳转链接。教学反思抚顺51中学授课标题网页中的特效周次12周课时1课时教学目标1、了解网页美化的基本手段2、掌握滚动字幕的创建的方法3、能够在网页中添加交互式按钮4、掌握在网页中插入音视频和Flash等多媒体文件5、增强学生团队协作意识，提高实践动手能力教学方法问题驱动法、小组合作法重点动态效果和多媒体文件添加难点滚动字幕的设置、Flash文件的添加教学内容与进程一、新课引入演示两个不同网页，让学生说出这两个网页的不同点，哪一个好？为什么？二、新课讲授1、滚动字幕的添加布置任务：在网页中插入车站或商场中经常看到的大屏幕上不停滚动字幕的效果。学生活动：上网查找资料找出自己的方法，进行小组讨论并总结小组的最终结论。教师活动：巡视指导，总结各组的问题每组派一名代表进行汇报，其他小组补充评价，教师总结。知识点：在要加入字幕的位置选择Web组件命令，打开插入Web组件对话框，选择动态效果下的字幕命令，输入要显示的文字，并可以对字幕的运动速度、运动方向和运动方式进行属性设置。2、交互式按钮的创建布置任务：在网页中插入可交互的按钮学生活动：上网查找资料找出自己的方法，进行小组讨论并总结小组的最终结论。教师活动：巡视指导，总结各组的问题抚顺51中学教学内容与进程每组派一名代表进行汇报，其他小组补充评价，教师总结。知识点：交互式按钮是网页中常用的一种动态按钮，利用它不仅可以点缀网页，还可以起到承上启下的枢纽作用，同时是来访者获得强烈的视觉效果。3、多媒体文件的添加布置任务：将网页用多媒体文件进行美化，使其更加有吸引力。学生活动：上网查找资料找出自己的方法，进行小组讨论并总结小组的最终结论。教师活动：巡视指导，总结各组的问题每组派一名代表进行汇报，其他小组补充评价，教师总结。知识点：在网页中的适当位置插入多媒体文件，可以使网页更加有吸引力，网页中常见的多媒体有Flash动画，背景音乐和视频。在插入菜单的图片命令中选择要插入的文件类型。三、练习在主页的网页标题下插入滚动字幕的新闻速播，将返回超链接变为交互式按钮，并为主页添加背景音乐。四、小结本节课主要探讨了如何美化网页的效果，使其更加有吸引力。滚动字幕和交互式按钮有动态效果，音视频文件要适量使用，因为音视频文件会影响整个网页的打开速度。教学反思