《中职电子与信息：09网页设计与美工（项目09）简案.docx》由会员分享，可在线阅读，更多相关《中职电子与信息：09网页设计与美工（项目09）简案.docx（3页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、网页设计教学简案项目九模板的创建和使用学科：计算机授课年级：专业：教师姓名：课题名称：模板的创建和使用计划学时：4教学内容(1)利用Photoshop中的锚点工具修饰图片；(2)模板页的创建；(3)可编辑区域的创建(4)利用模板创建网页。教学目标知识目标：1 .了解Photoshop锚点工具组；2.了解可编辑区域。能力目标：1.能够完成网站文件夹及子文件夹的创建；2,能够利用锚点工 具修饰图片素材；3.能够完成模板页的创建；4.能够完成可编辑区域的创 建；5,能够使用模板创建网页。重点、难 点及处理 对策重点：Photoshop锚点工具的使用；模板的创建及使用。难点：可编辑区域的创建。对策：相
2、关知识学习、任务实施、小组协作、项目实训。教学设计教师通过任务分析确立目标，引导学生学习相关知识，示范任务实施，学 生根据老师的引导和示范，完成任务实施部分的内容，在任务实施过程中， 通过小组协作的方式解决遇到的问题，完成学习评价，以小组为单位组织 项目实训。教学过程教学环节教学内容教师活动学生活动设计意图导入通过网站实例展示，引发 学生的学习兴趣，从而引 导学生学习模板的创建及 使用的方法。网站实例展示 及说明。认真观看老 师展示网站 实例。激发学生的 学习兴趣， 营造学习氛 围。新课任务一创建BRT模板(一)任务分析利用表格布局网页， 制作好网站的首页；然后 将主要内容区域变成空白 区域，
3、将修改后的网页另 存为模板，接着创建可编 辑区域，最后就是利用保 存的模板创建统一风格的 网页。引导学生进行 任务分析，明确 学习目标。介绍并示范认真听讲、根 据教师对任 务的分析明 确学习目标。认真听讲、理使学生明确 学习目标。学习并了解（）相关知识介绍Photoshop锚点 工具组和模板创建方法。（三）任务实施1、建立站点并新建网 页。2、利用Photoshop锚点 工具加工图片素材。3、将文档另存为模板。4、创建可编辑区域。（四）学习评价任务二应用模板创建 BRT网站二级网页（一）任务分析利用模板创建相应的 网页，并在指定区域插入 相关内容。（二）相关知识 1、基于模板创建网页。 2、利
4、用模板更新网页（三）任务实施1、创建基于现有模板的网 页。2、在模板中创建超链接。3、利用模板更新网页（四）学习评价Photoshop 锚 点工具的使用。示范任务实施 过程，指导学生 完成任务。指导学生完成 学习评价，明确 任务口标。引导学生进行 任务分析，明确 学习目标。向学生讲解模 板页的使用。示范任务实施 过程，指导学生 完成任务。指导学生完成 学习评价。解 Photoshop 锚点工具的 使用。根据老师的 讲解和示范 完成任务实 施.如实填写学 习评价表。认真听讲，根 据教师对任 务的分析明 确学习目标。认真听讲、理 解模板的使 用。根据老师的 讲解和示范 完成任务实 施。如实填写学
5、习评价表。Photoshop 锚点工具。让学生通过 任务实施， 在做中学， 逐步掌握模 板技术。使学生反思 学习过程， 梳理学习内 容。使学生明确 学习目标。深刻理解模 板的应用。让学生通过 任务实施， 在做中学， 逐步掌握模 板技术。学生反思， 梳理内容。课堂小结在本项目中，我们主要学习的内容包括：1.利用Photoshop锚点工具 美化了图片的效果，将前面完成的moban.htm为后面快速创建网页垫定了 基础。2.将已编辑好的页面另存为模板页mobanl. dwt,并在模板页中插 入了可编辑区域。3.利用模板创建网页，在修改了模板后，手动更新了所 有基于模板创建的网页，统一调整了各网页的显
6、示效果，统一了站点风格。布置作业通过学习项目9中周扬制作网站的方法，3-5人组成一个项目小组， 制作一个网站。具体要求：1 .项目组内要选出一名组长负责组织、协调，通过小组讨论，制定出 评价量规，对小组成员进行评价，小组内各成员要有具体明确的分工。2 .网页素材可以通过手机、数码相机进行拍摄或从网上下载。3 .利用Photoshop对素材进行剪切、添加文字等操作，制作网页所需 的图像，在编辑图像的过程中尝试使用锚点工具。4 .先制作好用作模板的网页，保存模板，然后利用模板创建网站中的 其他网页，网站中至少包含四个网页，并通过导航栏进行链接。5 .网站中的文件及素材必须创建文件夹进行分类存放。6 .制作完成后由老师统一组织，以项目组为单位进行作品及制作过程 的说明、展示和评价。课后反思教学评价