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

网页设计教学简案项目 一 Dreamweaver CS5 基础学科：计算机授课年级：专业：教师姓名：课题名称：Dreamweaver CS5基础计划学时：4教学内容对Photoshop、Flash和Dreamweaver等软件进行学习，了解这三个软件 的相关知识、基本功能和这三个软件在网页制作中的作用，用Photoshop 制作一张图片，然后用Dreamweaver制作一个简单的网页，并把用 Photoshop制作的图片插入到网页当中。教学目标知识目标：1,了解 Dreamweaver、Photoshop 及 Flash 的相关知识；2. 了 解 Dreamweaver CS5 的安装。能力目标：1.初步掌握Photoshop CS5文字工具组中“横向文字工具的 使用；2.利用Photoshop CS5制作图像文件；3.新建网页文件；4.在网页 中插入图像。重点、难点 及处理对策重点：了解 Dreamweaver Photoshop 及 Flash 的相关知识；Photoshop CS5 文字工具组中“横向文字工具的使用；利用Photoshop CS5制作图像文 件；在网页中插入图像。难点：Photoshop CS5文字工具组中“横向文字工具的使用；对策：相关知识学习、任务实施、小组协作、项目实训。教学设计教师通过任务分析确立目标，引导学生学习相关知识，示范任务实施，学 生根据老师的引导和示范，完成任务实施部分的内容，在任务实施过程中， 通过小组协作的方式解决遇到的问题，完成学习评价，以小组为单位组织 项目实训。教学过程教学环节教学内容教师活动学生活动设计意图导入通过网站实例展示，引发 学生的学习兴趣，从而引 导学生学习Photoshop CS5文字工具组中“横向 文字工具”的使用；制作 图像文件；在网页中插入 图像。网站实例展示 及说明。认真观看老 师展示网站 实例。激发学生的 学习兴趣，营 造学习氛围。新课任务一利用Photoshop 制作一张图片（一）任务分析利用 Photoshop CS5 制作图像文件。（二）相关知识引导学生进行 任务分析，明确 学习目标。认真听讲、 根据教师对 任务的分析 明确学习目 标。使学生明确 学习目标。学习并了解介绍 Dreamweaver > Photoshop 及 Flash 的相 关知识。（三）任务实施1、启动 Photoshop,打 开“新建”对话框。2、单 击文字工具组中的“横向 文字工具”，输入文字“我 的第一个网页”。3、保存 图像文件。（四）学习评价任务二制作第一个网页 （一）任务分析制作了自己的第一个网页。（二）相关知识 Dreamweaver CS5 的安装（三）任务实施1、双击桌面上的 Dreamweaver CS5 快捷方 式图标，打开 Dreamweaver CS5 o 2、选 择“新建”一“HTML”选项 进入程序主界面，单击“设 计“按钮，可显示设计界 面；单击“代码，按钮，可显 示代码窗口；单击“拆分” 按钮，可同时显示设计窗向学生介绍 Dreamweaver 、 Photoshop 及 Flash的相关知 识。示范任务实施 过程，指导学生 完成任务，解答 学生提出的问 题。指导学生完成 学习评价，分析 教学效果。引导学生进行 任务分析，明确 学习目标。向学生讲解 Dreamweaver CS5的安装步骤O示范任务实施 过程，指导学生 完成任务，解答 学生提出的问 题。认真听课， 理解并记忆 老师讲述的 知识点。根据老师的 讲解和示范 完成任务。如实填写学 习评价表。根据教师对 任务的分析 明确学习目 标。认真听课， 理解并记忆 老师讲述的 知识点。根据老师的 讲解和示范 完成任务实 施。Photoshop 文字工具。让学生通过 任务实施，在 做中学，初步 掌握文字工 具的使用和 图像文件的 创建。使学生反思 学习过程，梳 理学习内容。使学生明确 学习目标。学习并了解 Dreamweaver CS5的安装 步骤。让学生通过 任务实施，在 做中学，初步 掌握网页的 创建、图像的 插入和网页 文件的保存。口和代码窗口。3、单击“设 计”按钮，切换到设计视 图，在菜单栏中单击“插 入，一“图像，命令，插入图 像。4、保存网页、预览网 页。（四）学习评价指导学生完成 学习评价，分析 教学效果。如实填写学 习评价表。促使学生反 思学习过程， 梳理学习内 容。课堂小结在本项目中，我们对Photoshop、Flash和Dreamweaver等软件进行 了学习，了解了这三个软件的相关知识、基本功能和这三个软件在网页制 作中的作用，用Photoshop制作了一张图片，然后用Dreamweaver制作了 一个简单的网页，并把自己用Photoshop制作的图片插入到网页当中。布置作业通过学习项目一中周扬制作网页的方法，3-5人组成一个项目小组， 共同学习Photoshop、Flash和Dreamweaver的相关知识，深入了解这一 个软件在网页设计中的综合运用，然后制作一个网页。具体要求：L项目组内要选出一名组长负责组织、协调，通过小组讨论，制定出 评价量规，对小组成员进行评价，小组内各成员要有具体明确的分工。2 .模仿周扬的操作方法，利用Photoshop制作一张图片。3 .利用Dreamweaver CS5制作一个网页，将自己制作的图片插入到 网页当中，完成第一个网页的制作。4 .若学有余力，可在网页中添加文字等其他网页元素。5 .制作完成后由老师统一组织，以项目组为单位进行作品及制作过程 的说明、展示和评价。课后反思教学评价