网页制作教学设计公开课.docx

网页制作教学设计公开课.docx

《网页制作教学设计公开课.docx》由会员分享，可在线阅读，更多相关《网页制作教学设计公开课.docx（16页珍藏版）》请在冰豆网上搜索。

网页制作教学设计公开课

一体化课程教案（首页）

课程

网页制作

授课教师

课题（项目）名称

创意型网站开发

审批

学习任务

创意型网站开发

授课课时

16

授课日期

年月日至年月日

授课班级

13电商高中

项目（任务）描述

小李刚刚通过应聘进入了一家网页制作公司，公司规模不大，主要业务是承接各类网站的制作。

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

教学目标

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

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

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

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

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

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

●通过基于工作情境的角色扮演，熟悉网站开发的工作流程，并从中获得沟通表达，解决问题的经验，体验团队合作与信息共享的乐趣。

教学重点

分析客户需求；设计网站规划书；创建网站站点；设计网页版面布局；素材编辑与修辞；内容页制作与超链接。

教学难点

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

学情分析

根据客户需求，开发一个商务网站，进行宣传推广商品。

该网站以信息发布、产品介绍、在线销售、顾客服务、提升品牌形象为主要功能和目的。

学生在学习任务中首先要进行客户需求分析，制定网站设计书，并进行创建站点和管理站点，然后在已创建的站点上进行主页、内页设计完善网站功能，并使用多种工具进行网页美工，最后发布与管理已建好的网站，根据公司的要求，更新和维护网站。

教学策略

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

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

教学资源

准备

场地

教学楼409电子商务实验室

工具

多媒体计算机、白板、幻灯机、资料柜、因特网

耗材

设计图纸、彩色画笔

课前学习

任务

1、确定选择四个不同类型的网站中的哪一个

花卉、海洋公园、环保、潮流

一体化课程教案（内页）

教学活动:

1.资讯（80分钟）

学习内容

学生活动

教师活动

设计意图和资源准备

1.任务描述（10分钟）

【任务描述】小李刚刚通过应聘进入了一家网页制作公司，公司规模不大，主要业务是承接各类网站的制作。

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

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

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

制作网站总体设计说明书

收集网页素材资源，包括旅游景点图片的拍摄与收集，文字说明及参数

1.学生进行分组组队（每6--7人一组），组成这个任务的合作伙伴

2.根据老师的提示及任务，寻找完成任务所需的相关资料

3.学生通过上网浏览相关网站，参考网页布局，搜集相关素材

1.帮助学生理解任务要求、分析任务

2.介绍创建站点、绘制草图、表格在页面布局中的作用，同时提供获取资讯的方法和途径等信息

1.通过发布任务，让学生了解任务，进而让学生围绕任务进行任务相关资料的收集。

2.提供专题网站的相关资料，公司需求。

提供因特网查找资料

（教学评价）

教学活动:

2.决策（80分钟）

学习内容

学生活动

教师活动

设计意图和资源准备

1.用户访谈，收集需求（40分钟）

学生经过分组后，进行探究式学习，学生经过讨论以小组方式拟定工作过程，在工作过程中通过角色扮演，小组与策划部门充分沟通，了解专题网站的基本要求，浏览策划部门提供的资料，收集各种需求。

2.引导需求要点（20分钟）

引导学生在需求分析时重点分析的内容需求

3.需求说明确认（20分钟）

引导小组填写需求说明确认表

1.学生经过讨论以小组方式拟定工作过程，确定网站主页要呈现的内容与方式、明确网站所采用的语言、明确页面的宽度和色彩风格、明确导航项目和子页内容呈现方式、明确开发时间和后期维护要求等

2.学生小组讨论，利用黑板，每个小组展示需求要点

1.听取学生的决策意见，提出可行性方面的质疑，提供指导意见，帮助形成方案并指导学生进行方案优化，最终做出决策，形成团队实施方案

2.指导学生讨论，对学生的展示结果指导学生进行优化

3.指导学生寻找合适的网站风格

1.学生在确定方案的过程中，培养团队合作能力。

2.在模块功能分析阶段，能通过自学、讨论、提问等方式自主学习

3.在资料准备阶段主要是培养学生的团队、协助、自省能力。

（教学评价）

教学活动:

计划（40分钟）

学习内容

学生活动

教师活动

设计意图和资源准备

在需求分析的基础上，网站建设负责人根据实际情况，明确实施目标，确定实施方案，并将其递交客户，由其负责人签字确定。

学生分组讨论分析需求分析表后制定相应的设计方案

指导学生优化方案设计，审定工作方案，制定重要节点的项目进度检查计划

要学生在这个阶段学习遇到一个项目任务，根据任务制定出完整的方案，以便下一步方案的实施

（教学评价）

教学活动:

实施（280分钟）

学习内容

学生活动

教师活动

设计意图和资源准备

1.准备工作（40分钟）

浏览并整理客户提供的资料和素材，通过网络搜索获得额外素材。

2.站点建立与管理（40分钟）

建立站点，规划站点目录文件结构，并对站点文件实施管理。

3.网页版面布局（40分钟）

认识常见的版面布局，依据用户需求，利用布局表格设计并制作出网页的框架。

4.图片编辑与修辞（40分钟）

