Bootstrap基础教程-课程标准.docx

《Bootstrap基础教程-课程标准.docx》由会员分享，可在线阅读，更多相关《Bootstrap基础教程-课程标准.docx（4页珍藏版）》请在第壹文秘上搜索。

1、课程编码: 适用专业: 学时：72 学分：4BOOtStraP基础教程课程标准课程类别：B授课单位：编写执笔人及编写日期:审定负责人及审定日期:1、课程定位和课程设计1.1 课程性质与作用课程性质：本课程是软件技术专业的专业基础课程，是培养学生使用Web前端框架Bootstrap进行页面设计能力的支撑课程。课程的作用：通过本课程的学习，使学生逐步建立和掌握Web客户端静态页面设计的思想方法，具有分析问题和解决问题的能力，能够使用BOOtStraP框架结合HTML、CSS和JaVaSCriPt编写Web客户端静态页面，具备解决实际问题，吃苦耐劳、团结协作的良好品质，并为Web开发后续课程打下基础

2、。与其他课程的关系（前导课程、后续课程）等。（1）前导课程：静态网页设计（2）后续课程：WEB应用程序开发1.2 课程基本理念课程开发本着以专业能力培养为主线、兼顾社会能力、方法能力培养的设计理念，着重发展学生的实践技能。整个课程教学设计紧紧围绕高技能人才培养的目标展开教学，选取典型工作任务作为学习载体，以任务的开发过程为主线，将知识的讲解贯穿于任务的开发过程中，随着任务的进展来推动知识的扩展。根据开发过程中需要的知识与技能规划教学进度，组织课堂教学，确定学生实训任务。在循序渐进完成任务开发的同时实现教学目标，做到学习与工作的深度融合。1.3 课程设计思路以“项目导向、任务驱动”的教学模式为主

3、，通过引入实用的任务，以任务的开发过程为主线，贯穿于每个知识点的讲解，随着任务的不断拓展来推动整个课程的进展。对于每个知识点的讲解采用以实际工作中软件开发的过程和步骤为出发点，采用“五步”教学法，整个教学过程分为任务描述、计划、实施、检测、评价五大步骤，分别对应软件开发的需求分析、设计、编码、测试、验收五个工作环节。使得学生在学习的过程中自然而然的了解程序开发的步骤和流程，为将来参加实际工作进行项目开发打下良好的基础。同时通过采用“教”、“学”、“做”三位一体法教学法，教师边示范、边讲解、边提问，学生边做、边学、边思考，从而实现在做中教，在做中学，提高学生的实践能力和专业水平。2、课程目标课程

4、工作任务目标：通过本课程的学习，使学生逐步建立和掌握Web客户端静态页面设计的思想方法，具有分析问题和解决问题的能力，能够使用BOOtStraP框架结合HTML、CSS和JaVaSCriPt编写Web客户端静态页面，具备解决实际问题，吃苦耐劳、团结协作的良好品质。能力目标：能独立进行资料收集与整理、具备用户需求的理解能力；.能根据项目需求,具备项目页面的设计与实现能力；能独立实现页面美化与布局；具有综合应用HTML语言、CSS样式、JaVaSCriPt脚本、BOOtStraP进行页面的设计、编码、调试、维护能力。素质目标：养成善于思考、深入研究的良好自主学习的习惯；通过项目与案例教学，培养学习

5、者的分析问题、解决问题的能力；具有吃苦耐劳、团队协作精神，沟通交流和书面表达能力；通过课外拓展训练，培养学习者的创新意识；具有爱岗敬业、遵守职业道德规范、诚实、守信的高尚品质。3、课程内容与要求学习情境规划和学习情境设计学习情境情境描述职业能力（知识、技能、态度）课时单元一：Bootstrap入门搭建Bootstrap开发环境，使用Bootstrap开发第一个网页掌握BOOtSIraP开发环境搭建方法，掌握编写简单的Bootstrap网页的方法；增加学生学习课程的兴趣，端正学习态度。4单元二：Bootstrap整体架构设计简单网页：应用Bootstrap网格系统、CSS组件、Bootstrap

