网页的制作教案（[《网页框架》教学设计与反思] 初中数学教学设计案例）

本文目录

• [《网页框架》教学设计与反思] 初中数学教学设计案例
• [网页设计与制作教学方法的探讨] 探讨一种新的教学方法
• Dreamweaver网页制作教程的内容提要
• 如何使用frontpage制作网页教案

[《网页框架》教学设计与反思] 初中数学教学设计案例

　　一、案例背景 　　 　　1.使用教材 　　苏教版初中《信息技术》。 　　2.教学内容 　　网页框架。 　　3.课时安排
　　1课时。
　　4.教学环境
　　计算机安装office软件，教师端可以进行网络广播教学。
　　5.课前准备
　　多媒体课件、文字图片素材、优秀作品。
　　
　　二、 教学设计
　　
　　1.教材内容分析
　　网页框架是苏教版中学《信息技术》第4章第5节144到146页的内容，它是制作网页的一个重要模块。能够将浏览器页面分割成几个不等的窗口，每个窗口相对独立，在同一页面的几个窗口同时浏览不同的网页文件或者相对保持某些窗口的内容。
　　2.教学对象分析
　　教学面向的是初一年级的学生，该年龄段的学生已具备了一定的信息素养，掌握了基本的信息技术的知识和技能，已经学过有关网页的知识，对网页学生学起来兴趣极浓，初步学习和掌握了FrontPage，能制作图文并茂的网页作品。学生是学习的主体，是意义构建的主动者，以具体形象思维为主，并逐步向抽象思维过渡，同时由于信息技术的趣味性浓，动手实践性强的特点，学生的学习积极性较高，乐于探索、勇于创新，部分学生能主动地探索学习。
　　基于以上思考，我拟采用任务驱动法、情景教学法、合作学习法、自主学习法和分组讨论法，利用建构主义的理论，创建学习环境，让学生在问题解决中学习。
　　3.教学目标
　　知识目标：
　　①理解框架结构的含义和用途；
　　②掌握建立框架网页的方法；
　　③掌握框架属性的设置方法；
　　④掌握框架网页的保存方法。
　　能力目标：
　　①掌握建立网页框架及设置框架属性的能力；
　　②能够应用网页框架建立简单的网页。
　　情感目标：
　　培养学生网页设计的审美能力、创新能力、协作学习和自主学习能力。
　　4.教学重、难点
　　教学重点：
　　①网页框架的建立；
　　②理解“设置初始网页”和“新建网页”的含义。
　　教学难点：
　　掌握框架属性的设置：调整框架大小、设置框架边界、改变边框线的宽度等。
　　5.教学模式（或方法）
　　任务驱动法、情景教学法、合作学习法、自主学习法和分组讨论法。
　　6.教学手段
　　①实施任务驱动，把学生的主动权交给学生，引导学生动手尝试、观察辨析、合作探究，运用教、练结合的方法，让学生体验并制作框架网页；
　　②采用半成品加工策略，提供一些素材，让学生直接制作，提高学习的效率。
　　7.教学准备
　　①教师准备一些文字和图片素材；
　　②教师提供一些制作框架网页的演示动画；
　　③教师准备一些用网页框架制作的优秀作品。
　　
　　三、教学过程
　　
　　
　　
　　
　　四、 教学反思
　　
　　1.以任务驱动的方式编排教学内容，使学生围绕信息处理提出任务，自主探索并完成任务；
　　2.让学生了解评价一个网页的大致标准，学生设计网页时，就会考虑这些关键因素，有了较高的起点，作品自然不会差。反之，不利于激发学生学习和创作的欲望；
　　3.值得关注的是：时间的安排与分配是一个不可忽视的问题。如何在不影响学生进行创作的同时，又可以在规定的教学内容内完成特定的教学任务，并且使教学达到最优化；
　　4.省略

[网页设计与制作教学方法的探讨] 探讨一种新的教学方法

