网设计和制作说课市公开课一等奖百校联赛获奖课件.pptx

网网制制设设页页作作计计与与第1页主主 要要 内内 容容4课程设置课程设置课程设置课程设置123教材教材教材教材分析分析分析分析教学实施教学实施教学实施教学实施教学单元、方法教学单元、方法教学单元、方法教学单元、方法学生学习学生学习学生学习学生学习分析分析分析分析第2页课程设置课程设置v本课程是电子商务专业网本课程是电子商务专业网络技术方向专业主干课程。络技术方向专业主干课程。是是Adobe企业推出企业推出“网网页制作三剑客页制作三剑客”之一。本之一。本课是集理论与实践于一体课是集理论与实践于一体综合应用课程。经过学习，综合应用课程。经过学习，使学生掌握网站建设基本使学生掌握网站建设基本方法，掌握网页制作工具方法，掌握网页制作工具使用方法和技巧，培养学使用方法和技巧，培养学生管理、设计网站能力。生管理、设计网站能力。第3页课程设置课程设置课程性质课程性质网站规划网站制作网站维护与管理 对对对对WEBWEB设计师和网络美工工作过程进行分解分析，设计师和网络美工工作过程进行分解分析，设计师和网络美工工作过程进行分解分析，设计师和网络美工工作过程进行分解分析，确定该岗位关键能力。确定该岗位关键能力。确定该岗位关键能力。确定该岗位关键能力。将关键能力整合提升为对应课程。将关键能力整合提升为对应课程。将关键能力整合提升为对应课程。将关键能力整合提升为对应课程。构建出以工作体系为基础课程体系。构建出以工作体系为基础课程体系。构建出以工作体系为基础课程体系。构建出以工作体系为基础课程体系。第4页课程设置课程设置前导课程与后续课程前导课程与后续课程计算机应用计算机应用PhotoshopflashDreamWeaver计计算算机机应应用用PS动态网站设计动态网站设计flashDW第5页设计教案案例构建项目模板考评职业能力精选课程内容组织教学活动 以职业岗位为导向，以素质为基础，突出能力目标。以学以职业岗位为导向，以素质为基础，突出能力目标。以学以职业岗位为导向，以素质为基础，突出能力目标。以学以职业岗位为导向，以素质为基础，突出能力目标。以学生为主体，以项目为载体，以实训为伎俩，设计知识、理生为主体，以项目为载体，以实训为伎俩，设计知识、理生为主体，以项目为载体，以实训为伎俩，设计知识、理生为主体，以项目为载体，以实训为伎俩，设计知识、理论、实践一体化课程。论、实践一体化课程。论、实践一体化课程。论、实践一体化课程。全方面培养学生全方面培养学生全方面培养学生全方面培养学生“自我学习能力自我学习能力自我学习能力自我学习能力”，以确保学生连续发展，以确保学生连续发展，以确保学生连续发展，以确保学生连续发展能力能力能力能力课程设置课程设置课程设计思绪课程设计思绪第6页教材分析教材分析v 本课程选取是清本课程选取是清华大学出版社出版华大学出版社出版网页设计与制作网页设计与制作v 本书简单易懂，本书简单易懂，对中职高专学生来对中职高专学生来说都比较适用。说都比较适用。第7页v参考教材有：参考教材有：v1、Dreamweaver 网页设计网页设计v2、Dreamweaver网页设计与实训教程网页设计与实训教程v3、计算机图形图像处理计算机图形图像处理Photoshopv4、Flash网页动画编程网页动画编程v5、网上资料网上资料电子教材电子教材网网络络项项目目自自编编项项目目课件课件教材分析教材分析第8页教学内容教学内容掌握单项技能掌握综合技能掌握知识练成解实际问题技能以企业对网站设计能力需求为导向，以学生感兴趣网站为以企业对网站设计能力需求为导向，以学生感兴趣网站为以企业对网站设计能力需求为导向，以学生感兴趣网站为以企业对网站设计能力需求为导向，以学生感兴趣网站为实例将相关知识点分解到实际项目中。实例将相关知识点分解到实际项目中。实例将相关知识点分解到实际项目中。实例将相关知识点分解到实际项目中。选择实用性、趣味性强教学实例进行分析、讲解。选择实用性、趣味性强教学实例进行分析、讲解。选择实用性、趣味性强教学实例进行分析、讲解。选择实用性、趣味性强教学实例进行分析、讲解。第9页教学实施教学实施v以学生为主体，以教师为主导，以学生为主体，以教师为主导，以详细项目为载体。以详细项目为载体。v课程内容和教学要求以项目任课程内容和教学要求以项目任务为单元来展开。提倡精讲多务为单元来展开。提倡精讲多练、教学做一体化教学模式。练、教学做一体化教学模式。v使学生熟悉软件技术开发工作使学生熟悉软件技术开发工作流程，能完成相关岗位工作任流程，能完成相关岗位工作任务，取得个性发展与工作岗位务，取得个性发展与工作岗位需要相一致职业能力。需要相一致职业能力。第10页教学方法设计教学方法设计重点重点难点难点n 在教学过程在教学过程中，培养学生中，培养学生以客户需求为以客户需求为导向，分析网导向，分析网站格调和功效，站格调和功效，使用适当方法使用适当方法完成对应功效完成对应功效培养学生网培养学生网页设计能力页设计能力以及再学习以及再学习能力和创新能力和创新能力能力第11页Company Logo教学方法设计教学方法设计Learning CycleLearning Cycle练习练习演示演示总结总结理论教学使用案例驱动教学法。概念采取类比法讲解理论教学使用案例驱动教学法。概念采取类比法讲解基于榜样教学方法基于榜样教学方法任务陈说 知识点讲解 教师示范 指导练习 教师点评 第12页 学业基础差学业基础差 学习自觉性低学习自觉性低 厌学情绪大厌学情绪大改变改变“满堂灌满堂灌”情况，贯通情况，贯通“精讲多练精讲多练”标准标准学习准备情况分析学习准备情况分析 重视职业技能训练，重视实践步骤锻炼重视职业技能训练，重视实践步骤锻炼调动学生学习主动性，突出操作步骤，提升学生调动学生学习主动性，突出操作步骤，提升学生动手能力和创新意识动手能力和创新意识学习格调分析学习格调分析学生学习分析学生学习分析第13页情景导入情景导入情景导入情景导入分析讲解分析讲解分析讲解分析讲解举一反三举一反三举一反三举一反三选取学生感兴趣一些个人主页进行演示，引导学生分析页面格调、组成，剖析网页制作基本方法和步骤，指导学生由浅入深掌握网页制作基本方法。情景导入情景导入总结提升总结提升总结提升总结提升学生学习分析学生学习分析第14页这个页面漂亮吗？是怎样做出来呢？情景导入情景导入第15页情况导入情况导入情况导入情况导入分析讲解分析讲解分析讲解分析讲解举一反三举一反三举一反三举一反三经过情景导入法，“教师做，学生模拟”，实现从知识点到实际操作技能转变。分析讲解分析讲解总结提升总结提升总结提升总结提升学生学习分析学生学习分析第16页分析讲解分析讲解怎样规划网站怎样规划网站javaScriptI站点目录就是对站点进行规划，就相当于一套住房首站点目录就是对站点进行规划，就相当于一套住房首站点目录就是对站点进行规划，就相当于一套住房首站点目录就是对站点进行规划，就相当于一套住房首先要分出每个房间用途功效一样。先要分出每个房间用途功效一样。先要分出每个房间用途功效一样。先要分出每个房间用途功效一样。首页文件和各子页文件放在站点根目录下，图片文件首页文件和各子页文件放在站点根目录下，图片文件首页文件和各子页文件放在站点根目录下，图片文件首页文件和各子页文件放在站点根目录下，图片文件放在指定文件夹（放在指定文件夹（放在指定文件夹（放在指定文件夹（images)images)下，各素材分门别类放到下，各素材分门别类放到下，各素材分门别类放到下，各素材分门别类放到对应文件夹中。对应文件夹中。对应文件夹中。对应文件夹中。第17页页面功能、页面风格确定。创建文件和图像文件夹创建文件和图像文件夹编辑文本样式编辑文本样式使用代码制作图文网页使用代码制作图文网页添加文本、空格、图像添加文本、空格、图像简单页面能够用直接输入法制作；也简单页面能够用直接输入法制作；也能够用表格、框架、层和表单来制作。能够用表格、框架、层和表单来制作。（依据需求不一样自主选择）（依据需求不一样自主选择）分析讲解分析讲解网页制作方法网页制作方法第18页情况导入情况导入情况导入情况导入分析讲解分析讲解分析讲解分析讲解举一反三举一反三举一反三举一反三配置与知识点相对应网页项目，配置与知识点相对应网页项目，学生经过项目实习过程后，能牢学生经过项目实习过程后，能牢靠掌握网页制作技术。靠掌握网页制作技术。举一反三举一反三总结提升总结提升总结提升总结提升学生学习分析学生学习分析第19页1.主页中导航按钮最少包含个人介绍，个人主页中导航按钮最少包含个人介绍，个人作品展示，学习园地等。作品展示，学习园地等。请同学们自己做一个个人主页，请同学们自己做一个个人主页，应包含以下内容：应包含以下内容：4.学习园地，包含学习资料和学习经验交流。学习园地，包含学习资料和学习经验交流。2.个人介绍，包含文字和图片个人介绍，包含文字和图片3.个人作品把自己所做个人作品把自己所做PS和和Flash 图片展示。图片展示。举一反三举一反三第20页整体布局可用表格或框架确定各整体布局可用表格或框架确定各功效区大小。功效区大小。导航按钮可用导航按钮可用PS、Flash中设计中设计。个人介绍部分，可直接在大表格个人介绍部分，可直接在大表格框架下套用小表格，也能够使用框架下套用小表格，也能够使用层来插入个人内容层来插入个人内容。个人作品区中，将自己学习作品个人作品区中，将自己学习作品分类拷贝到指定文件夹，使图片分类拷贝到指定文件夹，使图片能正确显示。能正确显示。学习园地，加入自己学习心得或学习园地，加入自己学习心得或超链接到其它学习网页。超链接到其它学习网页。同学们主动思索，各抒己见，得出以下方法：同学们主动思索，各抒己见，得出以下方法：举一反三举一反三方法探讨方法探讨第21页情况导入情况导入情况导入情况导入分析讲解分析讲解分析讲解分析讲解举一反三举一反三举一反三举一反三该阶段是对所学理论与技能一个该阶段是对所学理论与技能一个总结提炼过程。总结提炼过程。总结提升总结提升总结提升总结提升总结提升总结提升学生学习分析学生学习分析第22页50%24%10%16%网站结构网站结构合理性合理性网站功效网站功效实用性实用性网站功效网站功效可维护性可维护性网站界面网站界面美观性美观性50%24%16%10%小组内学生互评小组内学生互评小组间学生互评小组间学生互评教师点教师点总结提升总结提升项目评价项目评价第23页谢谢！谢谢第24页