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

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

一体化课程教案（首页）

一体化课程教案（内页）

1

2

3

4

5

6

7

8

9

10

11

12

13

广州市高级技工学校课后任务布置

1、优化网站

2、对网站进行维护管理

教学反思

广州市高级技工学校

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

学习任务：建设主题网站

学习目标

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

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

书；

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

作计划表；

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

站；

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

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

人；

●通过基于工作情境的角色扮演，熟悉网站开发的工作

流程，并从中获得沟通表达，解决问题的经验，体验团队合作与信息共享的乐趣。

建议课时：16课时

资讯

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

明确任务后，教师帮助学生理解任务要求、分析任务，并介绍创建站点、绘制草图、表格在页面布局中的作用，同时提供获取资讯的方法和途径等信息。学生根据老师的提示及任务，寻找完成任务所需要的资料。例如：

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

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

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

决策

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

1、用户访谈，收集需求

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

网站名称脚本支持纯HTML

所用域名数据库支持否

负责部门策划部联系人

需求访谈记录

2、引导需求要点

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

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

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

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

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

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

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

8.明确开发时间和后期维护要求

3、需求说明确认

网站名称脚本支持

所用域名数据库支持

负责部门联系人

需求要点

客户意见和确认

字

计划

在需求分析的基础上，网站建设负责人根据实际情

况，明确实施目标，确定实施方案，并将其递交给客户，由其负责人签字确认

ⅹⅹⅹⅹⅹ公司网站建设方案书

一、背景

着重陈述建站的意义和目的

二、系统分析

1、开发环境

明确所采用的网页脚本语言，静态网页这一部分要求比较简单

2、版面要求

陈述版面的宽度、长度、色彩搭配、总体风格等情况3、支持语言

明确选择简体中文，还是采用多语言

三、设计方案

1、网站结构

建议以列表的方式将网站各栏目分层呈现出来

2、分块说明

对每一栏目进行详细说明，也可以配合简图

四、网站测试与维护

陈述网站测试验收的环节，明确后期的维护工作如何开展以及双方的职责

五、进度安排

陈述网站开发各阶段时间和总工期

六、费用说明

建议以列表的方式罗列域名、服务器配置、网站开发、更新维护、推广等各环节的费用

客户意见：

字：

工作计划表：

计划计划内容计划完

成时间

负责人

设计网站规划书

创建网站的站点

绘制首页的页面布局草图，规划网站页面

布局结构

制作网站首页

制作网站分页

发布网站

实施

学生根据计划方案完成设计和模拟，做好相关资料的记录，教师监督学生的学习过程，通过【引导问题】和【学习思考】培养学生分析问题、解决问题的能力，纠正学习偏差。

教师下发学习任务，学生根据学习任务做好完成任务的计划，教师对任务重点难点进行讲解和分析，学生认真做好知识点记录，并安排好完成计划的时间和步骤，重点掌握重要知识点，使学习计划能够按时完成，根据计划方案操作完成设计任务，并做好相关记录。

由于刚开始接触网页制作，学生对软件的使用都还没有基础，因此，本任务应先由教师分模块演示并讲解一些重要操作，学生同步进行模仿训练。而对知识掌握得相对比较熟练、操作比较快的学生，在操作过程中如果遇到问题，教师可引导学生查找相关的教材、教学参考书中的相关内容或通过网络获取相关内容，引导他们解决问题。而那些对知识把握得较慢的学生，则可详细