《网页设计》教学设计 教学恶目 程觉元素L0G0 NO. 6 学时安排 4 授课班级 动漫1001 授课日期 学习环境 WEB教室 局域网√ 城域网 授课类型 理论 (标) 校园网 因转网 常规教室√ 学习资源 课件工具专题学习网站 多媒体资源库 教学方法 引导发现 (标) 案例库√恩库 网络课程仿真载件其他 学习形式 分组合作竞争 知识 了解定义与城题 能力 拿握10GD的表现形式 学 少 目标 使用合适的载件制作L0G0 目 教师给出0G0的定义 标 过程 案例LD的表现形式 与 方法 使用合适的软件制作L.0C0 任 学生根据教师的要求来自己设计L00 务 情感 价值 培训学生分析付题，总结经验的隆力 观 工具与艺术表现的关系 学 重点 L0G0制作 习 重 难点 1OGD的表现形式 难 点 关键 10G0表现形式 组织教学 学生进入机房分组 教师讲解理论 学生拿据0©0的定义及线范 L0G0表现形式分同 教师给出图片，学生分析具体表现的形式、抽象表现形式、文字 表现形式的缸体案例 流程 L0G0表现技法 学生分析不同0©0的表现技法，并用0TD或其它软件制作10G0 学生设计L0G0 学生设计个人网站0G0 小结作业 知识巩倒
《网页设计》教学设计 教学题目 视觉元素 LOGO NO. 6 学时安排 4 授课班级 动漫 1001 授课日期 授课类型 理论 学习环境 （标√） WEB 教室 局域网√ 城域网 校 园 网 因特网 常规教室√ 教学方法 引导发现 学习资源 （标√） 课件 工具 专题学习网站 多媒体资源库 案例库√ 题库 网络课程 仿真软件 其他 学习形式 分组合作 竞争 学 习 目 标 与 任 务 知识 能力 目标 了解定义与规范 掌握 LOGO 的表现形式 使用合适的软件制作 LOGO 过程 方法 教师给出 LOGO 的定义 案例 LOGO 的表现形式 使用合适的软件制作 LOGO 学生根据教师的要求来自己设计 LOGO 情感 价 值 观 培训学生分析问题，总结经验的能力 工具与艺术表现的关系 学 习 重 难 点 重点 LOGO 制作 难点 LOGO 的表现形式 关键 LOGO 表现形式 教 学 结 构 流 程 的 设 计 学生进入机房分组 学生掌握 LOGO 的定义及规范 教师给出图片，学生分析具体表现的形式、抽象表现形式、文字 表现形式的缸体案例 学生分析不同 LOGO 的表现技法，并用 PHOTO 或其它软件制作 LOGO 学生设计个人网站 LOGO 知识巩固 组织教学 教师讲解理论 LOGO 表现形式分析 LOGO 表现技法 学生设计 LOGO 小结作业
教学环节 教学内容 师生互动 设计意图 时间控制 课件展示 教法学法 敦学资源 组织教学 婚：分组原则与活动安排 学生进行分组 生：学生分组并选出组长 机觉元素 (1) 教师展示网 的基木概 师：教师给出截图 页截图让学 含 生识别视是 学：学生分组识别提觉元素 师：讲投L0G0概老 学生对视觉元素进 元煮 (2)L00的定义 生：找出教师给出截图的LDC0 行识别 师：10G0的规格 及意义 师：设计原则 师：L0gD的具像表现形式的概念 师：提供图片 学生分组分析节页 生：分组识别 与网页的区别，说明 (1)L0D表现形式 L00表现 师，进行评价考核 2)L0G0N具象表现 网页作为传递信息 形式 形式 生：分组总结网页与书页的区别 的重要性，并让学生 师：找出那些是网页的优点？ 分析月题的表像到 生：分析回答并陈述理由 实颗的思推能力 师：分组互评 学生认识到建立一 个网站的步置？ 采有一个案例。米由学生进行总结 网站的制作过程 自己的优势？ (1)建立一个网站有那线步 培养学生的白信心 裸7 (2) 建立一个网站主要有哪两 网站的制作过程 部分组成 案例分析 (3) 案例视频 一个美工人员的责任是什 (4) 一个网络程序员的主要责 任是什么？ (5) 你的优势是什么： (6) 我们这个专业的学生有哪 些优势？ 教学环节 教学内容 师生互动 设计意图 时间控 谋件展示 教法学法 煤体资源
教学环节 时间控制 教学内容 课件展示 师生互动 教法学法 设计意图 教学资源 组织教学 师：分组原则与活动安排 生：学生分组并选出组长 学生进行分组 视觉元素 的基本概 念 （1） 教师展示网 页 截 图 让 学 生识别视觉 元素 （2） LOGO 的定义 及意义 师：教师给出截图 学：学生分组识别视觉元素 师：讲授 LOGO 概念 生：找出教师给出截图的 LOGO 师：LOGO 的规格 师：设计原则 学生对视觉元素进 行识别 LOGO 表现 形式 (1) LOGO 表现形式 (2) LOGON 具象表现 形式 师：Logo 的具像表现形式的概念 师：提供图片 生：分组识别 师：进行评价考核 生：分组总结网页与书页的区别 师：找出那些是网页的优点？ 生：分析回答并陈述理由 师：分组互评 学生分组分析书页 与网页的区别，说明 网页作为传递信息 的重要性，并让学生 分析问题的表像到 实质的思维能力 案例分析 网站的制作过程 案例视频 采有一个案例，来由学生进行总结 网站的制作过程 （1） 建立一个网站有那些步 骤？ （2） 建立一个网站主要有哪两 部分组成 （3） 一个美工人员的责任是什 么 （4） 一个网络程序员的主要责 任是什么？ （5） 你的优势是什么？ （6） 我们这个专业的学生有哪 些优势？ 学生认识到建立一 个网站的步骤？ 自己的优势？ 培养学生的自信心 教学环节 时间控制 教学内容 课件展示 师生互动 教法学法 设计意图 媒体资源
学生理解一个网页 师：给出学生一个具型的网页 建立的步， 生：分组分析一个网页的视觉要素 只有一个合理的流 师！要完成这些要素，我们应具备 程才脆刊于合作 都些能力？ 师：引导学生认知，并给出准确定 概之 一个典型网真的组成 案例分析 师，建立一个网页的步覆是什么 元素有那些？ 呢？ 师：给出建立网页的步骤环节，让 两组学生排列，并说出自己的理 由？ 生：排列顺序，并说出自己的建见 师：综合两个组的说法，给出正确 步骤？ 师：给出本堂的主要内容的总结 小结 生： (1)完成一个网站、主页和网页的 作业 截图。并能正确识别： (2)写出建立一个网页的工作流程 1.1网页设计概论 板 1网页与书页 3。建站过程 5.小结 设 2网页的优势 4,网页建立过程 教学 思
案例分析 一个典型网页的组成 元素有那些？ 师：给出学生一个典型的网页 生：分组分析一个网页的视觉要素 师：要完成这些要素，我们应具备 那些能力？ 师：引导学生认知，并给出准确定 概念 师：建立一个网页的步骤是什么 呢？ 师：给出建立网页的步骤环节，让 两组学生排列，并说出自己的理 由？ 生：排列顺序，并说出自己的建见 师：综合两个组的说法，给出正确 步骤？ 学生理解一个网页 建立的步骤。 只有一个合理的流 程才能利于合作 小结 师：给出本堂的主要内容的总结 作业 生： （1）完成一个网站、主页和网页的 截图，并能正确识别？ （2）写出建立一个网页的工作流程 板 书 设 计 教 学 反 思 1.1 网页设计概论 1.网页与书页 的区别 2 网页的优势 3．建站过程 4．网页建立过程 5．小结