《网站标志设计与制作》

PAGEPAGE2《网站标志设计与制作》教学设计授课教师：刘向荣课型模拟项目综合实践课课时2课时（90分钟）授课班级13级电子商务4班科目《电子商务网站设计与推广》授课时间2016年5月13日课题网站标志设计与制作一、教材及教学内容教材分析：参考教材《电子商务网站建设与维护》，李志宏主编，高等教育出版社。互联网的发展及电子商务技术日新月异，关于网站标志设计与制作的知识技术有不断发展，在掌握教材内容教学的基础上，增加目前流行的网站标志设计的方法和实现手段。2.教材处理：根据《电子商务网站设计与推广》课程的相关内容及要求，结合学生的专业需求，理论与实际结合，针对网站标志制作的知识点，设置情景和实际任务，以真实的工作过程导向为主线，让学生能够应用相关的工具进行网站标志的设计与制作，最终为电子商务网站的推广服务。3.教学内容：根据客户的需求，为一个电子商务团购网站设计与制作网站的标志（logo）。二、教学目标1.知识目标：理解位图与矢量图的特点与区别；了解网站标志设计的基本原则；掌握网站标志设计与制作的过程；2.能力目标：熟悉掌握AI软件的基本工具的操作；能够根据客户的需求自行创作与设计网站标志；3.情感目标：锻炼学生观察能力和思维能力，学会分析客户的实际需求；培养并增强学生在研究中的学习能力，特别是动手操作技能；提高了学生对网站标志设计的兴趣和积极性。三、学情分析13级电子商务4班是一个班风良好，学习气氛浓厚的班级。该班级的学生是中职三年级的学生，通过两学年的学习，对电子商务专业有了一定的认识，并且熟悉掌握专业相关的基础技能，自主学习能力相对比较强，更易于接受新事物的挑战。四、指导思想及设计理念本课程以“理实一体化”的教学理念为指导，采用任务驱动教学法与导学-探究式教学模式相结合的设计理念。先为学生设立明确项目训练目标，以任务驱动的形式电子商务网站建设中网站标志设计与制作的工作任务。然后让学生通过自主探究的学习形式，以教师指导为主导，以学生自主学习为主体，由师生共同合作完成实训任务。五、教学重点、难点1.重点：网站标志设计的基本原则；使用AI制作网站标志；2.难点：使用AI制作网站标志：难点1：人物手臂与手指的制作；难点2：手臂与身体部分的留白；难点3：灰色渐变效果的设置；六、教学方法问题引导、举例法、任务驱动法、探究式学习法。七、教学准备1.教具准备：多媒体、教学设计及PPT、实训材料(《网站标志制作》任务说明书、拥抱团网站标志制作步骤、考核评价表等)；2.教学环境：电子商务实训室（装有AdobeIllustratorCS5软件）；3.教学资源：校园网络资源八、教学过程教学环节教学内容教师活动学生活动设计意图（一）知识回顾，巧妙导入（8分钟）课程导入——课前提问知识回顾：位图与矢量图的区别？观察：通过观察和对比两张图片，分析其有何不同？课前提问：位图与矢量图的区别；通过打开两张不同的图片，提问学生；引导学生观察，辅助提示，总结对比分析；观察两张不同的图片，思考和发现不同，主动举手回答其区别。通过让学生观察两张图片，从中发现其特点和区别，锻炼学生观察力和分析总结能力。位图是点阵图，放大会失真。矢量图是由线连接的点，不会放大而失真，容量比较小。小结：矢量图适用于网站标志的制作。制作矢量图软件：AdobeIllustrator、CorelDRAW、Fireworks等。通过图表分析对比，总结位图与矢量图的特点和区别。提问：现在需要制作一个网站的标志，该使用什么图和软件制作？进一步认识位图与矢量图的特点和区别。学生思考并回答问题。通过问题激发学生的学习兴趣，并引入新课主题的学习。本节学习目标：一、网站标志设计的基本原则；二、完成《网站标志制作任务书》；三、使用AI制作网站标志；讲述学生本节课的教学内容。明确本节课的教学目标和任务。学生认真记录，整体感知，大概了解本节课大纲和要求。明确学生目标和任务；（二）导学新知，诱思探究（30分钟）一、网站标志设计的基本原则；1.网站标志（logo）介绍；2.标志设计的基本原则；简单、清晰；由文字、字母、数字、图案、域名组成；创新创意，能够表达网站的含义；有不同尺寸、版本；目前流行扁平化设计；（补充）介绍网站标志的相关知识。通过列举知名网站的标志（logo）让学生对标志有所认知。学生对网站标志（logo）有直观的认知。学生掌握网站标志设计的原则。通过举例让学生知道网站标志及其作用。为接下来网站标志设计制作的任务，打下理论基础。教学环节教学内容教师活动学生活动设计意图（接上）二、布置任务。在教师的指导和协助下，学生完成《网站标志制作任务书》。（具体内容参考附件1）任务要求和描述的详细讲解；任务的分析和分解；教师布置任务，发放《网站标志制作》任务说明书。讲解任务要求及描述，并引导学生进入职业角色，培养学生的职业技能，与学生一起完成任务说明书的填写。同学们下载并完成《网站标志设计与制作》任务说明书。以工作过程为导向，让学生了解网站标志设计与制作的过程步骤。培训学生任务分析和解决问题的能力。三、使用AI制作网站标志；1.AdobeIllustrator（AI）界面介绍。2.AI的基本操作与常用工具介绍。介绍AI软件的功能，演示软件界面和基本操作。根据《任务说明书》的客户描述需求，绘制网站标志的草图；学生尝试自行学习新软件；让学生发挥联想，根据客户需求绘制草图形成标志雏形。（三）探究实践，独立完成任务（30分钟）任务实施：同学们先根据任务书客户的需求绘制草图。再利用AI把草图绘制成网站标志。（提示：同学们可以到FTP下载《拥抱团网站标志制作步骤》按照相关步骤进行制作。）教师对制作过程中的难点进行屏幕广播演示操作难点1：人物手臂与手指的制作；难点2：手臂与身体部分的留白；难点3：灰色渐变效果的设置；巡视指导，开展任务，针对学生的操作情况，发现问题，对个别学生进行必要的个别指导；或利用多媒体广播进行部分同学的集体指导。同学们可以到FTP下载《拥抱团网站标志制作步骤》，利用AI软件，按照相关步骤完成网络标志的制作。如果操作过程中遇到困难可以举手或同桌间讨论解决。培养学生自主学习和探讨尝试的习惯。让学生通过动手上机实践，在处理过程中培养学生的职业技能。突破本节课的重难点。任务上交同学们需要完成以下内容：1.《网站标志制作》任务说明书；2.利用AI制作网站标志，把最终的文档存储为gif格式；以上两份文件分别上传到FTP制定的目录。引导已经完成任务的同学帮助和指导在操作中有困难的同学，让大家共同完成任务。检查学生任务上交情况。完成后按要求上传到ftp指导目录；操作熟练的同学帮助有需要的同学，互帮互助，共同完成任务。培养学生互帮互助精神，达到共同完成任务的目标。教学环节教学内容教师活动学生活动设计意图（四）展评作品，分析总结（10分钟）任务成果（参考图）展示；任务检查和点评：通过ftp随机检查同学们制作网站标志的任务情况。检查《网站标志制作任务书》。学生心得分享。通过ftp检查同学们任务成果的情况。对于个别优秀的作品通过广播系统让全班欣赏和点评，其它同学互相评价自己作品。同学们互相学习和观看其他人的作品。让做得好的同学，分享自己制作过程的心得。通过检查，检验同学们相关知识的掌握情况；通过展现任务成果，引导学生客观评价自己和他人作品，吸取他人的优点弥补自己的不足，达到互相提高的效果。（五）课后拓展（2分钟）根据本节课所学网站标志设计与制作的知识，利用AI为自己的网站自行设计一个网站标志（logo）。要求简洁清晰、扁平化，突出网站的特点，显示网站名字和域名，具有多个颜色版本。检验学生本节课所学的知识。九、教学流程十、教学反思本次课课前准备充分，教师对教学内容进行了有效整合，充分运用了信息化手段，更好的掌握项目操作方法，有效解决教学重难点。在整个教学环节，教师发挥的是提示和引导的作用；《任务书》的设计符合学生认知规律，以任务驱动的形式，引导学生进行“知识指引、过程体验、自主探究、归纳练习”，促进自主学习，掌握学习方法，提高职业技能；学生活动的设计贴合，贴合美工职业要求，促进了有效教学的开展，凸显职业教育的特点。本次课在以下方面有待改进：学生学习方法上要加强多样化；分层引导还有待加强；在课堂总结归纳阶段，老师要加强对学生的分层反馈和引导。备注：详细教学内容和评价表可另附页

附件1《网站标志设计与制作》任务说明书一、任务要求：为一个电子商务团购网站设计与制作网站的标志（logo）。二、任务描述：（客户的需求）团购网站的名字为：拥抱团。要突出拥抱两字的特点，最好用图形图像直观表示；Logo要求简洁，扁平化设计，要求有网站名字和域名（）；为了网站日后的推广需要，logo的颜色设计要求有黑、白和灰色渐变三种颜色；三、任务分析：任务分解：原因分析：logo