《HTML网页设计技术》教案.docx

《《HTML网页设计技术》教案.docx》由会员分享，可在线阅读，更多相关《《HTML网页设计技术》教案.docx（76页珍藏版）》请在优知文库上搜索。

1、HTM1.网页设计技术教案首页本次课标即:说课授课日期第6周周1授课班级课时1上课地点教学目标能力目标知识目标1 .本课程的任务、性质、目的2 .本课程的教学内在介绍与要求3 .本课程的能力培芥及教学要求4 .本课程的考核要求1 .熟悉本课程的地位与前后课程的掰接关系2 .了解本课程所涉及的网页设计技能能描述本课程在课程体系中的地位及作用重点难点重点：1熟悉简介本课程的教学内容难点:1 .本课程的性烧、目的、任务2 .本课程的能力培养要求蜒或考核能概述本课程的课程要求及教学内容参考资料网页设计M.电子工业出版社2010fCSSavH贞设计开发技术与实例应用，电子工业用版社，son注：表格内容统

2、一用5号宋体填写。教学设计步骤教学内容SW活动（方法与手段）学生活动时间分配告知（教学内容、目的）1、了解课程主要内容、考核方法2,熟悉网站开发步骤讲授设问听讲5分钟引入（任务项目）说课浏览经典网页演示启发提问讨论个别回答5分钟操练（掌握初步或基本能力）I、DreamWeaVer开发平台，2、指导学生配置熟悉平台环境3、创建网页并浏览教师讲解学生操作个别问答策体提示15分钟深化（加深对基本能力的体会）通过案例点评、小组讨论及教材理论大识的讲解，使学生了解站点创建网页设计的含义特点、依据、内容教仲演示要点提示重点讲解个别回答集体讨论15分钟归纳（知识和能力）第一个网页的创隹和浏览步界讲授集体思考

3、个别回答10分钟训练巩固柘展检睑如内自评选出一个全班展示，如仙互评.认识了解Drea三三er开发平台.简单网典并浏览.启发诱导难点提示个别指导个人操作小加讨论5分钟函IU纳本次课所讲的内容，总结要实现的能力目标和知识目标，理点是站点的自建教加讲授听讲5分钟作业根据教学内容制定投习计划后记学生能大致了解本门课程的目的、性成及任务,以及教学内容，能明确课程考核方教学内容一、概述（一）课程性质（课程性质和价值）本课程是高职计算机软件技术夕业的一门主干专业课程。通过本课程的学习，要求学生掌握网页设计的基本慨念，学会使用常用的网页设计工具和常用脚本语言，能鲂设计制作常见的静态和动态网页，具爵网站的建立和

4、飘护能力。同时通过本课程的学，J,培养学生的综合职业能力、创新精神和良好的职业道M,-）课程基本理念本课程的设计”以能力为本位、以职业实践为主线、以项目误程为主体，”教学时各模块盛行独性，又有关联性.独立性是指各模块设计案例、组织教学、丸出曳点时应该相互独立，学生应该个模块个模块地学握其知识点：关联性是指各模块间存在相互美系在,重难点设计上应该加以配合如HRI1.诺吉模块存重基本代码的熟记和编写，时于较难编写代码的“框、架“”层”、“数据法接”等内容则放到marig的的使用模块中Hi点介绍。旧血网页设计技术3决程与计算机基础、向明恸询、PIWtOSh叩图像处理、计克机网络技术、数据库等暧程互相

5、联系、互相补充.本课程作为软件技术专业的一门主干专业课程此时学生已经具备一定的计算机基础知识和动手能力,能较快地京匏网页设计的各种知识，井运用所学知识做出具有特色的网站，使学生能铭得到全面的培养，成为社会所需?用人才。三）课程框架结构、学分和学时分配、对学生选课的建议本课程的设计”以能力为本位、以职业实践为正线、以项目课程为正捣破”/传统的学科体系的揍式.将网页设计职业岗位能力中用到的知识如网：页基批知识、MaBReaVer的使用、MM1.用吉、JaVaSCriP州本语台、Hash、Fin三rks进行整合并模块化.教学时各模块既有独立性,又有关联性.独立性是指各模块设计案例、组织数学、突出理点

