单元6 Bootstrap综合项目实战-高二《Web前端开发-网页设计》同步精品课堂（电工版2023）

《Web前端开发之网页设计》课程教学单元设计 教学单元6 Bootstrap综合项目实战 授课教师： 授课班级: 学时：16 教学条件 预装Web前端开发工具HBuilder等的计算机；局域网环境；教学广播软件 教学素材 教材、教学文档、教学课件、案例项目库、教学平台等 教学目标设计 知识目标： (1) Bootstrap下载与安装 (2) Bootstrap的布局容器 (3) Bootstrap的网格系统 (4) Bootstrap的导航栏 (5) Bootstrap的表单 (6) Bootstrap的按钮 (7) Bootstrap的轮播插件 能力目标： (1) 掌握Bootstrap的安装。 (2) 掌握Bootstrap的布局容器。 (3) 熟悉Bootstrap中的网格系统。 (4) 掌握使用Bootstrap制作导航栏。 (5) 掌握使用Bootstrap制作表单。 (6) 掌握使用Bootstrap制作轮播事件。 教学内容 (1) Bootstrap下载与安装。 (2) Bootstrap的布局容器。 (3) Bootstrap的网格系统。 (4) 使用Bootstrap制作导航栏。 (5) 使用Bootstrap制作表单。 (6) 使用Bootstrap制作轮播事件。 重点： (1) 使用bootstrap组件。 (2) 将各区域组合成完整的网页。 难点： (1) 网格系统的应用。 (2) 轮播插件的应用。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $