Web前端技术项目式教程(HTML5 CSS3 Flex Bootstrap)教案-儿童玩具商城网站设计与制作

【#第一文档网# 导语】以下是®第一文档网的小编为您整理的《Web前端技术项目式教程(HTML5 CSS3 Flex Bootstrap)教案-儿童玩具商城网站设计与制作》，欢迎阅读！



第10章 综合练习——儿童玩具商城网站设计与制作



课程名称 任务名称 项目性质 授课班级

Web前端开发

综合练习

项目名称

课时

综合练习

6

□演示性 □验证性 □设计性 √综合性



能力目标：

授课日期 授课地点

1. 具备综合使用HTML、CSS、Bootstrap框架熟练开发网站的能力 知识目标：

教学目标

1. 掌握使用HTML、CSS制作网页的方法

2. 掌握使用Bootstrap框架制作响应式网页的方法 素质目标：

1. 培养学生信息搜集能力

2. 培养学生团结合作、互帮互助的能力 1. 儿童玩具商城网站首页制作 2. 进口玩具页面制作 3. 相关文章页面制作 4. 联系我们页面制作

教学内容

教学重点 教学难点

综合使用HTML、CSS、Bootstrap框架熟练开发网站的技术 熟练使用HTML、CSS、Bootstrap框架开发网站的能力 1. 装有Sublime或者Hbuilder的电脑 2. 教学课件PPT

3. 教材：《Web前端技术项目式教程》

教学准备

作业设计











1






教学过程

教学 环节

课前组织 课程 说明

教学内容与过程

（教学内容、教学方法、组织形式、教学手段）

做好课前“5分钟”教学管理（多媒体、实训室），做好上课前的各项准备工作（打开电脑、打开课件、打开软件、打开U盘中的素材位置、打开授课计划、教案等），吸引学生注意力。

【课前说明】

综合使用HTML、CSS、Bootstrap框架熟练开发网站 【目的】

使学生从了解本单元的学习目标、学习重点、考评方式等方面明确学习本单元知识的要求和目标。掌握综合使用HTML、CSS、Bootstrap框架熟练开发网站的方法。



课程 内容 描述

一、规划网站目录结构 二、首页代码实现

三、进口玩具”页面代码实现 四、相关文章”页面代码实现

五、联系我们”页面代码实现

课堂 实训

同步训练：

一、规划网站目录结构 二、首页代码实现

三、进口玩具”页面代码实现 四、相关文章”页面代码实现

五、联系我们”页面代码实现

总结 评价

通过学习，学生能够掌握综合使用HTML、CSS、Bootstrap框架熟练开发网站的方法。



2

本文来源：https://www.dy1993.cn/ZXLG.html