运用网页编辑软件插入图像对象，并对图像进行编排，运用图像处理软件对图像进行简单的处理，使其适合网页呈现。

5.文字编辑与修辞（40分钟）

运用网页编辑软件输入文字，并对文字、段落进行排版，使其适合网页呈现。

6.内容页制作与超链接（40分钟）

使用网页编辑工具，制作出与主页风格一致、图文并茂的内容页。

使用超链接实现页面间的链接。

7.网站发布（40分钟）

通过FTP客户端工具上传网站文件，实现网站对外发布，并能对网站文件进行维护管理。

1.以客户为主要服务对象，根据市场的状况、公司经营产品自身的情况等进行综合分析，完成以下三个方面的具体设计

（1）首页设计

（2）网站整体结构设计

（3）发布网站

2.小组讨论设计“七彩云南”主题旅游网站的布局图

3.填写网站内容规划表

4.学生通过辅助教材和上网查找资料，分组讨论，讨论后展示讨论成果

5.通过模仿教师的操作学生独立完成站点的建立，小组完成整个小组网站的站点建立

1.与学生分享设计商业网站的原则，指导小组完成需求分析调查表，指导学生根据调查表获取客户需求信息

2.分析校园网的布局图，引导学生小组设计主题网站布局图

3.根据客户需求分析调查表填写网站规划表

4.对学生的讨论展示进行引导

5.展示站点建立的方法

通过让学生了解客户需求、设计网站规划书、认识网页及其设计软件，来让学生完成产品宣传网站的站点和页面设计，最终上传网站文件并进行发布

（教学评价）

教学活动:

检查（80分钟）

学习内容

学生活动

教师活动

设计意图和资源准备

1.提交作品（10分钟）

2.展示成果（40分钟）

3.交流总结经验（10分钟）

4.修改完善作品（30分钟）

1.学生自我检查评价自己的作品

2.提交作品

3.展示成果：

小组之间相互展示自己的工作成果，评估作品完成质量

4.小组间相互检查作品，并提出修改意见交流并总结经验

对网页进行测试，重点对做得不理想的地方进行分析，针对学生在完成任务过程中遇到的普遍问题进行点评，并将技术文件归档，提供规范化技术文档供学生参考。

通过展示成果，让学生了解自己的学习成果，激起学生的兴趣，交流总结经验主要是让学生认识到自己的不足，以便继续努力。

修改完善作品为以后的课程做铺垫。

（教学评价）

教学活动:

评价（80分钟）

学习内容

学生活动

教师活动

设计意图和资源准备

1.教师评价小组作品

2.完成作品检查表填写

1.听取教师的评价意见

2.填写作品检查表

1.指导学生对自己的作品进行评价，包括学生的自评和学生互评

2.指导学生对其它同学的作品进行评价

3.对学生的作品进行评价

4.指导学生填写作品检查表

（教学评价）

课后任务布置

1、优化网站

2、对网站进行维护管理

教学反思

创意型网站开发——主题网站建设

学习任务：

建设主题网站

学习目标

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

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

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

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

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

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

●通过基于工作情境的角色扮演，熟悉网站开发的工作流程，并从中获得沟通表达，解决问题的经验，体验团队合作与信息共享的乐趣。

建议课时：

16课时

资讯

【任务描述】小李刚刚通过应聘进入了一家网页制作公司，公司规模不大，主要业务是承接各类网站的制作。

现在公司刚接了四个不同的制作网站业务，分别是花卉、海洋公园、环保、潮流，由于公司人数不多，所以小李要独立负责其中一个网站的建设，由于时间紧迫，现要求小李选择其中一个网站，并与策划部进行快速沟通和需求分析，完成资料的整理和素材的简单加工，设计出基本框架，再通过网页编辑工具完成网页版面的制作和内容元素的编辑，最后通过公司服务器发布网站到互联网上。

明确任务后，教师帮助学生理解任务要求、分析任务，并介绍创建站点、绘制草图、表格在页面布局中的作用，同时提供获取资讯的方法和途径等信息。

学生根据老师的提示及任务，寻找完成任务所需要的资料。

例如：

1、浏览相关主题网站，参考网页布局结构

2、制作网站总体设计说明书

3.收集网页素材资源，包括图片、介绍文字、视频等。

决策

在教师协调下学生自愿分组，进行探究式学习，学生经过讨论以小组方式拟定工作过程，确定网页素材，网页表格的添加方式，辅助的选用，美化设计等，教师听取学生的决策意见，提出可行性方面的质疑，提供指导意见，帮助形成方案并指导学生进行方案优化，最终做出决策，形成团队实施方案。

1、用户访谈，收集需求

通过“策划部门充分沟通，了解专题网站的基本要求，浏览策划部门提供的资料，收集各种需求

网站名称

脚本支持

纯HTML

所用域名

数据库支持

否

负责部门

策划部

联系人

需求访谈记录

2、引导需求要点

1.通过与用户沟通，引导用户提出具体需求

2.指导用户选择与网站主题相关的域名，要便于访问者使用

3.根据所能提供的条件，明确网站建设的规模

4.根据用户的实际情况确定主页要呈现的内容和方式

5.明确网站所采用的语言

6.明确页面的宽度和色彩风格

7.明确导航项目和子页内容呈现方式

8.