中职电子与信息:04网页设计与美工(项目04)简案_第1页
中职电子与信息:04网页设计与美工(项目04)简案_第2页
中职电子与信息:04网页设计与美工(项目04)简案_第3页
全文预览已结束

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

网页设计教学简案项目四图像的插入与编辑学科:计算机授课年级:专业:教师姓名:课题名称:图像的插入与编辑计划学时:4教学内容(1)使用DreamweaverCS5在网页中插入编辑表格(2)在网页中插入图像,制作图像超链接(3)使用Photoshop"魔棒"工具抠图(4)使用Photoshop批量制作缩略图,并使用表格对图像进行排版布局教学目标知识目标:1.了解网页中常见的图像格式;2,了解Photoshop魔棒工具;3.了解photoshop批处理技术。能力目标:1.能够完成网站文件夹及子文件夹的创建;2.能够完成网页上、中和底部的制作;3.能够使用photoshop进行简单的抠图操作;4.能够使用photoshop批里制作缩略图;5.能够在网页中插入表格,并在单兀格式中插入图片;6.能够制作图像超链接。重点、难点及处理对策重点:Photoshop中使用魔棒工具抠图;Photoshop中批处理技术;制作图像超链接。难点:在Photoshop中使用魔棒工具抠图,在Photoshop中使用批处理技术批量制作缩略图。对策:相关知识学习、任务实施、小组协作、项目实训。教学设计教师通过任务分析确立目标,引导学生学习相关知识,示范任务实施,学生根据老师的引导和示范,完成任务实施部分的内容,在任务实施过程中,通过小组协作的方式解决遇到的问题,完成学习评价,以小组为单位组织项目实训。教学过程教学环节教学内容教师活动学生活动设计意图导入通过网站实例展示,引发学生的学习兴趣,从而引导学生学习在网页中插入视频及音乐等多媒体元素的方法。网站实例展示及说明。认真观看老师展zj\网站实例。激发学生的学习兴趣,营造学习氛围。新课任务一制作鸟巢网页(一)任务分析制作一个“鸟巢”的网页,作为网站的首页。(二)相关知识介绍网页中常见图像的格式和使用Dreamweaver插入图像的方法。引导学生进行任务分析,明确学习目标。介绍并示范在网页中插入图像的方法。认真听讲、根据教师对任务的分析明确学习目标。认真听讲、理解插入图像的方法。使学生明确学习目标。学习并了解插入图像的方法。(三)任务实施1、建立站点并新建网页。2、制作网页上部。3、制作网页中部。4、制作网页底部。(四)学习评价示范任务实施过程,指导学生完成任务。指导学生完成学习评价,明确任务目标。根据老师的讲解和不范完成任务实施.如实填写学习评价表。让学生通过任务实施,在做中学,逐步掌握网页制作技术。使学生反思学习过程,梳理学习内容。任务二制作鸟巢相册(一)任务分析引导学生进行认真听讲,根能够通过本制作一个“相册”网页,在该任务分析,明确据教师对任务次任务学习,网页中有很多鸟巢相片的缩略图,单击其中任意一个缩略图时会对应打开一张大图。学习目标。的分析明确学习目标。自己设计一个网页相册。(二)相关知识向学生讲魔棒认真听课、熟能够使用Photoshop中魔棒工具的使用方法。工具使用方法,悉魔棒工具的photoshop魔以及动态添加/使用,并根据棒工具进行删除选区的方教学演示学会简单抠图操法。使用魔棒抠图作。方法。(三)任务实施1、准备素材,抠出“五环”示范任务实施根据老师的讲学会制作电图,并“添加”到大图的左上角。过程,指导学生解和示范完成子相册。2、批量制作缩略图。3、创建鸟巢相册。完成任务。任务实施。(四)学习评价指导学生完成如实填写学习知已知彼,在学习评价。评价表。总结评价中进步。课堂小结在本项目中,我们主要学习的内容包括:1.使用DreamweaverCS5在网页中插入编辑表格;2.在网页中插入图像,制作图像超链接;3.使用Photoshop“魔棒”工具抠图;4,使用Photoshop批量制作缩略图,并使用表格对图像进行排版布局。布置作业根据学习项目四中周扬制作网站的方法,3-5人组成一个项目小组,制作一个网站。具体要求:.项目组内要选出一名组长负责组织、协调,通过小组讨论,制定评价量规,对小组成员进行评价,小组内各成员要有具体明确的分工。.网站中要包含一个“相册”网页。.网页素材可以通过手机、数码相机进行拍摄或从网上下载,如有需要可使用“格式工厂”等软件进行格式转换。.利用Photosho

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论