　　摘 要 就高职院校《网页设计与制作》课程,探索并创新教学模式,运用多种教学方法和课程考核办法,从而使不同梯次的学生学有所获,构建良好的专业学习兴趣。 　　关键词网页设计与制作;阶段性;阶梯式;教学模式;教学方法
　　中图分类号G20文献标识码A文章编号1673-9671-(2010)032-0141-01
　　
　　网页设计与制作主要是研究网站的创建和网页制作的专业技能课。通过学习本课程,学生要求能够熟练运用Dreamweaver等网页设计工具软件,设计并创建网站。因此,该课程教学实践性强,其教学方法、教学模式及课程考核办法都有其特殊要求。现就授课中教学方法的尝试做以下分析和总结。
　　1阶段性、阶梯式的教学模式
　　孔子提出育人要“深其深,浅其浅,益其益,尊其尊”,主张“因材施教,因人而异”。教学既要遵循学习规律,又要尊重学生个体差异。学习一般由点到线,线到面,再形成系统知识结构。同时,学生学习基础参差不齐,以某班级学生学习特征情况分析(班级人数30人统计),如图1所示,学习特征归为4种(A-D)。
　　图1某班级学生学习特征分布情况
　　为了使不同梯次的学生在学习中,学有所乐,学有所长,学有所值,因此,授课中采用了“阶段性、阶梯式”教学模式,既将学习过程分段分梯次,在每个阶段针对不同学习特征的学生,又分不同梯次的教学目标。这个梯次主要按图1所示学生学习特征划分,尽量让不同学习特征的学生,在每个学习段都能实现一定的教学目标,从而使学生对学习充满兴趣,积极学习。“阶段性、阶梯式”教学模式,共分三个阶段,如表1所示。
　　2教学方法的灵活运用
　　承认教学对象的个体差异,及知识结构的衍生过程,进行“阶段性、阶梯式”教学模式,其教学方法的运用很重要。自古以来,教无定法,灵活运用教学方法,适时调整和改进教学方法和授课计划,才能使教与学相得益彰。如表1所示为阶段性、阶梯式教学模式中教学方法的运用(如表1)。
　　2.1教师演示指导
　　教师演示并指导学生操作练习,“个体通过接受学习,不仅可以学到作为创造能力的构成要素的知识与技能,而且还可以学习到前人创造某种经验的科学态度。”同时教师也需尽快了解每个学生的学习特征,从而指导后续教学。但运用该方法应注意几点:
　　1)注意重、难点的演示讲解,教师应针对操作中容易出现问题的地方,仔细讲解。例如:设置鼠标经过图像时的变化效果,应确保所选择的图像文件在本地站点文件夹内,否则该设置无效。
　　2)注意课堂指导,及时收集学生课堂实作练习,并认真评改,记录学生实作中反应的问题,基本了解班级每个学生的学习特征。针对每次的评改记录,修改并制定下次课程的授课计划和内容。
　　3)注意课后思考与练习的设置。例如:在进行添加和处理图像实作课程时,用了“示例中的页”中的起始页面作为页面模板,思考问题:“能否将自己制作好的网页作为‘示例中的页’?”问题的设置一般是课堂知识点的复习、深化和延伸,可引导学生积极学习。
　　2.2模拟教学
　　在教师演示的基础上增加学生模拟教学,通过模拟教学,师生角色互换,不仅能促进学生对知识的掌握,也能增强其自主学习意识;同时教师能看清自己教学中的不足,以及学生实作中的问题。主要方式是让学生模仿教师操作演示教学,其教学过程可由学生自主设计。例如:学生在教师机上演示教学,过程中进行讲解、答疑,最后教师总结并评点。
　　模拟教学对学生的选择,应遵循两个原则:一是图1中学习特征A和D的学生应尽量少选,主要选择学习特征B的学生。因为这部分学生既能代表大多数学生的教学需求,又能完成既定的教学目标;二是学生应课前准备,如有临时教学互动,教学内容应为旧知识点复习或者复合。
　　2.3兴趣激发
　　该方法主要在课程一阶段始和二阶段末采用。俗话说,“好的开始是成功的一半”。例如:设计一堂经典网站赏析课,选择国内外经典网站进行赏析,带领学生认识网页和网站,介绍网站的发展历程,发现好的网站设计给人们生活和工作带来的影响,使学生喜欢并热爱这个行业,从而在内心建立学习本课程的强烈愿望。
　　第二阶段末,教学课时进行2/3时,学生通过反复知识点操练,但没有一个成型的网站呈现,使其最初的兴趣慢慢消减,出现学习疲倦期。此时应设计2-4学时的艺术赏析、网站赏析课等。赏析课形式灵活,例如,参观艺术作品展,观看影视作品。美学陶冶有助于网站的设计,调整学生的学习状态,激发兴趣,为后续教学做好学生的知识结构调整和心理准备。
　　2.4项目管理
　　教学第三阶段,学生自由组成小组,一般6人一组,每组推选一名组长,负责项目协调和管理,在16-20个学时内完成既定的项目(网站),最终分组演示,分个人答辩,项目成果展示。项目的设置由小组讨论形成,学生根据兴趣、特长设定网站类型和主题,其中教师辅助,提供技术和资源支持,不参与项目制作。通过案例实训,运用项目管理的方式,综合测评学生的技能掌握情况,同时使得团队中每个学生扬长避短,发挥各自优势,最终完成一个网站的设计与制作。各个梯次的学生在案例中都得到锻炼和发挥,体现自我价值。
　　3考核办法的改革
　　针对阶段性、阶梯式的教学模式,结合本课程的教学目标,其考核办法也需补充和完善。如表1,在第一阶段采用课堂操作考核,对学生课堂操作评定计分;在第二阶段采用课堂教学互动考核,增加学生互动评定并计分;第三阶段案例实作,采用项目成果考核,运用项目管理的方式,对学生分组完成的项目成果进行综合评定,包含个人成果展示及答辩情况。以上三项评定综合计入期末学生总评。
　　在教学各阶段,采用不同的考核方法,使各阶段监管得力,避免学生平时不学习期末突击;学生在各阶段通过踏踏实实学习,完成既定的教学目标,得到较好的考评成绩,从而激励学生,提高学习积极性;通过各个教学环节的监督考核,使考核更公平、公正和准确。
　　作为一名高职教师,应坚持不懈的学习,结合社会需求和学生学习特征,因时因材施教,不断总结和完善教育教学方法,使之更符合国家和社会对人才培养的需要。
　　参考文献
　　王同梅.网页制作教学方法研究与实践,中国科教创新导刊,2009,NO.19.
　　冯忠良,伍新春,姚梅林,王健敏著.《教育心理学》,人民教育出版社,2003.
本文为全文原貌 未安装PDF浏览器用户请先下载安装 原版全文

Dreamweaver网页制作教程的内容提要

本书共15章，包括：第1章Dreamweaver8基础、第2章创建站点和网页文档、第3章文本和图像、第4章表格和布局、第5章多媒体元素、第6章超级链接、第7章框架、第8章表单、第9章层、时间轴和行为、第10章站点资源和库项目、第11章CSS样式表、第12章模板、第13章网站的管理和上传、第14章网页制作综合训练和第15章商业网站创建实例。
本书中所有的例题和实例、上机操作用的文件资料及完整的电子教案均可从北京交通大学出版社网站上下载。
本书可以作为高职高专、中职中专和培训学校的教材，还可以作为Adobe论证考试和其他资格考试的学习教材。本书同样也适合想通过自学掌握网页制作知识的读者。

如何使用frontpage制作网页教案

以下是FrontPage\ DreamWeaver网页制作软件和教程 ，支持 DIV + CSS，可视化操作，支持JS、ASP、PHP、JSP脚本程序:
DreamweaverMX 软件及教程的安全下载：下载位置的左边是软件，右边是教程