中职电子与信息：11网页设计与美工（项目11）简案.docx

《中职电子与信息：11网页设计与美工（项目11）简案.docx》由会员分享，可在线阅读，更多相关《中职电子与信息：11网页设计与美工（项目11）简案.docx（3页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、网页设计教学简案学科：计算机授课年级：专业：教师姓名：课题名称：AP Div的应用计划学时：4教学内容(1)利用Photoshop中的层，制作网页标题图像；(2)在网页中插入AP Div；(3)利用AP Div布局网页。教学目标知识目标：1,了解Photoshop图层面板;2.了解AP Div的使用。能力目标：1.能够完成网站文件夹及子文件夹的创建；2.能够完成网页标题图片的制作；3.能够在网页中插入AP Div； 4.能够在AP中添加文本等。重点、难点 及处理对策重点：Photoshop图去面板的使用；在网页中插入AP Div。难点：AP Div的编辑。对策：相关知识学习、任务实施、小组协作

2、、项目实训。教学设计教师通过任务分析确立目标，引导学生学习相关知识，示范任务实施，学 生根据老师的引导和示范，完成任务实施部分的内容,在任务实施过程中， 通过小组协作的方式解决遇到的问题，完成学习评价，以小组为单位组织 项目实训。教学过程教学环节教学内容教师活动学生活动设计意图导入通过网站实例展示，引发 学生的学习兴趣，从而引 导学生学习在网页中插入 AP Div的方法。网站实例展示 及说明。认真观看老 师展示网站 实例。激发学生的 学习兴趣， 营造学习氛 围。新课任务一认识AP Div(一)任务分析制作一个主页来显示 我国八大菜系，作为网站 的主页，然后再分别制作 介绍八大菜系的网页，网 页

3、将利用AP Div进行综 合布局，展现中国八大菜 系的风采和韵味。(二)相关知识介绍AP Div的参数。(三)任务实施引导学生进行 任务分析，明 确学习目标。介绍AP Divo示范任务实施 过程，指导学认真听讲、根 据教师对任 务的分析明 确学习目标。认真听课、理 解 AP Divo根据老师的 讲解和示范使学生明确 学习目标。学习并了解AP Divo让学生通过 任务实施，项目AP Div的应用1、建立站点并新建网 页。2、创建菜系介绍网页。生完成任务。完成任务实 施。在做中学， 逐步掌握网 页中AP Div 的应用。指导学生完成如实填写学使学生反思学习评价，明习评价表。学习过程，（四）学习评价

4、确任务目标。梳理学习内 容。引导学生进行认真听讲，根使学生明确任务二 AP Div的应用 （一）任务分析任务分析，明据教师对任学习目标。完成了网站主页和介 绍八大菜系的网页的制作 后，利用AP Div进行综合 布局，制作了一个美食网 的欢迎网页。在制作网页 的过程中,利用Photoshop 对图像进行了处理，制作确学习目标。务的分析明 确学习目标。了精美的素材，使网页更 加漂亮。向学生讲解图认真听讲、理深刻理解AP层的概念及应解图层的概Div的应用（二）相关知识1、Photoshop图层面板2、AP Div与表格间的转换用念及应用。掌握图层应 用。示范任务实施根据老师的让学生通过过程，指导学讲

5、解和示范任务实施，（三）任务实施生完成任务。完成任务实在做中学，1、使用Photoshop图层样 式制作文字效果。2、利用AP Div元素布局施。掌握图层的 应用。网页。指导学生完成如实填写学反思学习过（四）学习评价学习评价。习评价表。程，梳理学 习内容。课堂小结在本项目中，我们主要学习的内容包括：1.AP Div元素的创建与编 辑。2.利用AP Div元素布局网页。3.学习了 Photoshop图层的应用。布置作业通过学习本项目中周扬制作网站的方法，3-5人组成一个项目小组， 制作一个网站。具体要求：1 .项目组内要选出一名组长负责组织、协调，通过小组讨论，制定 出评价量规，对小组成员进行评价，小组内各成员要有具体明确的分工。2 .网页素材可以通过手机、数码相机进行拍摄或从网上下载。3 .利用Photoshop对素材进行剪切、添加文字等操作，制作网页所 需的素材。4 .网页必须使用AP Div进行布局，网页中必须包含图像、文字等元 素，网站中至少包含四个网页，并可相互链接。5 .网站中的文件及素材必须创建文件夹进行分类存放。6 .制作完成后由老师统一组织，以项目组为单位进行作品及制作过 程的说明、展示和评价。课后反思教学评价