浅谈“网页制作”之网页版面的教学设计

来源 :课程教育研究·中 | 被引量 : 0次 | 上传用户:mnwang2008
下载到本地 , 更方便阅读
声明 : 本文档内容版权归属内容提供方 , 如果您对本文有版权争议 , 可与客服联系进行内容授权或下架
论文部分内容阅读
  【摘要】相同的课程采用不同的教学方法,会有截然不同的教学效果。针对《网页制作》这门课程综合性、理论性和实践性非常强的特点,为了让学生更好的理解和掌握网页制作的知识和技能,从而取得良好的教学效果,文章从教材分析、教学对象分析、设计思路、教学目标、教学重难点以及教学过程和评价阐述这门课程教学设计思路。
  【关键词】网页制作 任务驱动 小组分工合作
  【中图分类号】G42 【文献标识码】A 【文章编号】2095-3089(2013)06-0252-02
  《Dreamweaver MX2004中文版网页制作基础》是中等职业技术学校计算机网络方面的一门主干专业课程,它的操作性与实践性特别强,深受学生欢迎。为了更好的让学生掌握网页制作的精髓,教师应该经常关注且精心设计课程教学方案,笔者结合“重庆幼专招生信息查询”网页这个具体的实例,探讨这一问题。
  一、教材分析
  我校选用的教材是《Dreamweaver MX2004中文版网页制作基础》,它的最大特点是采用“任务驱动,案例教学”的形式,充分考虑了中等专业学校教师和学生的实际需要,通过具有趣味性的实例来讲解网页设计与制作方面的应用技巧和基本方法,使教师教起来方便,学生学起来实用。
  在学习本课程之前,学生已初步掌握了英特网相关基础知识,计算机硬件组装与维护,数据库设计与应用,Office办公软件的应用,Photoshop图形图像处理,FLASH二维动画设计,3dmax三维动画设计等内容。因此,学生已经具备了收集、获取和编辑文本、图像信息的能力,我们应把重点放在网页信息表达能力方面(比如,在版面美化、文字内容的表达、图片的内涵),加强学生的信息意识,提高处理信息的能力;本书第四章中以“我的个人主页”为案例设计给同学们丰富的想象空间,迎合了学生善于展现自我的特性,促使他们主动、创造地学;网页设计效果的评价能使学生了解内容编排的原则,页面布局的种类,色彩的搭配,内容和形式的统一等,提高他们的艺术修养和审美情趣。
  在教材内容的编排上,抓住了预备知识——环境的设置——网页元素(如文本、图像、表格、表单)——框架——CSS样式——模板和库——代码设计——网页的发布与维护这条主线,以贴近生活的项目实例,使学生从总体上把握了网站的设计开发。
  二、教学对象分析
  本课程教授对象是中等专业学生,他们对操作实践性较强的课程学习积极性明显高于纯理论知识的学习,特别是《网页制作》这门课程,在当今时代,它与我们的生活息息相关,再加上它的界面融合了文本、图片、动画、音视频等一体,使学生产生极大的兴趣,激化学生对网页实现原理和方法的欲望;在学生已掌握办公文字处理、图形图像处理、动画制作的基础之上,教师在教学过程中要注意引导学生将所学知识应用到网页制作,同时也达到巩固旧知识的目的;教师要实时监控学生分组协作学习情况,鼓励多交流,并总结心得与体会,使协作学习真正走向成熟。
  三、设计思想
  制作“重庆幼专招生信息查询”网页,带有一定的综合性,它真实再现网站设计理念。因此应将项目任务分解,采用小组之间相互协作学习方式是非常必要的。根据网站建设项目的特点,将项目任务分成网站总体规划设计、网站运行环境的配置、网页版面的布局、图形图像的处理、文字内容撰写等,每个小组就是一个完整的开发设计团队,由5-6人组成,每小组成员在组长的统一指挥下,完成相应网页元素的加工处理,这样可以充分调动每个同学的积极性,发挥每个同学的特长,培养每个同学的团队意识,达到取长补短、相互促进,共同完成并组合成一个“重庆幼专招生信息查询”网页。最后,各小组作品实现互评,并指出各自的优缺点。
  四、教学学习目标
  本单元的认知、情感和动作技能三种目标分述如下:
  认知目标:
  (1)能熟练应用表格布局网页。
  (2)能独立分析常见网页版面布局。
  (3)能熟练应用文本插入、图片的编辑和表格的绘制。
  (4)能客观评价网页的内容和风格,具备一定的审美能力。
  情感目标:
  (1)通过课堂中出现的网页,渗透爱党爱校教育。
  (2)具有乐于助人、团结协作的精神。
  技能目标:
  (1)能模仿网页进行实际网页的制作。
  (2)能在网页中熟练地插入文字、图片、动画、水平线。
  (3)能使用简单的表格编排网页内容,使网页的结构清晰,内容整齐。
  (4)能选择合适的网页背景图案和背景音乐。
  (5)能够插入简单的表单,使网页具有初步的动态交互功能。
  五、教学重点
  掌握网页布局,表格的制作与编辑方法、表格的嵌套和属性的设置;熟悉网页的各种元素。
  六、教学难点
  分析网页布局、色彩搭配。
  七、教学过程
  本单元的教学共需2课时,教学安排如下表:
  “重庆幼专招生信息查询”网页
  八、教学评价
  本节课的教学评价主要根据下面的网页作品评价量化表来进行,由学生自评和教师打分反映学生的学习状况。
  结语:在此二节课的教学中, 利用多媒体中实例网页,备好教学课件和教学素材,围绕实例,使学生掌握网页的布局,表格的制作与编辑方法、表格的嵌套和属性的设置;熟悉网页的各种元素等。通过实践操作课程环节,加强技能培训,让学生学会举一反三,融会贯通,提高综合运用能力,增进学校与社会的密切联系,培养学生的社会责任感。同时通过实例网页在课堂教学中渗透学生爱党爱校的情感教育。此二节课提高了学生的专业技能水平,让学生真正地学有所得,学有所用,顺利地完成了教学目标,取得了良好的教学效果。
  参考文献:
  [1]田博文主编,Dreamweaver MX 2004中文版网页制作基础,人民邮电出版社,2006
  [2]刘启珍,杨黎明 主编,学与教的心理学,华中科技大学出版社, 2012
  [3]钟启泉总主编,祝智庭主编,信息教育展望,华东师范大学出版社, 2002
  [4]张春晓主编, 网页制作与网站建设宝典,电子工业出版社, 2012