6、辅助类理解Bootstrap整体架构；掌握Bootstrap网格系统；了解CSS组件架构：了解BOOtStraP辅助类；培养学生认真细致工作的习惯。8单元三：BootstrapCSS样设计个人主页：应用Bootstrap排版样式、表格样掌握Bootstrap排版样式使用；掌握表格样式使用；掌握表单样式使用：掌握按钮样式使用：掌10式式、表单样式、按钮样式、图片和图标样式握图片和图标样式使用；培养学生的页面设计能力。单元四：Bootstrap组件设计带有登录、注册功能的响应式网站主页：应用字体图标、按钮组、下拉菜单、输入控件、导航、导航条、路径导航、分页、标签与徽章、巨幕、缩略图、警告框、进度条

7、、多媒体对象、列表、面板与WeIl等技术掌握字体图标使用；掌握按钮组使用；掌握下拉菜单使用；掌握输入控件使用；掌握导航条使用；掌握路径导航使用；掌握分页使用；掌握标签与徽章使用；掌握巨幕使用；掌握缩略图使用；掌握警告框使用；掌握进度条使用；掌握多媒体对象使用；掌握列表使用；掌握面板与WelI使用；培养学生的网站设计能力,对页面进行美化与布局。32单元五：Javascript插件设计网站页面效果：应用模态框、下拉菜单、滚动监听、标签页、提示、弹出框掌握模态框使用；掌握下拉菜单使用：掌握滚动监听使用；掌握标签页使用；掌握提示使用：掌握弹出框使用；提高学生的分析处理问题的能力。184、课程实施4.1

8、教学条件4.1.1软硬件条件校内实训基地条件，课程要求有专业的实训室，所有实训室设备按企业实际运行拓扑结构组建，设置数据服务器。主要配套的教学仪器设备与媒体要求如下：(1)硬件要求：所有计算机必须P42.4以上主频，2G以上内存。(2)软件要求：操作系统：WindoWSXP及后续版本开发工具：HS6及后续版本、IElO以上版本、Chronle浏览器、HBUildCr最新版本、。4.L2师资条件对任课教师的职业能力和知识结构的要求：任课教师能将课程体系、教学内容与企业对应岗位直接对接，实现企业开发团队与实际项目应用于教学过程，课程学习与项目开发实训合二为一。专任教师和兼职教师组成的具有“双师”结

9、构特点的教学团队要求：专任教师100%为双师素质教师，专兼结合的教学团队中包含从软件企业研发一线的行业专家，直接承担专业课程的实践教学，成为专业教学团队的重要组成部分，教学团队成员80%同时具备学院讲师、企业工程师双重资格。4.2教学方法建议根据软件技术专业课程的特点和高职学生的特点，对于实践课程，可采用具有专业特色的教学模式PTLFo即项目导向(Project-oriented),任务驱动(Task-driven),层层递进(Layersofprogressive),四真环境(Fourkindsofsimulationenvironment)。课程的完备性：通过项目贯穿和任务分解，学生了解到

10、软件开发的真实过程，实践了软件开发各个阶段软件产品的建模及项目文档的编写，获得了完成某类项目的系统知识。任务的导向性：每一阶段都有明确的目标和产品，各项任务逐层递进，引导学生一步一步完成整个项目。教学情景的完整性：每个教学情景都是一个完整过程，从信息的收集、整理、分析、建模、到软件文档书写；设计有明确的输入、加工和输出项。通过学习，学生除了掌握相关技能，还可以领悟到解决问题的一些基本方法和思路。技能的适应性：教学情景的设计具有典型性，通过这些教学情景的训练，学生的专业技术能力具有一定的适应性，可以在其它的项目中得以应用。4.3教学评价、考核要求本课程考核采用课程设计的形式。平时成绩(其中考勤占平时课程成绩50%、实践性环节占本课程的成绩50%)占本课程成绩40%；课程设计成绩占本课程成绩60%。