下载文档原格式
《网页制作》微课教学的研究与实践【摘要】本文旨在探讨《网页制作》微课教学的研究与实践。
在将从研究背景、研究目的和研究意义三个方面介绍本研究的背景和意义。
在将重点探讨网页制作微课的优势、设计教学内容与方法、实践案例分析、技术应用与工具以及学生反馈与评价等内容。
在将对微课教学效果进行评估，展望未来发展，并对研究内容进行总结。
通过本文的研究与实践，旨在为网页制作微课教学提供借鉴和参考，探索更有效的教学模式，促进学生学习效果的提升。
【关键词】网页制作、微课教学、研究、实践、优势、设计、教学内容、方法、实践案例、技术应用、工具、学生反馈、评价、教学效果评估、发展展望、总结。
1. 引言1.1 研究背景当前，网络技术的快速发展为教育教学提供了更多的可能性。
学生们在网络上获取信息的习惯和能力逐渐增强，教师也逐渐意识到利用网络资源进行教学的重要性。
在这种背景下，研究如何利用网页制作微课来提高教学效果，引导学生积极学习，具有重要的理论意义和实践价值。
本研究旨在探讨网页制作微课教学的优势与特点，设计有效的教学内容与方法，分析实践案例，探讨技术应用与工具，以及收集学生反馈与评价，从而全面评估网页制作微课在教学中的应用效果，并提出未来发展的展望和建议。
1.2 研究目的研究目的是为了探究利用网页制作微课教学的有效性和可行性，深入了解该教学模式对学生学习效果的影响。
通过研究，希望能够为教育教学工作者提供关于如何设计和开展网页制作微课的实践指导，提高教学质量和效率。
通过实践中的案例分析和学生反馈与评价，可以更加客观地评估网页制作微课教学的优劣势，为未来的教学改进和发展提供借鉴和支持。
研究的目的还在于探讨技术应用与工具在教学中的作用，探索如何更好地利用现代信息技术手段提升教学效果，促进学生学习动机和兴趣，从而实现教育教学的创新和改革。
最终目的是为教育教学领域提供更多有效的教学模式和策略，推动教育教学的现代化和智能化发展。
1.3 研究意义网页制作微课教学的研究意义在于提供一种全新的教学模式，能够更好地激发学生学习兴趣，提高学习效率。
《网页设计与制作》教课纲领（114 学时）一、课程性质和任务本课程是中等职业学校的计算机专业的一门专业课。
其主要任务是学习相关网页设计与制作的基础知识和基本技术，使学生可以娴熟地制作出一般企事业单位所需的中高级水平的网页。
二、课程教课目的本课程的教课目的是使学生掌握网页制作的基本知识和基本技能，掌握网页内容对象的制作方法及技术，拥有对网页内容多个对象进行合理布局与设计的初步能力。
（一）课程目标要求1、掌握制作简单网页的基本方法。
2、掌握 HTML 常用标志及其功能格式。
3、掌握向网页中输入对象的方法。
4、会制作网页中各样超链接。
5、掌握网页内容多个对象的布局方法。
6、能给网页适合增添动向成效。
7、认识高级网页制作技巧。
8、能进行站点管理和保护。
（二）能力培育目标1 、掌握 FrontPage基本操作及技术。
2 、会用 HTML 编写改正简单网页。
3、掌握在网页中输入标题、文本、插入图片、表格、表单等对象的方法。
4、站点创立及站点内超链接的制作技巧。
5、能绝对定位和相对定位，表格，框架对网页合理布局。
6、会用模板、主题、款式制作高质量网页。
7、利用各样插件，控件脚本程序制作高级网页。
（三）思想教育目标1、培育学生网上分辨是非，合理运用网络资源的能力。
2、培育学生踊跃长进的修业态度和较强的自控能力。
三、教课内容和要求（一）理论教课摸块1 、FrontPage基本观点1）新增功能、工作界面构成。
2、制作简单网页1）网页文件基本操作方法。
2）输入文本、制作超链接的基本方法。
3、HTML 语言基础1 ）HTML 基本法与构造。
2）常用标志的功能、格式。
4、增添网页元素1）输入标题、文本并对其进行格式化。
2）编写列表。
3）插入图片及图片办理。
4）制作站点内超链接的方法介绍。
5）制作表格及用表格定位。
6）制作表单。
7）制作网页内动向成效。
5、网页元素合理布局1）相对定位和绝对定位。
2）表格定位。
3）框架定位。
《制作框架网页》教学设计方案（第一课时）一、教学目标1. 掌握框架网页的基本观点和结构。
2. 学习如何创建基本的框架，并掌握调整框架大小的方法。
3. 培养学生自主探究、实践操作的能力。
二、教学重难点1. 教学重点：掌握框架的基本操作，能够独立完成一个简单的框架网页。
2. 教学难点：框架的布局和调整，以及在框架中链接其他网页元素。
三、教学准备1. 制作教学PPT，准备相关教学素材。
2. 安装好所需软件，确保计算机能够正常运行。
3. 安排学生进行课前预习，了解框架网页的基本观点。
4. 准备足够的练习素材和测试网页，以便学生进行实践操作。
四、教学过程：（一）导入新课1. 展示几个不同类型网站的页面，让学生观察并讨论这些网站的共同特点。
2. 引导学生总结出网站的一般构成元素，如标题、内容、图片、文字、链接等。
3. 引出本节课的主题——制作框架网页，并介绍框架的基本观点和作用。
（二）新知讲解1. 讲解框架页面的组成元素，如框架、标题、内容、图片、文字等，以及如何设置它们的属性。
2. 介绍HTML中的框架集标签和框架标签，以及如何应用它们来创建框架网页。
3. 讲解如何设置框架的链接和导航栏，以及如何应用CSS来美化框架页面。
4. 针对学生可能存在的疑问进行解答，并举例说明如何应用框架网页来组织网页内容。
（三）实践操作1. 给学生提供一些基本的框架网页模板，让学生根据模板进行操作，熟悉框架网页的制作流程。
2. 引导学生自主设计框架网页的布局和样式，培养他们的创新认识和实践能力。
3. 鼓励学生尝试应用不同的框架布局和设计元素，提高他们的审美能力和网页制作水平。
4. 教师巡回指导，及时解答学生的疑问，并对学生的作品进行点评和指导。
（四）教室小结1. 总结本节课的重点知识和操作技巧，强调框架网页在网页制作中的重要作用和应用途景。
2. 鼓励学生分享自己的作品和制作经验，互相学习和借鉴。
3. 引导学生思考如何将所学知识应用到实际生活中，培养他们的应用能力和创新认识。
《网页设计与制作》课程标准一、课程性质本课程是中等职业学校数字媒体类数字媒体技术应用专业必修的一门专业核心课程，是在《图形图像处理》《程序语言设计》等课程基础上，开设的一门理论与实践相结合的专业课程，其任务是让学生掌握网页设计的基础知识与基本技能，为《多媒体作品设计软件应用》等后续课程的学习奠定基础。
二、学时与学分72学时，4学分。
三、课程设计思路本课程按照立德树人根本任务要求，突出核心素养、必备品格和关键能力，兼顾中高职课程衔接，高度融合网页设计与制作知识技能的学习与职业精神的培养。
1依据《中等职业学校数字媒体类数字媒体技术应用专业指导性人才培养方案》中确定的培养目标、综合素质、职业能力，按照知识与技能、过程与方法、情感态度与价值观三个维度，突出项目操作能力和解决问题能力的培养，结合本课程的性质和职业教育课程教学的最新理念，确定本课程目标。
2.根据“中等职业学校数字媒体技术应用专业'工作任务与职业能力'分析表”，依据课程目标和计算机软件测试员等工作的岗位需求，围绕网页设计与制作关键能力，反映数字媒体行业发展的新知识、新技术，体现科学性、适用性原则，确定本课程内容。
3.以创建一个完整的网络为主线，设置模块和教学单元，将网页设计与制作的基础知识、基本技能和职业素养有机融入，遵循学生认知规律，结合学生的生活经验，确定学习内容的顺序。
四、课程目标学生通过学习本课程，掌握网页设计与制作的基础知识与技能，能独立制作中小型的网站，并通过现代信息化的手段进行表现，初步形成良好的职业意识和职业素养。
1了解网页设计与制作相关的艺术、技术背景知识及发展趋势，能对网站制作产生学习兴趣。
2.熟悉网页制作原理及制作流程，掌握静态网站制作的基本方法。
3.掌握AdobeDreamWeaVer网页制作工具，熟练运用多种网页设计技术，具备网页设计、制作及站点管理的基本知识和基本技能。
4.了解动态网页的初步知识，能合理规划网站，并能根据要求正确创建数据库和数据表，完成网站制作。
《网站主页的设计》教学设计浙江绍兴市第一中学信息处董烨华一、教材分析本节课讲授浙江教育出版社《信息技术基础》第六章“网页的设计与制作”的相关，并根据《浙江省普通高中新课程实验信息技术学科教学指导意见》进行了适当设计，教学侧重于让学生掌握网站的策划与构思和熟练掌握简单网页的设计与制作。
二、学情分析学生已经会收集和整理素材，掌握了用FrontPage制作网页的基本操作，对网站的策划与构思有了一定的了解，但网站创建的知识以及网站策划构思的实践比较欠缺，另外学生现有知识水平存在一定差异。
三、教学目标知识与技能：能较熟练地运用表格实现网页布局；知道创建网站的一般过程，了解一些主页设计的知识；初步掌握网站的策划与构思。
过程与方法：通过自主探究和小组合作完成学习任务，掌握一些探究学习的方法，培养与他人协作、交流的意识和能力。
情感、态度与价值观：通过网站主页设计，激发学生的创作欲望，提高学习信息技术的兴趣和愿望；通过教师提供的创作背景信息，使学生更关注气候变化对人类发展的影响，增强社会责任感。
四、教学重难点重点：学会运用表格实现网页布局，初步掌握网站的策划与构思。
难点：如何在主页制作中实现自己的网站设计构思。
五、教学过程1．教学引入，学习准备教师指导学生访问课堂学习网站（如图1），然后介绍网站的创作构思与特点。
师：这是老师为课堂学习专门设计制作的一个网站，请同学们从“名称贴切、主题鲜明、内容丰富、结构清晰、界面友好美观”五个角度，给网站做个评价，认为都满意就赶快伸出五个手指头。
学生们高举手臂，伸出五个手指。
师：谢谢大家的支持，你们的认可是我创作的动力。
师：通过前段时间的学习，我们已经较好地掌握了素材收集与整理的方法；掌握了一些利用FrontPage软件做网页的基本操作；在欣赏优秀网站的基础上，对网站的策划与构思有了一定了解。
这节课，我们将跟随着学习网站的导航栏，一起揭开创建个人网站的第一页──设计制作网站主页。
小学信息技术教案学习制作简单的网页小学信息技术教案：学习制作简单的网页一、教学目标：1. 了解网页的基本概念和组成结构。
2. 学习使用HTML标签创建网页内容。
3. 掌握基本的网页设计与排版技巧。
4. 能够制作简单的个人网页。
二、教学过程：1. 了解网页的基本概念（10分钟）在黑板上呈现网页的例子，通过问答的方式引导学生了解网页的定义、用途和在生活中的应用。
2. 网页的组成结构（15分钟）介绍网页的组成结构，包括头部、标题、主体和尾部。
通过示范和讲解，让学生理解每个组成部分的作用。
3. HTML标签的使用（30分钟）示范并分步骤教学学生使用HTML标签创建网页内容。
重点介绍标题、段落、列表、链接和插入图片等常用标签的用法。
4. 网页设计与排版（20分钟）讲解网页设计的基本原则，如色彩搭配、字体选择、间距设置等。
并指导学生合理安排网页内容的布局，提高网页的可读性和美观性。
5. 制作简单的个人网页（30分钟）让学生根据自己的兴趣爱好，制作一个简单的个人网页。
学生可以选择展示自己的照片、喜欢的书籍、电影、音乐等内容。
教师可以提供必要的指导和帮助。
6. 网页发布与分享（15分钟）教学学生如何将自己制作的网页保存为HTML文件，并上传到网络空间或通过移动存储设备分享给他人。
强调网络安全和版权意识。
三、教学评价与反馈：1. 个人网页评价（20分钟）学生彼此展示自己制作的个人网页，教师和同学可以根据网页的内容、布局、设计等方面给予评价和建议。
2. 反馈与总结（10分钟）让学生总结所学的知识和技能，回顾学习过程中的困难和收获。
教师收集学生的反馈，为教师教学改进提供参考。
四、教学资源：1. 教学投影仪和电脑。
2. 黑板、粉笔等传统教学用具。
3. 网页制作工具软件，如Sublime Text、Dreamweaver等。
五、教学延伸：1. 鼓励学生进一步学习和探索网页设计的高级技术，如层叠样式表（CSS）、JavaScript脚本等。
【导语】教案是教师为顺利⽽有效地开展教学活动，根据课程标准，教学⼤纲和教科书要求及学⽣的实际情况，以课时或课题为单位，对教学内容、教学步骤、教学⽅法等进⾏的具体设计和安排的⼀种实⽤性教学⽂书。
⽆忧考准备了以下内容，供⼤家参考!篇⼀ 说课题⽬： FrontPage页设计技巧综合运⽤ 专家们、教师们：⼤家好！ 今天我说课的题⽬是：FrontPage页设计技巧综合运⽤ 我的说课将从以下⼏个⽅⾯进⾏： ⼀：说教材 ⼆：说教学⽬的 三：说学⽣ 四：说教学⽅法及实现途径 五：说有关教学设计中的三个引导点 ⾸先说教材： 教材的选取：教材使⽤经全国中⼩学教材审定委员会审查通过，全⽇制普通⾼级中学信息技术教科书，⾼中第三册，第⼀单元FrontPage页设计的总结运⽤课。
这⼀教材由⼴西科学技术出版社出版 本节教学内容所处的地位：是巩固与提⾼学⽣页设计技巧的极好机会，⽽且是教师抓住机会进⾏更精彩、更有意义的教学设计与教学实施的关键时期，我想这点会在我后⾯的教学设计阐述中体会。
接下来说教学⽬标： 基础知识⽬标： 巩固前⾯已学的页设计技巧，⽽且将激发学⽣⾃主去探讨，更多的页设计技巧。
能⼒培养⽬标： 培养学⽣互相合作，共同提⾼的良好品质；⿎励学⽣们在这⼀页设计运⽤课中，充分利⽤络资源，培养⾃⼰主动学习及探究能⼒和综合信息素养。
情感教育⽬标： 如何使信息技术教学成为培养学⽣综合素质的⼀个平台，如何设计除了教会学⽣使⽤⼀些基础软件知识之外的更多的东西，这是我⼀直在计算机课教学中思考的⼀个问题；学⽣情感教育的培养，⼀直应成为我们课堂教学中，不可缺少的重要素质教育⽬标之⼀，所以选择母爱为主题，由此培养学⽣对母爱的理解及体验母亲对⼉⼥平凡⽽伟⼤的爱；另外也为丰富我⾃⼰的情感：我作为⼀名普通的教学⼈员，我希望在我的教学中做我应做的，做我能做的，多探讨，多尝试，丰富学⽣的内⼼同时，我也在其中丰富⾃⼰，并感受更多的快乐。
接下来说学⽣： 学⽣计算机知识背景： 我的学⽣是⾼⼆的学⽣，⾼⼆的的学⽣经过⾼⼀计算机基础知识的学习以后，他们有⼀定的络知识，如何设计⼀个教学环节不仅仅简单让学⽣回顾复习⼀下，⽽是能达到更⾼的层次，下⾯了解⼀下： 学⽣的⾝⼼特点： ⾼中⽣在⼼理和⾏为上表现出强烈的⾃主性，具有很强的⾃信⼼和⾃尊⼼，热衷于展现⾃⼰的⼒量和才能；他们已不满⾜于⽗母、⽼师的讲解，或书本上的现成结论， 学⽣与⽗母的交流： 在⾼中阶段，⾼⽣中的⾃主、独⽴性使他们的个性处于极其张扬与反叛的时期，⽗母与孩⼦的交流往往在这⼀时期成为多事之秋。
《制作框架网页》教学设计方案（第一课时）一、教学目标1. 了解网页框架的基本概念和作用。
2. 掌握创建框架的方法和步骤。
3. 能够根据需求设计并制作简单的框架网页。
二、教学重难点1. 教学重点：掌握创建框架的方法和步骤，能够根据需求设计并制作简单的框架网页。
2. 教学难点：合理布局框架，实现网页的视觉效果和功能。
三、教学准备1. 准备教学用具：计算机、投影仪、网页制作软件等。
2. 准备教学材料：相关图片、文字素材等。
3. 复习上一节课的内容，为新课做铺垫。
4. 设计教学流程，引导学生逐步掌握框架网页的制作方法。
5. 提醒学生注意安全，遵守课堂纪律。
四、教学过程：一、引入1. 自我介绍并说明课程目标2. 介绍网页的基本组成和框架网页的特点3. 引导学生思考如何制作框架网页二、新课教学1. 讲解框架网页的基本概念和制作步骤2. 演示制作框架网页的步骤，包括创建框架、设置标题、添加内容等3. 引导学生尝试自己制作一个简单的框架网页4. 针对学生制作过程中出现的问题进行解答和指导三、实践操作1. 学生根据课堂所学知识，自行制作框架网页，教师进行巡视指导2. 针对学生制作过程中出现的问题进行个别指导3. 鼓励学生尝试使用不同的方法制作框架网页，培养创新思维四、课堂小结1. 回顾本节课所学知识，强调框架网页的特点和制作方法2. 鼓励学生分享自己的制作经验，互相学习3. 布置课后作业，要求学生继续完善自己的框架网页作品，并思考如何进一步优化和改进。
五、课后延伸1. 鼓励学生参加各类信息技术竞赛，锻炼自己的技能和表达能力2. 提供学习资源和学习建议，帮助学生持续学习和发展自己的信息技术能力。
教学设计方案（第二课时）一、教学目标1. 知识与技能：学生能够理解框架网页的概念，掌握创建框架网页的基本步骤和方法。
2. 过程与方法：通过实践操作，学生能够熟练使用框架网页的制作工具，完成框架网页的制作。
3. 情感态度与价值观：培养学生利用信息技术解决实际问题的能力，激发对信息技术课程的兴趣。
网页设计与制作教案一、教学目标1.了解网页设计的基本概念和原则；2.掌握网页设计的基本技能，包括HTML、CSS、JavaScript等；3.能够独立设计和制作简单的网页；4.培养学生的创新思维和团队合作精神。
二、教学内容1. 网页设计基础1.网页设计的概念和发展历程；2.网页设计的基本原则和规范；3.网页设计中的色彩、排版、图像等基本要素。
2. HTML基础1.HTML的概念和发展历程；2.HTML的基本语法和标签；3.HTML中的超链接、表格、表单等常用元素。
3. CSS基础1.CSS的概念和发展历程；2.CSS的基本语法和选择器；3.CSS中的样式、布局、动画等常用属性。
4. JavaScript基础1.JavaScript的概念和发展历程；2.JavaScript的基本语法和数据类型；3.JavaScript中的函数、对象、事件等常用元素。
5. 网页设计实践1.网页设计的流程和方法；2.网页设计工具的使用；3.网页设计实例分析和实践。
三、教学方法1.讲授法：通过讲解理论知识，让学生了解网页设计的基本概念和原则；2.实践法：通过实际操作，让学生掌握网页设计的基本技能；3.课堂讨论法：通过课堂讨论，培养学生的创新思维和团队合作精神。
四、教学评估1.平时成绩：包括作业、实验、课堂表现等；2.期中考试：考查学生对网页设计基础知识的掌握程度；3.期末项目：要求学生独立设计和制作一个简单的网页，考查学生的综合能力。
五、教学资源1.教材：《网页设计与制作》；2.软件：Sublime Text、Adobe Photoshop、Adobe Dreamweaver等；3.网站：W3School、GitHub等。
六、教学进度课时教学内容教学方法第1-2课网页设计基础讲授法第3-4课HTML基础讲授法+实践法第5-6课CSS基础讲授法+实践法第7-8课JavaScript基础讲授法+实践法第9-10课网页设计实践实践法+课堂讨论法第11-12课期中考试复习讲授法+实践法第13-14课期中考试考试第15-16课网页设计实践实践法+课堂讨论法第17-18课网页设计实践实践法+课堂讨论法第19-20课期末项目实践法+课堂讨论法第21-22期末项目实践法+课堂讨论课时教学内容教学方法课法第23-24课期末项目实践法+课堂讨论法七、教学建议1.建议学生提前预习教材，掌握基本概念和语法；2.建议学生多进行实践操作，加深对知识的理解和掌握；3.建议学生积极参与课堂讨论，与同学互相交流和学习；4.建议老师根据学生的实际情况，适当调整教学进度和内容。
《网页设计与制作》课程教案一、教学目标1. 了解网页设计与制作的基本概念和流程。
2. 掌握HTML、CSS和JavaScript的基本语法和应用。
3. 学会使用网页设计软件进行网页布局和美观设计。
4. 能够独立设计并制作一个简单的网页。
二、教学内容1. 网页设计与制作的基本概念和流程。
2. HTML的基本语法和使用方法。
3. CSS的基本语法和使用方法。
4. JavaScript的基本语法和使用方法。
5. 网页设计软件的使用方法和技巧。
三、教学方法1. 讲授法：讲解网页设计与制作的基本概念和流程，HTML、CSS和JavaScript 的基本语法和使用方法。
2. 示范法：通过实际操作演示如何使用网页设计软件进行网页布局和美观设计。
3. 练习法：学生跟随教师的步骤进行实际操作练习，巩固所学知识。
4. 互助法：学生之间相互讨论和帮助，解决学习中遇到的问题。
四、教学准备1. 教室环境：安装有网页设计软件的计算机。
2. 教学材料：教案、PPT、网页设计软件教程。
3. 网络环境：学生可以访问互联网，查找相关资料。
五、教学过程1. 导入：通过展示一些精美的网页，引起学生对网页设计与制作的兴趣。
2. 讲解：讲解网页设计与制作的基本概念和流程，HTML、CSS和JavaScript 的基本语法和使用方法。
3. 示范：教师使用网页设计软件进行网页布局和美观设计的实际操作演示。
4. 练习：学生跟随教师的步骤进行实际操作练习，巩固所学知识。
5. 讨论：学生之间相互讨论和帮助，解决学习中遇到的问题。
7. 作业：布置相关的练习题目，让学生课后巩固所学知识。
六、教学评估1. 课堂参与度：观察学生在课堂上的积极参与程度，提问和回答问题的积极性。
2. 练习完成情况：检查学生完成练习的情况，包括正确性和完整性。
3. 作业质量：评估学生作业的质量，包括对知识的掌握程度和创意性。
4. 同伴评价：学生之间相互评价对方的作品，提供反馈和建议。