6、时应该相互独立,学生应该一个模块一个模块地拿樨共知识点：关联性是指各模块间存在相互补充关系,按理论实践一体化要求设计,强调动手做.张调解决问图.它体现了职业教育“以就业为导向，以能力为本位的职业教丙理念，课程框架结构、学分和学时分配、对学生选课的建议二、课程目标总目标：使学生掌握常用的网页设计工具,熟练运用多种网页设计技术,呢具b务网页设计、制作及站点管理的基本知识和基本技能,学生能好独立制作中小型的网站.-）教学目标：1 .了解、IM1.CSS的定义、概念和作用；2 .理解服务器、客户缆、浏览器的概念和作用;3 .理解HrMI.语言中的各种文本格式、字符格式、段落设置、列表、标记的作用：4

7、.熟练操作DreaaWeaver：5 .理解CSS样式表的作用和.位义；6 .深入理解HIM1.语言的各种功能和应用：7 .深入理解我格、框架、及国的作用：8 .深入理解层的作用：（二）技能教学目标：1 .会使用DreanWeaVer网页设计工具IM作网页;2 .理解ImI1.语仔中的标记设置颜色、文本格式和列货：3 .熟练拿梅旗色侪的配置和背景图案的设置方法.熟练掌提字符、琏接颜色的设置方法：4 .熟练掌握网页设计中字符格式的设置方法,段落分段与换行的方法；5 .掌握f迎的语法结构，掌握HTM1.语言中标记的使用方法：6 .掌握在网页中添加CSS的方法.学握三种添加样式信息的方法会,使用CS

8、S设徨网页格式和列非的格式：7 .学握在网页中嵌入图像的方法,掌握1.j嵌入图像相关标记的用法：8 .掌握与图像布局和位置相关的标记的概念和用法：9 .熟练拿板使用维时和相耐R1.,创建朝铳接、图像链接：学会图像映射的建立方法；10 .熟练掌握衣格的使用方法，会用及格布局并设计网页：11 .掌握框架制作网页的方法，会使用框架设计网页：12 .掌握制作表单的方法，会利用表仪建立交互式页面：=）素质教学目标：1 .具右勃布学习的态度.严连求实创新的工作作风：2 .具有良好的心理素质和职业道德素质：3 .具有高度而任心和良好的团队合作粕裨：4 .具有一定的科学思维方式和判断分析问题的能力：5 .具有

9、较强的视贞设计创意思维、艺术设计索质.三、实施建议（一）教学建议：从f1.11V1.网页设计技术3的实际问翘出发，精心鹿翁各种典型案构例建，课程的宏观教学设计，例如，公司网站、网上鲜花口精、个人网站精选、书籍专卖等.以若干个案例为我体，形成循序渐进、种类笠样的项目群，构健完整的教学设计布局.k教学采用四阶段教学法，将教学、练、做“融为一体，教学体现“教师为主导，学生为主体，训练为主跳”的原则，课堂上可以采用“四阶段教学法”：第1个阶段，案例引入,提出向他。通过案例演示，提出问题，给出知识点，讲解案例应用背景，给学生一个切入点，建立感性认识。目的是派发学生的学习兴速、让学生感到学有所用，从而明确

10、本次课的教学目标。第2个阶段,学生自主学习.尝试解决问遨.充分利用我校以及互联网网络教学费源，引导学生自主学习，找到解决问即的方法和操作技能，培养学生的自主学习意识和学习方法，学生在学习和尝试解决问题过程中，发现问题，提出问题,在问题的引导下学习相关的知识和操作技能.第3个阶段,归纳总结，引申提高。在每次课结束前,引导学生进行IU纳总结.对本次课的实际意义、重点、雄点、容易出情处等及时进行总绪.并H对案例的不足之处进行引申和提高.注意在这件介段强谒的是“引导”学生,而不是老师讲斛.第4个阶段,举一反三、学以致用.案例源于生活，公终要应用于生活.为了使学生能学以致用、举一反三、触类旁通,斛次教学

