网页设计教学教案4篇
【前言导读】这篇优秀教案“网页设计教学教案4篇”由阿拉题库网友为您精心整理分享，供您学习参考之用，希望这篇资料对您有所帮助，喜欢就复制下载吧！
网页设计教学教案范文1
本文主要探讨网页设计与网站管理课程教学的现状以及在教学过程中存在的问题，结合部队院校的特点，提出更合理的教学方法建议，寻求一条新的教学思路和教学方法，以便培养出越来越多部队所需要的网页设计与网站管理人才。
关键词
网页设计与网站管理；教学设计；考试方法
1部队院校网页设计与网站管理课程教学存在的问题
部队院校网页设计与网站管理课程的教师水平参差不齐现阶段，部队院校正处于教学改革的重要时期，但是在教学过程中一些院校的教师的教学思想仍然比较守旧，网页设计与网站管理的专业知识和设计思想没有及时更新，在教学过程中没有很好的结合现代化教学方式方法。此外，在教学过程中不能很好与网络信息技术进行整合，特别是不能及时的把军事科技的新知识、新经验融合到网页设计与网站管理教学中。教员滞后的专业知识严重影响了网页设计与网站管理学员的学习热情和学习效果。教学内容不能很好衔接，网页设计与网站管理需要的预备知识比较多，面向对象编程能力、数据库知识、美学修养等都是必须的，而学生在选课时，部分学生没有这方面的预备知识，因而学习起来比较吃力，积极性受到打击。
部队院校网页设计与网站管理课程的教学方法陈旧由于部队院校的教育的发展略慢于地方院校，一些院校网页设计与网站管理的老师不能灵活应用现代教学工具，及时更新授课方式方法。因此在网页设计与网站管理课程教学时，仍然以老师教授为主，更多时候只是照本宣科，缺乏与学员间的互动，教学方法单一陈旧。而使得课堂缺乏生气与活力，从而使得学员们对网页设计的学习非常被动，严重影响了教学质量。（1）多媒体教学方式未发挥应有作用一些部队院校的教师无法发挥多媒体在教学过程中起到的重要作用，在课堂教学中教师将教学内容简单的以教学课件的形式进行展示，不能够根据部队院校学生的需求和网页设计与网站管理专业特点的角度进行课件设计。从而不能很好的提高教学的灵活性和生动性，提升课堂教学效果。（2）理论与实践结合不紧密大多数部队院校教师仍然采用传统的教育模式，教师只针对教学大纲进行授课，注重理论知识内容的讲授，忽略课堂实践环节，对于操作性极强的网页设计与网站管理课程，按照原来的教学模式授课，大大降低了学员的学习兴趣很差难以保证教学效果。虽然在教学过程中也有实践课程，但仅仅是对知识点的简单上机操作练习，没有采用项目教学、案例教学等新式教学方式进行教学，实践教学环节作用不突出，没有达到实践教学的效果。（3）教学内容衔接性差网页设计与网站管理需要的预备知识比较多，面向对象编程能力、数据库知识、图片处理能力、动画制作能力等都是必须学习的，而学生在选课时，部分学生没有这方面的预备知识，因而学习起来比较吃力，积极性受到打击。（4）教学内容和考试方式单一目前在很多部队院校网页设计与网站管理课程的理论考核部分仍然占据较大比例。整个教学过程以教师为中心，学员被动学习，最后只会做老师教的，不能达到举一反三、灵活掌握，导致学员缺乏创新能力和自学能力。在考试方式上，老师为了更好地完成教学任务，主要精力仍然放在学生们的理论知识和试题上。课后作业大部分以理论试题为主，结课考试学员们的成绩达到了院校要求。学员自身学习兴趣、分析问题和解决问题能力都受到挫伤。最终不能实现该课程的教学目标，不能适应部队对网页设计与网站管理需要的人才要求。
2教学设计分析
网页设计与网站管理课程教学特点：知识点多、内容分散、学生学习主动性差。因此，建议采用项目教学法、案例教学法相结合，来调动学生学习的积极性，突出理论与实践结合的重要性。
项目教学法项目教学法是指在教师的指导下以学员为中心的教学方式。教师在学员学习过程中不仅传授学生理论知识，实践操作技能，还要帮助和提高学员解决实际问题的能力，在整个教学实施过程中注重学习的全过程而不是学习结果。尤其是对于部队院校的学员来说让他们掌握整个项目开发的全过程要比设计出一个简单的网页作品更重要。采用项目教学使学员的学习更有针对性和实用性，提高了学员的实践能力、分析解决实际问题的能力和团结协作的能力。与传统的教学模式相比，该模式是从教学目标出发。作为教师，既要讲解网页设计与网站管理相关理论基础知识，还要负责对每个项目组进行指导，检查督促项目进度；作为学员不光要掌握网页设计与网站开发的整个流程和相关专业知识，还要对所做网站的相关内容进行学习。这种教学方法促使学员从被动学习转为主动学习，大大提高了学员的学习积极性。
案例教学法案例教学法从总体上讲是一种归纳模式，课堂案例是来自身边的真实情境或事件，透过此种方式能够有助于培养和提高学员学习的主动性和积极性。案例教学法涉及的层面很广，包括案例选择、案例编制、案例分析和案例评价，每一个层面的好坏都直接决定了案例教学的成败。网页设计与网站管理课程学习需要根据网站所要表达的主题思想设计不同风格的网页，所以包括的知识内容多而散。比如文本设计、图片设计、版面设计、软件知识等。教师应该根据所授课程的教学内容结合部队的相关资料制作出网页案例，并通过组织学员讨论交流等方式对案例进行分析最终掌握相应的理论要点和操作步骤。
考核方式灵活化网页设计与网站管理是一门实践性很强的学科，该课程需要的考核方式不应该仅用传统的理论考试和课堂表现来测评学员的能力素质，应该通过学员自主设计作品的方式来全面反映学员实践操作能力。考核的目标是学员在设计作品过程中的整体构思、基本专业知识的掌握、实际动手能力和综合设计水平的检验，侧重于如何使用现有的网页素材更好的应用到部队的网页设计与网站管理上，最终实现教学目的。
3结论
通过对教学方法的分析和实践，让我们意识到作为部队院校的教师想要更好的教好网页设计与网站管理这门课程，培养出部队需要的网页设计与网站管理专业人才，首先要提高自身的专业水平和创新教学方式方法；其次通过项目教学法和案例教学法的教学方式注重培养学员的学习兴趣，提高学员的动手实践能力和完成整体案例能力；最后要突出部队院校特色，进一步提升学员将部队最新信息与资源融合到网页设计与网站管理中去的能力。有力的提升部队院校网页设计与网站管理课程的教学质量。
参考文献：
[1]段芸。艺术设计专业《网页设计》课程实践研究[D].沈阳：沈阳师范大学硕士学位论文，2013.
网页设计教学教案范文2
关键词 案例教学；计算机网页设计；教学应用；注意问题
传统的网页设计教学，基本都是依据教学大纲的要求，模式化的开展教学课程，这种教学模式严重限制了学生的思维，不利用学生理论联系实践能力的培养，导致理论与实践相脱节，基于这些问题，引入案例教学，根据学生特点以及当前教学要求，科学选择案例，将教学与实际的工作内容相结合，这样才更加符合当前计算机教育培养人才的要求。
一、案例教学模式内涵以及特点
案例教学，顾名思义就是以具体案例为依托，进行网页设计教学，这种教学方法能够帮助学生掌握扎实的基础知识以及具体实践操作要点，根据教学大纲的要求，明确教学目标之后，教师带领学生一同进行实践学习，通过小组合作、探索研究等方式，对知识进行进一步解析和研究，从而不断提升学生解决问题的能力，此外，教师还应该将学生协调沟通能力、工作作风等方面纳入教学计划当中，从整体上提升学生的网页设计综合水平，在大量的实践调查分析后发现，案例教学能够充分调动学生的学习积极性，同时也能够活跃网页课堂教学气氛，在和谐的师生关系基础上，通过形象、生动的案例教学，学生对网页设计课程的兴趣会更加浓厚，学生亲自参与到网页制作的过程中，教师合理的在各个知识点结合案例讲解，学生对这些知识点的理解会更加容易，记忆更加深刻，理论联系实践意识得以强化，实践能力不断提高，教师在案例教学中充当的是引导者和启发者的角色，指导学生学习的方向，提高学生自主学习效率。
二、案例教学在计算机网页设计中的具体应用
1、案例教学设计
案例名称：某旅游公司“一日游”的专题网页设计
（1）企业概况。本次进行的案例教学，以某旅游公司的专题设计为内容，该公司从事旅游资源开发工作，是一家具有民营性质的合法公司，在庐山脚下，四通八达，以“庐山”为景点的一日游独具特色，价格合理，是针对各个群体要求定制的套餐服务，该公司具有自己的宣传网站，属于“三星级”旅游公司。
（2）“庐山一日游”的主题介绍。人们生活节奏加快，身心俱疲，在周末或者是闲暇的时候，去庐山欣赏自然风光，缓解身心疲劳，通过体验大好的自然风光，唤醒人们对祖国打好河山的热爱，
2、主要教学内容
（1）准备阶段。准备阶段，教师要选择合适的案例，提供给学生，学生根据教师提供的案例，设计主题，进行相关资料的搜集，教师要以学生的兴趣、爱好以及学习特点为依据，选择当前的热点问题，以及学生关心的问题、擅长的问题，这样才能保障案例教学的成功。
（2）明确设计主题。教师首先将材料分发给班级全体学生，根据教学目标和公司情况，明确设计主题，要求学生设计具有风格特色，能够具有市场轰动效应的交互性专题网页。
（3）实践分组。班级全体学生共有45人，以9人为一个小组，共分为5个小组，每个小组选择一名小组长，小组内容自行分配文字报告撰写、资料搜集任务，调查时间为半天，讨论研究时间为半天。在整个实施阶段，教师需要全程参与，并为学生解决各种问题，同时教师要积极与各个小组保持联系，检查他们的网页制作情况，发现问题及时解决。
（4）结束阶段。这个阶段，就是总结网页制作情况，分析问题，总结经验的过程中，案例评价可以通过学生自评、教师评价以及小组互评三种方法进行。
三、案例教学落实过程中应该注意的问题
在开展案例教学的过程中，和谐的学习分为良好的师生关系以及科学的知识体系，是促进案例教学成功的重要因素，因此教师应该更加关注这几个方面，为案例教学的实施提供更好的条件。
1、营造轻松、和谐的学习氛围
开展网页设计教学中，和谐氛围中，学生的思维才能够更加活跃，心理上才会产生安全以及自由的感觉，网页设计、资料整理分析的时候，才能够大胆想象，教师在案例教学实施的时候，切记自己只是引导者，在适当的时候给予学生点拨，但是绝不能代替学生思考和设计，教师应该充分发挥学生的主管能动性，让学生独立完成整个案例教学过程。
2、提高教师素质，构建良好的师生关系
若想保证计算机网页设计案例教学顺利进行，需要教师具备知识洲博、经验丰富的特点，这也是教师为学生传递经验和知识的基木条件。因此，教师必须要不断的学习，以便为学生提供丰富的信息。因为只有这样，才能提高教师的影响力和威信，进而提高教学质量和教学效果。除此以外，教师还应全面、多角度的爱护和关心学生，同时融入学生中间，以便更好的感受和体会其内心世界，进而在做好教师的同时，努力成为学生的朋友。
3、建立科学合理的知识体系，选择合适的教学案例
良好的认知体系，是帮助学生快速掌握消化知识的关键，学生具备了认识和适应环境的基本条件，在学习中就可以不断实现知识的平衡同化，其顺应机能也更加优良。但是良好的认知体系并不是一开始就有的，教师应该引导学生建立固有知识与新知识点之间的联系，以教学大纲为依托，开展案例教学，应保证案例具有较强的针对性，且能充分反映教学大纲中的相关知识点。例如，为网页页面进行布局时，可通过表格、框架和层的方式进行，如为食品网站做简图时：为确定网页的主色调，应将背景图片插在第一层中：为给网页增添活力和生机，可将has插在第二层中：将精美食品插在第三层中：为体现饮食文化，可在第四层中搭配相关歌曲：为增强网页的立体感，可在第五层中添加浮动物体。此外，教师应先鼓励学生使用表格布局解决相关问题，尔后引出层的内涵，进而逐步解决问题，直至完成学习任务。
四、结束语
案例教学是目前网页设计教学中，最为有效的一种教学手段，它的应用，突破了传统枯燥、单一的教学模式，解放了学生思维，教学更具针对性，学生真正成为了学习主体，网页设计本身实践性非常强，教学中必须要综合理论与实践两个方面，案例教学符合理论联系实际的教学要求，能够推动网页设计教学质量与效率的提升。本文从三个方面对案例教学在网页设计教学中的应用进行了分析，希望能够为相关的教育工作者提供一些建议和参考。
参考文献
[1] 陈思聪。浅析电子商务案例教学模式[J].教育现代化，2016（10）.
[2] 林丽钗。案例教学在高职教育学中的实际运用[J].科学中国人，2016（15）.
[3] 张善利。试析积极实施案例教学法在会计专业教学中的运用――以中职会计专业为例[J].现代经济信息，2014（22）.
[4] 甄华。C语言案例教学模式在高职教育中的探讨[J].计算机与网络，2015（08）.
网页设计教学教案3
关键词：网页设计与制作，教学设计
中图分类号G642
一、教学目标
完成“心理健康教育网站”的设计与制作，并在网上。在完成上述任务的过程中，学生要学会：
1）掌握网站开发流程
2）学会网页的设计和制作
3）能够正确认识心理健康教育以及相关概念，了解心理教育知识
4）通过开发网站的学习，培养学生创新能力。
5）通过分组合作学习，培养学生的自主学习能力，团结协作能力，问题解决的能力，提高学生的信息检索能力。
二、学习内容分析
以下是本次学习活动的教学内容知识结构图，也是本课程的重点。它是对网页设计全过程的总结，也是最终的教学目标。
三、教学过程设计
1.项目名称：“心理健康教育网站”的设计与开发
2.项目负责人：学习委员张红梅
3.项目的提出：
大家阅读过学校的心理健康报吗？看过几期呢？你们只能看到这学期出版的心理健康报。咱们想一个办法让学生可以随时阅读任意一期的心理健康报。就是设计一个心理健康教育网站。通过这个网站，大家不仅能够查阅校报，还可以学到心理健康教育的知识，全校的师生可以给校辅导员留言。
4.教学活动过程
从学生设计网站的过程中反映出学生已经掌握了网站开发的流程，但是网页设计的基础知识中有一部分掌握的不太好。如：站点的建立，模板的使用，CSS样式表的定义等。在今后的教学中要加强这些知识的学习。
在网站设计过程中遇到了很多问题，师生共同讨论解决。仍然有些没有解决的难题，需要进一步的解决：
（1）在模板的可编辑区域添加内容后，模板的不可编辑区域布局增加，使得表格中的内容和表格间距增大，重新修改模板也不能调整表格间距。
（2）使用了模板的网页中不能添加SPRY构件。
（3）如何解决层起始位置发生移动问题
五、总结
基于项目的学习内容呈现方式很适合网页设计课程的教学要求。充分发挥了学生的主观能动性。学生由被动转为主动，提高了学习积极性。只是学生刚刚接触项目教学法，在制定项目计划时考虑不全面，不明确，造成后期的探究活动目标不明确，容易造成学习混乱。今后在教学中要加强练习项目教学的流程。
参考文献
[1]李龙。教学设计[M].北京：高等教育出版社，2010：415
网页设计教学教案4
关键词： 网页型电子教案 制作 优化
一、前言
随着计算机技术及网页设计技术的发展与应用，教育界正在利用计算机制作电子教案，以取代传统的纸质教案。而在制作各种电子教案的过程中，最优的方法是利用网页设计技术制作，再辅以其它应用工具对其进行优化。
教育部在《面向21世纪教育振兴行动》中提出“形成开放式教育网络，构建终身学习体系”，分三步逐步推进我国信息化教育：第一步是计算机多媒体为核心的教育技术在学校的普及运用；第二步是组织上网，利用网上资料；第三步是开展远程教育，提供广泛的学习资料，不断满足社会终身教育的需求。
随着计算机技术的广泛应用，在中国教育教学信息化的今天，各级各类学校全面要求教师完成信息化的第一步，即以多媒体教学为核心的教育技术应用于教学中。第二步与第三步也在广泛开展，广大教师都在广泛开发各种各样的多媒体课件，各类的教材出版社也都为各自所出版的教材增加竞争的砝码，在出版教材的同时，80%的教材都有增值服务：如配送电子教案，网上在线学习卡，教学及学生自学光盘和其它类似服务。这些正是教育部在《面向21世纪教育振兴行动》中提出的推进我国信息化教育的具体体现。
二、电子教案概念、重要性及常见的制作技术
所谓电子教案就是指利用计算机技术，将教学过程中的大部分内容存储在计算机中，教学过程通过投影仪或网页浏览进行教学或让学生自学。
电子教案在现代信息化教育的今天，具有非常大的重要性，主要体现在如下几个方面。
1.便于电子教案中的各种资源随时更新与修改。
2.便于教学中的各种教学资源如：文字、图片、动画、影片、音乐的高效组合。
3.便于学生复制到家后自我学习，如果将其放在网页上可供学生浏览学习，及其他教师参考。
4.是响应国家创建节约节性社会的需要，可以大量节约纸张。
5.减少教师的重复劳动，提高教师的备课效率，及授课效率。
6.减少教师课堂板书及粉笔使用，还可以减少粉笔灰对教师与学生身心健康危害。
将计算机技术广泛应用于教学中是在Windows95与Office95以后，从而利用计算机技术取代传统的电教方法：幻灯片、录音机、录像带的播放。而广泛采用Word文档和PowerPoint幻灯片的方法，也开始逐步取代纸质教案，而后又开始出现各种动画技术、视屏技术应用于教学中。这一类可以说是计算机多媒体课件。这种可以称之为传统的多媒体技术，是在以教师为主导的教学模式中，借助多媒体的特有表现形式，对教学内容中的重难点部分展开，以发挥传统媒体所不能发挥的作用。教师可利用学校的投影教室，播放的教学软件、图片、视屏、声音、动画、多媒体光盘，用Word电子教案、以PowerPoint制作的幻灯片进行授课。
随着网络技术及网页设计与编程技术的推广使用，网络课件，也可以说是网络型电子教案应运而生，但网页设计技术没有普及，所以90%教师都是用PowerPoint制作的课件，同样，很多教材出版社出版的教材，也有约85%所提供的配套课件是PowerPoint课件，有约10%是教学光盘，只有约5%是网页形式的电子课件。
三、网页设计制作电子教案的优点
网页型电子教案，就是利用网页设计技术及网页编程技术，将教学所用的各种资源融合于一体的电子教案。它是教育信息化的实践前沿、学法教法改革的试验，是网络学习的小型集约化活动平台，不同于PowerPoint一类的课件，优点主要表现在如下几个方面。
1.利于提高教师的教学水平，减少重复劳动。
教师制作网页型电子教案，可以将各种教学资源有效地、有序地整合在一起。网页型电子教案是教师的移动教案，是教师的教学资源库，有利于教师进行教学；有利于教师对教学资源进行修改与补充，进而提高自己的教学水平与能力。
2.有利于学生学习效率的提高。
其一，教师丰富的教学内容、全新的教学形式可以提高教学的质量和学生的学习兴趣。
其二，教师可以将网页型电子教案放到学校的网站上，供学生学习相关的知识；可以将QQ在线代码写在网页中，这样学生就可以在网上与老师进行在线交流，将第一课堂延伸到第二课堂。
其三，学生自学。放在网站上的电子教案，学生可以自学，而这种自学模式则突破了看书或翻阅笔记获取知识的唯一渠道，他们根据自己的需要，在合适的时间、合适的地点、合适的条件下，反复利用网络点播、观看多种资源，包括教师的教案、参考资料等丰富的背景资源，建立一种综合性、创造性、灵活性极强的学习模式。
3.有利于教师同行资源共享。
网页型电子教案放在网站有利于教师同行之间的交流，有利于教学资源的共享，教师可相互促进、相互学习，从而全面地提高教师整体的教学水平。
4.有利于提升院校形象，可作为开发精品课程的基础阶段。
现在高等学校都要求开发自己的精品课程。通过多个院校网上查寻，做得好的精品课程都采用网页形式，这是网页型电子教案的最高形式，所以教师制作网型电子表教案正是精品课程的源泉。
四、网页电子教案的制作基本技术及要求
网页电子教案的主要内容是文字、图片、动画，只有通过超级链接到其它素材上，丰富的内容才可以提高教案的视听效果和教学效果。在制作与设计网页电子教案时要注意如下方法与技巧。
1.网页制作的工具选择。
（1）FrontPage简单易学易用，功能强大，基本操作命令同于Word的操作，有利于广大教师学习与应用。
（2）Macromedia公司的网页三剑客：Dreamweaver具有强大的网页设计功能，是用于专业制作网页的工具软件、但不易精通；Flash用于制作一些网页动画及网页，也可以制作Flash课件；Fireworks用于网页图片进行优化处理。
（3）其它工具。利用相关的工具软件和网页特效。
（4）动态网页技术。可以利用ASP、PHP、JSP等语言编程和用Access、MS SQL、MySQL数据库技术编制动态网页，从而实现交互功能。
2.网页电子教案的组织与规划。
一个成功的网页电子教案，教师的规划能力有相当程度的影响力。网页规划包含的内容很多，如网页的结构、项目的设定、网页颜色搭配、页面版面布局、文字图片的运用等。
3.网页内容的布局。
网页的具体内容可以用表格结构、框架结构表示，Dreamweaver用“层”来进行网页的布局。最好的是用框架结构。用框架结构组织的网页型教案，学生易于浏览，教师易于维护、更新。
4.用网页模板来建立网页。
在网页建立过程中，可以将相同的内容建立网页模板，从而有利于网页编辑与修改。
5.用站点的方式来管理电子教案。
在设计制作网页电子教案的过程中，必须用站点的方式来管理，如文件的移动、更名等操作，否则超级链接的属性就会发生变化。
6.网页交互式设计。
交互式设计可以作为网页电子教案的高级应用，有利于师生、同行教师之间交流，还有利于学生自学与自测。
五、网页电子教案的优化
网页电子教案的优化主要体现在它的高级应用。很多人认为电子教案就是用于教师教学，但作用信息化的今天，教育部在《面向21世纪教育振兴行动》提出推进我国信息化教育进程。网页电子教案的优点就是在于将教案融于网页之中，网页更有利于信息的供享。所以对网页电子教案的优化处理是网页电子教案的重要体现。
1.将网页电子教案上传到院校的网站上，供学生自我学习。
2.通过电子书制作工具，这些工具可通过网络下载。如：eBook workshop，eBook Edit Pro等软件，将电子教案制作成电子书，可以让学生复制到手机中，从而自由地学习。
3.通过网页制作的电子教案，加入一定的网页特效，如在网页中，禁止复制，禁止另存为，这些特效可以从网上搜索，并辅以框架结构，实现一定的版权保护。这种优化处理，特别有利于教材出版社，可以保护版权，也有利于教师教学成果的保护。
4.在上述2、3点的基础之上，还可以对网页电子教案进行打包格式为“EXE”文件，再辅以制作安装程序软件，如安装程序制作专家，可以实现网页电子教案的软件化处理，可以加入安装序列号，制作成需要安装的学习软件程序。
5.教师每一年都可以通过对网页电子教案进行修改补充，制作成程序软件和升级版本，从而取得一定的商业利益，这也是对教师制作优秀电子教案努力的回报。
六、结语
总之，网页型电子教案是一种很好的电子教案制作方法，是推进我国信息化教育改革的必要手段，是一种非常值得广大教师、各级教学管理者、教材开发者及精品课程的开发者进一步探索的制作方法与理念。
参考文献：