《网页设计基础》浮动与定位教学案例研究

王亮

摘要：浮动与定位是《网页设计基础》课程中一个教学难点，为此，笔者以任务为导向，将任务层层分解，化繁为简，从而更好地让学生理解并掌握知识点。

关键词：HTML；浮动；定位

中图分类号：TP311 文献标识码：A 文章编号：1009-3044（2018）03-0200-02

1 背景

本教学单元的教学模式为项目导入、任务驱动和过程管理。以淘宝网项目，贯穿到整个教学过程中，然后将整个项目进行分解，以任务为驱动，并在教学过程中，借鉴IT企业项目管理模式，对整个教学过程进行监控，确保完成教学目标。

2 教学案例呈现

2.1 教学目标

本次教学的知识目标要求学生掌握浮动、浮动塌陷、定位和浮动与定位的综合运用，重点是浮动与定位，难点是浮动塌陷以及浮动与定位的综合运用；能力目标要求学生具备相应的专业能力、方法能力和社会能力：在专业能力方面，具备web前端静态页面开发能力；在方法能力方面，具备对知识归纳的能力；在社会能力方面，具备有效地时间管理和准确的自我评价的能力。素质目标要求学生具备积极的工作态度、团队合作能力。

从学生认知、能力结构和心理特征来看，当前大多数学生理解盒子模型和默认标准文档流，并能熟练运用，整体学习信心高昂，团体意识较强。

因此，为了实现本次教学目标，制定了课前预习作业；课中上机任务，并按学生水平采用分层教学；课后，布置课后作业，巩固知识。

2.2 教学内容

《网页设计基础》属于软件技术专业大一阶段的核心职业技术基础课程，是后续Web开发课程的基础前导课程。……