前言：中文期刊网精心挑选了网页设计制作教案范文供你参考和学习，希望我们的参考范文能激发你的文章创作灵感，欢迎阅读。
网页设计制作教案范文1
Abstract:The article elaborated the theories foundation, teaching process, teaching case of adoption case teaching method in webpage designing and creation course teaching of design and want attention in the teaching of problem.Pass a the discussion of the concrete case and thinking, induct a student of creation potential.It even don't care can get right answer, it real value of is get case of thinking process.
关键词：案例教学 最终真理 创造潜能 思考过程
Key words:Case teaching;End truth;Create potential;Thinking process
【中图分类号】G642 【文献标识码】A 【文章编号】1004-7069（2009）-06-0147-02
案例教学法符合网页设计与制作课程的教学模式，适用于培养学生的创新能力、分析能力和解决问题的能力。因此将案例教学法引入网页设计与制作的课程教学，可有效地提高学生的学习兴趣，鼓励学生勇于实践，敢于动手，熟悉解决问题的过程，从而有利于学生系统掌握这门课程的知识和技能。
一、什么是案例教学法
案例教学法（Case methods of tdaching）最先运用于法学界，其后运用于管理学界，在教育学界特别是师资培训中得到运用是二十世纪七十年代后的事情，后被引入德国职业教育界。
案例教学法即通过对一个具体教学情景的描述，引导学生对这些特殊情景进行讨论的一种教学方法。
在案例教学中，教师与学生承担着更多的教与学的责任，要求有更多的投入和参与。就教师来说，他有责任去选择和组织要讨论的材料，要从大量的资料中选择出适当的案例。如果手头没有现成的可以覆盖所教内容的案例的话，他还是要自己动手撰写这些案例，并以一定的程序把它呈现出来。就学生而言，他也担负着一定的责任，要对教师所提供的具体事实和原始材料进行分析、讨论。并在教学过程中，每一个个体都需要贡献自己的智慧，没有旁观者，只有参与者。学生一方面从同学间的交流、讨论中提高对问题的洞察力，同时也及时从教师和同学那里获得反馈。在这种情景中，为学生将来的职业岗位设置了一个近乎真实的场景，缩短了教学与实践之间的差距。
案例教学为教师与学生提供的是同样的决策信息，从这些信息出发，不同的观点和解决问题的方案在课堂上交锋，虽然最终也没有确切的结论，但解决问的种种可能性及障碍已经被师生充分地预见和了解到了，而且还得到了大家认真的分析与揭示，并展示了学生不同的思维技术及对问题解决的思路等。
二、案例教学法的特点
案例教育的目的不是把学生培养成只会解释问题的“理论高手”，而是培养学生具有解决实际问题的“智慧高手”，解决“怎么干”、“干什么”的问题。因此案例教学法与其他教学方法具有相同的地方，也具有自己独特的地方。
1、案例教学的着眼点在于学生创造能力以及实际解决问题的发展，而不仅仅是获得那些固定的原理、规则，而是如何用更有效的方式获得知识。
2、学生通过案例教学得到的知识是内化了的知识，并逐渐学会如何处理众多的疑难问题。案例教学是一种“做中学”的形式，它是从经验与活动中获取知识，增进才干。这些知识、才干在案例教学的过程中，逐渐成了学生知识与能力结构的一个重要组成部分，并且与原有的知识、能力加以整合。
3、通过案例教学，学生不仅可以从中获得认知的知识，而且有助于提高表达、讨论的技能，增强面对困难的自信心。
4、案例教学大大缩短了教学情景与实际职业情景的差距。学生在学的过程中，就能设身处地的从实际的场景出发，设想可能遇到的种种障碍，自己有可能产生的种种偏见，解决问题的多种可能方案。一旦他们走上工作岗位，上手就快，与企业磨合时间就短。
5、案例教学的测评与传统测评不同，案例教学的测评是一项难度极大的工作。它不以卷面测试为唯一形式，而是涵盖个人准备的情况以及小组讨论、全班讨论的参与程度等。因而测评方式多种多样，因案而定、因情况而定、因预期目标而定。
6、案例教学具有适时性特点。支撑案例的管理、决策以及教学的原理可以是恒定的，但展示的情景必须与时代和实际职业情景相适应。
三、案例教学法的教学设计案例
（一）、案例名称：九江麒麟旅游公司“庐山一日游”专题网页设计
（二）、总体背景介绍
1、企业概况
九江麒麟旅游公司是江西省九江市的一家专门从事庐山旅游资源开发和提供旅游服务的民营性质的合法公司。该公司坐落于庐山脚下，交通方便，价格合理，提供符合不同群体要求的套餐服务，有自己的宣传网站。通过2008年旅游质量评比，获得“三星级”优质服务旅游公司。
2、庐山一日游专题介绍
由于人们平时工作繁忙，双休期间，出现两种现象：有家庭的人群普遍反映家庭琐事较多，只有一天时间闲暇；未成家的人群普遍反映社会应酬较多，也只有一天时间闲暇。为此，九江麒麟旅游公司提出“庐山一日游”的项目。注：该项目具体材料另外展示。
3、市场现状
在九江市从事旅游服务的公司多达20余家，其中有5家获得“四星级”优质服务称号，8家与该公司同时获得同等殊荣，全省获得如此殊荣的公司近50家，其他旅游公司更是数不胜数。九江麒麟旅游公司在强势旅游企业的夹缝中获得一息生存空间，但公司老总志在挽救企业颓势，强力推行“庐山一日游”项目。
（三）、主要工作
1、根据公司目前情况，设计一个科学合理、风格奇异、具有市场轰动效应的交互性专题页面。
2、就大家所调查的内容进行多种形式的展示和交流，提出问题，解决问题（提交文字报告和网页设计初步方案）。
（四）、分组调查及时间要求
1、按全班40人的规模，每8人一组，分为5组，并自行选出组长、资料搜集员、文字报告撰写人、网页设计初步方案拟稿人。
2、五组顺序分为1、2、3、4、5组，去相应的专题网站进行调查。
3、半天调查，半天展开讨论。
四、案例教学法在网页设计与制作课程教学中存在的问题
1、忽略了学生综合能力的培养，仍停留在知识传授的层面上。基于高职高专类人才的培养，是以第一线最需要的高技能专门人才为方案，历来存在着传授知识与学生接受能力成反比例问题。案例教学应该弥补学生实践锻炼的相对不足，促使学生真正成为综合运用知识的通才。
2、把案例教学等同于教学案例，没有抓住案例教学的真谛。案例教学应该是一种科学、有效的学习方法。真正有效的学习，并不是对前人经验的照搬、抄录和背诵。其关键是要立足于对前人经验的深入分析，从中汲取正确的立场、观点和方法，用以解决不断出现的新问题，并在解决问题的过程中验证、发展和深化前人的认识，从而超越前人。案例教学的可贵之处，正是在于它从来自社会实践的案例中的问题出发，启动自身的教学程序，而在每一教学系统过程的末尾，又重新归结到问题的解决之上。与传统的“从概念到概念”的灌输、填鸭式教学方式相比，已显示出它促使学生尊重社会实践、理论联系实际和科学有效学习的极大优越性。
3、教师与学生的“角色”没有根本改变。在案例教学过程中，教师的“角色”应该发生根本性的变化，不再是站在讲台之上，滔滔不绝地分析概念和做出结论的讲演者与评论家的形象；而是要“隐居”幕后和深入到学生之中，通过启发和诱导，促使他们走向探讨未知、陈述己见和获取真知的教学前台。这样的换位，有利于教师转变教风，促使教学相长，并可深入地了解受教育者的状况，做到因材施教，虚心向受教育者学习，促使具有良好学风的新一代人才迅速成长。
4、形式单一，缺乏“自由”的讨论与分析，不利于学生创新能力的培养。案例教学的基本方式是在学生与学生之间、学生与教师之间，展开各种各样的分析讨论，以此来深化每一个人的思想认识，积累丰富的科学理论知识。案例教学要有利于学生在问题的切磋、琢磨中明辨是非，加深对知识的理解；要有利于学生在概括和表达自己观点的过程中，以自己特有的逻辑思维方式和个性语言结构，真正接纳和融会知识；要有利于学生发现问题，提出解决办法，迸发智慧的“火花”；要有利于培养学生的交往能力和团队精神。
参考文献:
[1]张桂华.案例教学法在计算机教学中的应用[M].天津市财贸管理干部学院学报,2006(1)
网页设计制作教案范文2
一、学生教育：
1、学习贯彻《思想道德》，观看教育光盘；
2、确定个人劳动实践岗；
3、搞好期中操评量化及考核；
4、表彰10月份文明学生标兵；
5、安全、法制教育;
6、举办手抄报和网页设计竞赛。
二、班主任工作：
1、青年班主任积极参加主题班会创优活动，（完成班会方案和课件）；
2、做好期中后的稳定和小结工作；
3、组织好班委选举或改选工作；
4、组织好期中学生操行评定量化工作；
5、完成学校交办的各项临时性任务。
《手册》重点检查：月计划、班校会、家访、学生社团活动、记事等部分。
三、年级组工作：
做好年级期中总结分析工作；
组织一次本年级的家长学校授课活动（交一份教案）；
完成学校交办的各项工作及临时性任务。
四、教育处工作：
1、组织好学生操评、考核、入冬前的安全教育；
2、组织好创优主题班会的听课、评比工作；
3、做好期中前文明班级评比情况的小结工作；
4、组织好手抄报及网页设计制作竞赛；
5、完成处内及上级布置的各项工作。
一、指导思想：
以培养有健全人格的合格公民为重要目标，大力加强思想道德和法制纪律教育，积极推进德育现代化工程建设，围绕上级工作部署和学校工作计划，以德治为基础，以法制为保障，加强和改进学校思想政治工作和德育工作，以培养“爱国守法、明礼诚信、团结友爱、勤俭自强、敬业奉献”的合格学生为目标，强化学生的公民道德意识，“五爱教育”、法制教育、安全教育，特别是行为规范的养成性教育，认真探索新形势下的思想政治教育的新路子；加强班级年级的管理，努力提高全校学生的思想道德素质，使我校德育工作不断迈上新台阶。
二、工作总目标：
1.加强道德和文明习惯的养成教育，通过评选“文明规范学生”、“文明班级”、“优秀学生”、“优秀学生干部”，“优秀团员”等活动，以点带面，继续推进中学生行为规范建设，使广大同学明确道德规范，培养道德行为，增强道德修养，学会道德评价。
2.加强法制纪律安全教育，各项教育活动做到制度化、阵地化、社会化，确保在校学生安全无重大事故和违法犯罪。
3.建好学校、社会、家庭这一强有力的德育网络。
4.完成校园文化环境布置，增强育人氛围。
5.在各项德育活动中争先创优，争取优秀成绩。
三、主要措施
（一）加强思想道德教育，严格德育常规管理，全面提高青少年学生的思想道德素质和促进良好的卫生习惯。
1.认真扎实地搞好文明行为习惯的养成教育，使广大同学人人明确道德规范，各班制订出文明公约，要求做到：平时不说脏话，不打架骂人，不欺侮弱小学生，不迟到早退，不旷课逃学，不乱抛果壳纸屑，男生不留长发，女生不化妆不戴首饰，不吸烟喝酒，不抄作业考试不作弊，不看不听非法出版物和音像制品，远离网吧。在同学之间开展批评与自我批评，对照规范检查自身和班内、有哪些不文明行为。根据存在的问题制订整改意见。提出具体措施，对普通性问题学校组织集中整顿，同时，树立文明行为示范学生、示范班等榜样，起示范带头作用。
2、加强监督检查评比机制，平时由团委、学生会组织文明监督岗，进行值勤，政教处组织人员进行每日的常规检查和不定期的检查，评选“卫生红旗班”
3、加大法制教育力度，预防和杜绝学生违法犯罪。 经常与镇综治办、派出所、法制副校长联系，聘请有关人员进行法制教育报告，组织观看爱国主义题材影片。
4、坚持正面引导，杜绝体罚、变相体罚，塑造学生健全人格，有体罚现象实行考核评优一票否决制。
（二）、以“爱国、爱党、爱社会主义、爱人民、爱劳动、爱科学、爱学校”为重点，坚持搞好“阵地育人工程”。
1、围绕学校的工作重点，定期办好宣传栏。
2、、继续坚持升降国旗制度，搞好升旗仪式，坚持开展好“国旗班”活动。
3、定期检查各班的文化建设，发挥文化建设的育人功能，并配合其他处室做好学校的文化建设，
（三）、以“创建十无文明班级，培养合格学生”为重点的课堂主渠道的“课堂育人工程”。
1、按计划、按要求认真备好班会课。
2、要按时上好班会，其他课不得占用。
3、要不定期的检查班会情况，
4、本学校期主题班会的主要内容：
（1）对学生进行思想道德教育。
（2）行为规范教育。传统礼仪教育
（3）法制教育。
网页设计制作教案范文3
关键词: 数字化学习；教学网站；网络教材；课程整合；网站设计
文章编号：1005－6629(2007)04－0050－03中图分类号：G633.67 文献标识码：B
教育网站作为教育信息化的产物目前得到了空前发展，各类教育教学网站如雨后春笋般涌现出来，但是与基础学科课程教学相适应、与课程教材相配套的教学网站则较为缺乏。因此，充分利用网络技术，建立与基础学科课程教学相适应、与课程教材相配套的教学网站，从而为数字化学习提供有效的学习资源和环境，已成为当前的迫切任务。
1 数字化学习资源――教材配套网站的建设
教材配套网站作为一种数字化学习资源，是教材和教学的辅助网站，其结构应以获取知识、开发技能和培养能力为目标，既不能做成书本的搬家，也不能单纯提供信息浏览和下载，而应充分考虑其教学功能，因此其设计应本着科学性、实用性和开放性的原则。
1.1 数字化学习资源――教材配套网站设计的理论基础[1]
网络教材的超文本形式，使学生在学习时间和内容上有了充分的选择余地，他们可以根据自己的知识基础和学习兴趣自主选择学习内容。网络教材这一特点很符合建构主义教育理论,即知识不是通过教师讲授得到的，而是学习者在一定的情境下，借助其他人(包括教师和学习伙伴)的帮助，充分利用各种学习资源(包括文字教材、多媒体资源以及从网上获取的各种信息等)，通过意义建构获得。
建构主义学习理论强调学习环境的设计（包括情境的创设、资料搜集与整理及组织协作性学习）和自主学习策略的设计（如支架式、抛锚式、启发式、自我反馈等）。传统的教室和教学方式很难建构上述的学习环境,而教材配套网站可以方便地构建上述的学习环境。因此，在建构主义学习理论的指导下，教材配套网站的设计应强调问题情境的创设,强调在教学过程中的师生交流、生生交流, 强调利用多媒体手段为学生提供各种相关信息和资源。
1.2 数字化学习资源――教材配套网站设计的原则
凡事都有原则，教材配套网站的设计也不例外，一个优秀的教材配套网站的设计应考虑下列几个方面[2]：
(1)服务教学原则。既要注意教学内容的系统性和先进性，又要关注学生的个性化学习需求和能力培养的教学策略设计。
(2)开发性原则。课程内容、练习、在线考试等都要能方便地进行修改和更新，保持对最新知识发展的动态追踪，实现“开放式教材”, 以适应科学知识迅速更新换代的要求。
(3)多媒体和智能化原则。网络教材的多媒体化主要体现在图像、声音、动画等多种媒体的整合上,以实现多种感官的综合刺激，有助于知识的获取和保持。智能化是利用人工智能技术解决教学内容中的各种问题，如在线测试、在线论坛和虚拟实验室等栏目。
(4)简明性原则。教材配套网站的主要功能是为教学服务，因此设计时应以教学为中心，版面布局、颜色、字体要简洁明了，网站导航要清晰明了。
(5)易用性原则。网络教材的人机界面设计要具有人性化和简便化，力争任何人只要会上网就能够方便地用它来进行学习或下载所需的资源。
(6)交互性原则。提供一个交流论坛，以方便师生之间、教师之间以及学生之间的交流。
1.3数字化学习资源――教材配套网站的界面设计
教材配套网站的界面要简洁明了， 操作要简便，如采用鼠标点击、下拉菜单选择和超级链接跳转等方式简化操作， 利用新开窗口、加入收藏夹等方式方便学习者随时进入教材的某一内容学习，设置功能提示方便学习者随时了解某一具体模块的功能等。例如北京科学、广东教育出版社出版的《化学（九年级）》教科书的配套网站“化学网上课堂”网站( 省略/) ，其界面的设计见图1。
网站界面的设计主要包括网站的整体规划、主页的设计、网页色彩的搭配、字体的设置和表格的应用几个方面，如图2所示。
网站的界面设计网站的整体规划主页的设计网页色彩的搭配字体的设置表格的应用
网站的整体规划主要包括确定网站的栏目和组织网站的结构。
首先，确定网站栏目。在建设一个网站之前，最好先有一个提纲，考虑好各个栏目以及如何把它们有机地联系起来。通常可以根据下列几个原则来安排网站的栏目[3]：(1)紧扣主题。将你的主题按一定的方法分类并将它们作为网站的主栏目。(2)设一个最近更新栏目。如“新闻快递”这类栏目，这样不仅给常来的访客带来了方便，同时也让你的主页更具有人性化。(3)设定一个可以双向交流的栏目。如交流论坛、留言本等，可以让浏览者留下他们的信息。
其次，确定网站的结构[4]。网站结构主要包括内容结构、目录结构和链接结构。内容结构可以根据网站的栏目来确定。
目录结构是指建立网站时创建的目录。虽然网站的目录结构对浏览者并无影响，但对于网站本身的上传和维护及今后内容的扩充有重要影响。目录结构的创建应遵循以下几个原则: (1)尽量减少根目录文件的存放数；(2)按栏目内容建立子目录；(3)在每个主栏目的目录下建立独立的resources子目录存放图片、视频和flash等资源；(4)不要使用过长或中文的目录名，要注意文件名的大小写，因为很多主页所在的服务器系统(如UNIX系统等)对文件名的大小写是有区分的；(5)建立的目录层次一般不要超过3层。
链接结构指页面之间相互链接的拓扑结构。教育网站通常采用网状链接结构，即每个页面相互之间建立链接，方便用户随时返回自己想要的页面。为使浏览者不会“迷路”，可以在每个页面设计“返回首页”按钮和“网站导航菜单”等，这样在表现网站服务意识的同时又在结构设计上体现了网站的统一性。
1.3.2主页的设计
主页是读者进入网站的第一个窗口，它的作用好比一本书的封面，因此主页的设计应以醒目为主，能够令人一目了然。其设计要注意下列几点:(1)简洁明了。主页是吸引用户注意的关键所在，设计上要以清楚醒目为上，不要过于繁杂。(2)主题突出。一个网站要向读者宣传什么和介绍什么，必须在主页明确地表现出来。(3)打开快速。一般来说，主页的下载时间超过10～15秒，很多用户就会失去耐心，为了提高浏览速度，要尽量减小首页的数据量，特别要注意图片的大小。 (4)易于漫游。主页可以使用弹出式导航菜单或提供该网站完整的导航图，使浏览者的浏览更方便快捷，能迅速定位到其感兴趣的页面上。(5)更新及时。应时刻确保主页提供的是最新信息，如可以在主页提供一个类似“新闻快递”的栏目等。(6)一级页面的显示尽量采用新建窗口的形式，这使浏览者在等待页面下载的同时还可继续浏览其它内容。如“化学网上课堂”网站的主页设计，见图1所示。
1.3.3网页色彩的搭配
颜色和色调是最具情绪化、最具感染力的视觉元素，也是最具文化色彩的元素。选择网页色彩的总原则是“总体协调，局部对比”，在做到吸引学习者注意力，突出差异的同时，又不至于使浏览者的视觉容易疲劳。
一般情况下，一个网站应该有一种或两种主题色，这样既可以避免浏览者迷失方向，也不至于单调、乏味。网页常见配色方法有：(1)用一种色彩。先选定一种色彩然后调整其透明度或饱和度，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。(2)用两种色彩。先选定一种色彩，然后选择它的对比色，如用蓝色和黄色，这样可以使整个页面色彩丰富但不花哨。
1.3.4 字体的设置和表格的应用
网页中字体的设置要注意下列几点: (1)字体不宜过多，最好使用windows系统自带的字体，因为字体的显示效果是由浏览者的浏览器决定的；(2)特殊字体，最好把其做成图片；(3)字体的字号、字距行距和文字的颜色要适当；(4)不同内容的字体要有所区别，需要突出的地方可以用不同的字体、字号和不同的颜色表示；(5)可以使用CSS层叠样式表处理文字效果。通过层叠样式表编辑好一个CSS文件，并在其它页面中调用它，就可使所有调用它的页面具有统一的风格。要改变风格时，只需修改此CSS文件即可,这样既可以保持整个网站页面风格的统一，又可以加快网页的下载速度和方便以后的维护、修改。
另外，合理的运用表格控制文本和图像在网页上出现的具置，而不用担心不同对象之间的影响，从而使整个网页看上去紧凑、统一。
1.4 数字化学习资源――教材配套网站的内容设计
教材配套网站的内容设计既要注意其对象的特定性、内容的整合性、功能的综合性等原则，也要把握好其相关度、整合度和扩展度。相关度是指教材配套网站的内容与教材或课本相关的程度；整合度是指对教材配套网站的综合、加工、处理水平的程度；扩展度是指教材配套网站在扩大知识面、丰富素材资料、增加学习功能等方面的程度[5]。
根据教科书和教学目标，科学地选择网站的内容。在确定网站内容后，可以按教科书章节的顺序呈现内容；也可以根据学科特色，将内容分成若干知识点，分析这些知识点的内容是属于概念、事实、原理、问题解决的哪一类，然后按照知识的类别来呈现内容。
为了吸引学习者的注意力，激发学习者的学习动机，提高学习效果，网站内容的设计要注意以下几点[6]：（1）情境性。网站内容无论任务还是问题的提出，都不能是抽象化、简单化和脱离背景，而是要通过多种表征方式，在一个近似真实的、复杂的情境中产生。（2）建构性。内容的设计要有利于学生主动进行知识的建构。（3）动态性。网站中的内容要在学生学习过程和人际交往互动中不断调整、更新。（4）直观性。对于抽象和复杂的内容，可以通过运用图文声像等多媒体表现形式将抽象的问题具体化、理论的问题事例化、生活化。
2 展望
Internet及网络技术的飞速发展，使与课程教材相配套的教学网站应用前景非常广阔，这对基础教育各学科课程教学带来巨大影响：(1)为学生的探究性学习、自主性学习和协作性学习创设了情境，有利于探究性等新教学理念和教学方法的推广和应用；(2)为教师能把课本知识与探究性的教学方法溶于教学过程提供条件；(3)为教师的备课提供素材，让老师有更多的时间、精力来构思和设计教案，提高教学质量和教学效果；(4)通过教学网站的交流论坛，教师可以及时获得学生的反馈和改进的意见，既具有教与学的功能，又具有提高教学方法和教学质量的功能。
计算机和网络技术的不断发展，信息技术与课程的不断整合，将会增强教材配套网站资源的广泛性和实用性， 人机交互的及时性和多样性。进一步研究学生和教师对多媒体网络教材的需求，不断发展中学教材的配套网站，将会给中学课堂的教与学注入新的活力和生机， 为教学内容的呈现方式、学生的学习方式及教师教学方式的改革提供保障。同时，这也将会成为学生学习和教师教学的一个有力的助手， 有利于网络教学真正走进课堂、走进学生自主学习新天地的开辟。
参考文献:
[1]林炯.化学数字化学习的构想与实践[J].中学化学教学参考,2004(5):18～20.
[2]赵航涛.建立学科教学网站的探讨. 6green.tjut.省略/content/news/dynamic/ news/487.htm[OL].2005-8-9.
[3]李同中,阎伟杰,晋建设等.网页设计制作技巧[J].河南气象,2004（1）:41.
[4]李晓梅.浅议教育网站的策划[J].中国电化教育,2005(5) :89～92.
