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

合集下载

相关主题

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

一体化课程教案（首页）

课程网页制作授课教师

课题（项目）

名称

创意型网站开发审批

学习任务创意型网站开发授课课时16

授课日期年月日至年月日授课班级13电商高中

项目（任务）描述小李刚刚通过应聘进入了一家网页制作公司，公司规模不大，主要业务是承接各类网站的制作。现在公司刚接了四个不同的制作网站业务，由于公司人数不多，所以小李要独立负责其中一个网站的建设，由于时间紧迫，现要求小李选择其中一个网站，并和策划部进行快速沟通和需求分析，完成资料的整理和素材的简单加工，设计出基本框架，再通过网页编辑工具完成网页版面的制作和内容元素的编辑，最后通过公司服务器发布网站到互联网上。

教学目标通过完成本次任务，学生能够

●通过多方调研明确客户需求，撰写需求确认分析说明书；

●通过组内讨论，做好网站开发详细计划，撰写项目工作计划表；

●通过小组分工合作，自主探究学习，设计有特色的网站；

●通过测试，发现存在问题并提出解决方案；

●能够展示小组作品的优势和特色，并能客观评价他人；

●通过基于工作情境的角色扮演，熟悉网站开发的工作流程，并从中获得沟通表达，

解决问题的经验，体验团队合作和信息共享的乐趣。

教学重点

分析客户需求；设计网站规划书；创建网站站点；设计网页版面布局；素材编辑和修辞；

内容页制作和超链接。

教学难点使用Dreamweaver进行网页布局；内容页制作；页面间的超链接。

学情分析根据客户需求，开发一个商务网站，进行宣传推广商品。该网站以信息发布、产品介绍、在线销售、顾客服务、提升品牌形象为主要功能和目的。学生在学习任务中首先要进行客户需求分析，制定网站设计书，并进行创建站点和管理站点，然后在已创建的站点上进行主页、内页设计完善网站功能，并使用多种工具进行网页美工，最后发布和管理已建好的网站，根据公司的要求，更新和维护网站。

教学策略本次教学任务在电商实验班进行授课，采用任务驱动，模块演示的教学方法；以学生为

中心：指导学生分组讨论、模仿训练、小组展示。

教学资源准备场地教学楼409电子商务实验室

工具多媒体计算机、白板、幻灯机、资料柜、因特网耗材设计图纸、彩色画笔

课前学习任务1、确定选择四个不同类型的网站中的哪一个花卉、海洋公园、环保、潮流

一体化课程教案（内页）

教学活动:1.资讯（80分钟）

学习内容学生活动教师活动设计意图和资源准备

1.任务描述（10分钟）

【任务描述】小李刚刚通过应聘进入了一家网页制作公司，公司规模不大，主要业务是承接各类网站的制作。现在公司刚接了四个不同的制作网站业务，由于公司人数不多，所以小李要独立负责其中一个网站的建设，由于时间紧迫，现要求小李选择其中一个网站，并和策划部进行快速沟通和需求分析，完成资料的整理和素材的简单加工，设计出基本框架，再通过网页编辑工具完成网页版面的制作和内容元素的编辑，最后通过公司服务器发布网站到互联网上。

2.寻找任务所需资料（70分钟）

浏览相关产品宣传网站，参考网页布局结构

制作网站总体设计说明书

收集网页素材资源，包括旅游景点图片的拍摄和收集，文字说明及参数1.学生进行分组组

队（每6--7人一组），

组成这个任务的合作

伙伴

2.根据老师的提示

及任务，寻找完成任

务所需的相关资料

3.学生通过上网浏

览相关网站，参考网

页布局，搜集相关素

材

1.帮助学生理解任

务要求、分析任务

2.介绍创建站点、

绘制草图、表格在页

面布局中的作用，同

时提供获取资讯的方

法和途径等信息

1.通过发布任务，

让学生了解任务，进

而让学生围绕任务进

行任务相关资料的收

集。

2.提供专题网站的