网页制作教学设计(公开课).docxVIP

网页制作教学设计 ( 公开课 ) 一体化课程教案 （首页） 课程 网页制作 授课 教师 课题 （项 创意型网站开发 审 目）名 批 称 学习任 创意型网站开发 授课 务 16 课时 授课 13 电商高中 授课日期 年 月 日至 年 月 日 班级 小李刚刚通过应聘进入了一家网页制作公司， 公司规模不大，主要业务是承接各类网站的制 作。现在公司刚接了四个不同的制作网站业 项目 务，由于公司人数不多，所以小李要独立负责 （任 其中一个网站的建设，由于时间紧迫，现要求 务）描 小李选择其中一个网站，并与策划部进行快速 述 沟通和需求分析，完成资料的整理和素材的简 单加工，设计出基本框架，再通过网页编辑工 具完成网页版面的制作和内容元素的编辑，最 后通过公司服务器发布网站到互联网上。 通过完成本次任务，学生能够 教学目标 通过多方调研明确客户需求，撰写需求确认 教学重点 教学难点 学情分析  分析说明书； 通过组内讨论，做好网站开发详细计划，撰写项目工作计划表； 通过小组分工合作，自主探究学习，设计有特色的网站； 通过测试，发现存在问题并提出解决方案；能够展示小组作品的优势和特色，并能客观评价他人； 通过基于工作情境的角色扮演，熟悉网站开发的工作流程，并从中获得沟通表达，解决问题的经验，体验团队合作与信息共享的乐趣。 分析客户需求；设计网站规划书；创建网站站点；设计网页版面布局；素材编辑与修辞；内容页制作与超链接。 使用 Dreamweaver进行网页布局；内容页制作；页面间的超链接。 根据客户需求，开发一个商务网站，进行宣传推广商品。该网站以信息发布、产品介绍、在线销售、顾客服务、提升品牌形象为主要功能和目的。学生在学习任务中首先要进行客户需求分析，制定网站设计书，并进行创建站点和管理站点，然后在已创建的站点上进行主页、 教学策略 场地 教学 资源 工具 准备 耗材 课前学习 任 务  内页设计完善网站功能，并使用多种工具进行网页美工，最后发布与管理已建好的网站，根据公司的要求，更新和维护网站。 本次教学任务在电商实验班进行授课，采用任务驱动，模块演示的教学方法； 以学生为中心：指导学生分组讨论、模仿训练、小组展示。 教学楼 409 电子商务实验室 多媒体计算机、白板、幻灯机、资料柜、因特 网 设计图纸、彩色画笔 、确定选择四个不同类型的网站中的哪一个花卉、海洋公园、环保、潮流 一体化课程教案（内页） 教学活动 :1. 资讯 （ 80 分钟） 设计意图 学习内容 学生活动 教师活动 和资源准 备 1. 任务描述（ 10 分钟） 1. 学 生 进 1. 帮 助 学 1. 通 过 发 【任务描述】小李刚刚通过应聘进入了一家网 行 分 组 组 生 理 解 任 布任务，让 页制作公司，公司规模不大，主要业务是承接 队（每 6--7 务要求、分 学 生 了 解 各类网站的制作。现在公司刚接了四个不同的 人一组）， 析任务 任务，进而 制作网站业务，由于公司人数不多，所以小李 组 成 这 个 2. 介 绍 创 让 学 生 围 要独立负责其中一个网站的建设，由于时间紧 任 务 的 合 建站点、绘 绕 任 务 进 迫，现要求小李选择其中一个网站，并与策划 作伙伴 制草图、表 行 任 务 相 部进行快速沟通和需求分析，完成资料的整理 2. 根 据 老 格 在 页 面 关 资 料 的 和素材的简单加工，设计出基本框架，再通过 师 的 提 示 布 局 中 的 收集。 0 网页编辑工具完成网页版面的制作和内容元 及任务，寻 作用，同时 2. 提 供 专 素的编辑，最后通过公司服务器发布网站到互 找 完 成 任 提 供 获 取 题 网 站 的 联网上。 务 所 需 的 资 讯 的 方 相关资料， 2. 寻找任务所需资料（ 70 分钟） 相关资料 法 和 途 径 公司需求。 浏览相关产品宣传网站，参考网页布局结构 3. 学 生 通 等信息 提 供 因 特 制作网站总体设计说明书 过 上 网 浏 网 查 找 资 收集网页素材资源，包括旅游景点图片的拍摄 览 相 关 网 料 与收集，文字说明及参数 站，参考网 页布局，搜 集 相 关 素 材 （教学评价） 1 教学活动 : 2. 决策 （ 80 分钟） 设计意图 学习内容 学生活动 教师活动 和资源准 备 1. 用户访谈，收集需求（ 40 分钟） 1. 学生经过讨论 1. 听 取 学 1. 学 生 在 学生经过分组后，进行探究式学 以小组方式拟定 生 的 决 策 确 定 方 案 习，学生经过讨论以小组方式拟定工 工作过程，确定 意见，提出 的过程中， 作过程，在工作过程中通过角色扮演， 网站主页要呈现 可 行 性 方 培 养 团 队 小组与策划部门充分沟通，了解专题 的内容与