11、结束时及时布置相关的决后练习使学生在课后进一步更习巩冏.并且将课后作业纳入形成性考核的内容之一.同时给出下次课的学习内容.提示学生预习.2、充分利用现代化教学手段,提高教学效果教学中采用电子演示文稿、大屏延多媒体联机演示、网络教学等各种先进的教学手段，使课堂教学生动活泼、引人入胜.提高J教学效果，同时提高/教学效率.包括：（1）利用多媒体教学系统广播教学,把学生的共同问题（需要提示的重点）地广过播教学”,边讲边演示，使学生即时看到操作效果，利用网络将课堂教学延伸到课外学，生根据需要通过网络学习有关的内在教,师的课件和教学用资料都己都上传到教学资源下就中心，方便学牛.课外学习和史习。（一）评价建

12、议：对学生学业评价提出建议，体现评价的发展功能.I.突出过程评价，以职业岗位工作过程为若评基础以，全学期的教学情境进度为考核时间线以，一个完整的网站页面设计制作项目的驱动，在每个教学情境完成教学之屈，要求学生运用该教学情境所学技能设计制作项目中的相关进度作业（作品），并对其作业（作品进行考核.从而形成阶段性过程考核成绩，该成绩作为总评成镣的JR要如成部份（6占0%）.2 .强调目标评价和理论与实践一体化评价.注重引导学生进行学习方式的改变.3 .强调课程结束后的综合评价，结合全数学过程的过程考核项目对，学生的最终过程考核作品，从策划能力、美工设计能力、制作技术应用能力三个方面进行嫁合评价.从而

13、充分发挥学生主动性和创造力,还要注重考核学生动手能力和在实践中分析问题、解决问题的能力。-I.建议在教学中注至团队协作能力的评分，课程结束时进行综合模块考核.建议以学生自己制作的网站的实际水平作为学生的学习本课程的成绩.教案首页本次课标题：情境一WWW技术基础授课日期第6周周1授课班级课时1上课地点1JD308教学目标能力目标知识目标1、初步认知仲态网页2、熟悉开发工具的使用3,广解河站开发的前沿技术1 .静态页面的主要也成部分2 .开发工具的使用教学任务开发工具的使用案例；电子银行静态页面的登附与注册.重点难点IR点：开发工具的使用难点：站点的建立作业或考核站点的隹立参考资料网页设计M1电子

14、工业出版社2010MCSSQVH页设计开发技术与实例应用，J电子工业出版社，2011注：表格内容统一用5号宋体填写。教学设计步骤教学内容教师活动（方法与手段）学生活动时间分配告知（教学内容、目的）要达到的目的；1、了解忖站和忖页的龙本概念；2、掌樨网页的板面设计：3,掌握网站的策划与网站原则：4、了解网站的开发过程。讲授设问听讲5分钟引入（任务项目）实例1：浏览优秀的网站,对这些1.站的主页进行分析，/解优秀网页的6局结构、色彩搭配、导航栏的设计、画效果等，演示启发提问讨论个别回答5分钟操练（掌握初步或基本能力）对各个网站的怡息内容、网页布局结构、色彩搭配进行分析、说明教伸讲斛学生操作个别回答集体提示15分钟深化（加深对基本能力的体会）网或布局色彩搭配快明教师演示要点提示重点讲解个别回答集体i寸论15分钟归纳（知识和能力）提示和技巧讲授集体思考个别回答10分钟训练巩固拓展检睑组织学生讨论，对所展示的网站发不自己见解启发法导难点提示个别指导个人操作小组讨论5分钟总结HJS1：如何上网浏览网站？同返2：如果不知道某个网站的网址怎样获得该网站的网址或浏览该网站？教师讲授听讲5分钟例根据教学内容制定预习计划后记学生能大致了解本门课程的目的、性质及任务，以及教学内容，健明确课程考核方式教学内容一