其他文献
【摘要】以职业能力培养为本位,本文探讨如何构建专业服务性明确的高职药用基础化学课程,笔者从实践教学和理论教学两个角度探讨了课程改革的具体思路。  【关键词】高职教育 基础化学 课程改革  【基金项目】天津市高等职业技术教育研究会2012年度课题,基于高职药品(药学)类专业职业岗位需求的药用基础化学课程优化与整合研究(课题编号Ⅻ365)。  【中图分类号】G42 【文献标识码】A 【文章编号】209
【摘要】本文以潍坊职业学院网络技术专业为例,结合高端技能型人才培养的要求,从人才培养方案的修订、人才培养模式的改革、课程体系的建设以及校企合作的推动等多个方面对高职网络技术专业高端技能型人才的培养进行了深入的探索。  【关键词】学岗互通 分段递进 五环联动  【中图分类号】G71 【文献标识码】A 【文章编号】2095-3089(2013)06-0248-02  随着3G、云计算、物联网等技术的迅
同样的教材,同样的学生,为什么教学效果截然不同呢?凡是一位想把教学搞好的老师,对这个问题是不能不用心琢磨的,在此谈点自己的肤浅认识,愿和同行们共同研讨商榷。一、更新观
该文介绍一种安装于无气垫冲床上的冲模通用弹顶器。它结构简单,使用方便,通用性好。
【摘要】据研究型大学课程教学改革的需求,本文探讨了动物细胞工程实验教学的改革模式,通过教学形式包括实验方案设计、操作注意事项、报告论文撰写及实验问题分析与总结等教学环节的实施,在教学内容、组织方式手段以及与科学研究结合等方面进行了全面改革,同时分析了此种改革模式下的教学质量和效果的评价以及此种教学模式存在的问题与改进措施,以提高学生的实际操作技能和科研创新能力,为动物细胞工程实验教学方法改革提供借
从1918年北京大学发起全国性歌谣征集活动至今,民间文学作品的搜集整理编选已近百年。百年间,民间文学作品汇选本汇选缘由、形态等多有变化。作为一种文本形态,它们历史地记
道路桥梁工程是我国的基础工程,做好这一基础工程的维护是一项非常重要的工程。在我国道路桥梁工程中,还缺乏对道路桥梁病害成因的分析,在桥梁加固技术施工方面还需要加强研