Web前端开发基础 教学大纲.doc

PAGE2

《Web前端开发基础》课程标准

课程名称：Web前端开发基础

学时数：64

学分：4

课程类型：B

适用专业：计算机应用技术、软件技术等

课程性质

本课程是计算机应用技术、软件技术等专业的一门专业基础技能课程。HTML5是Web技术开发最新的网页设计标准。本课程涉及网页基础、HTML标记、CSS样式、网页布局、多媒体技术与动画等内容，通过本课程的学习，学生能够了解网页web发展历史及其未来方向，熟悉web前端开发流程、培养学生运用HTML、CSS技术进行Web前端开发的能力，掌握开发技巧和编程规范，为获取“1+X”Web前端开发职业技能等级证书奠定基础。

本课程是一门专业课程，在学习本课程之前学生已经学习了计算机基础知识、UI设计课程，这样学生能够轻松的使用计算机，在学习本课程时也能较快地掌握网页设计的各种知识，另外本课程也为后续课程Web应用程序设计JSP、微信小程序开发等课程奠定良好的基础。

2、课程设计

2.1设计理念

高职高专教育是我国高等教育的重要组成部分，培养拥护党的基本路线，适应生产、建设、管理、服务第一线需要的，德、智、体、美等方面全面发展的高等技术应用性专门人才。围绕“职教20条”，本课程以社会主义核心价值观为指导，以实现中华民族伟大复兴为目标，全面提高学生的创新力，培养“德技双修”的社会主义建设者和接班人。

高职教育的集中实践教学环节需明确必要的理论知识的生化与知识层面的拓展，不能局限于单纯的技能训练。单纯的技能训练不是提高高等职业教育的理想课程。以能力的培养为重点，以就业为导向，培养学生具备职业岗位所需的职业能力，职业生涯发展所需的能力和终身学习的能力，实现一站式教学理念。

2.2设计思路

基于工作过程开发课程内容，以行动为导向进行教学内容设计，以学生为主体，以案例（项目）实训为手段，设计除理论学习与技能掌握相融合的课程内容体系。教学整体设计“以职业技能培养为目标，以案例（项目）任务实现为载体、理论学习与时间操作相结合”。

课程目标

3.1总体目标

通过任务驱动和项目活动形式，使学生能熟练制作简单网页，能熟练创建本地站点并能对网页进行各种超链接，能制作网页动画，掌握网页设计与制作技巧，具备网页设计与制作的基本职业能力，能基本胜任静态网站制作工作，为学生发展专门化方向的职业能力奠定基础。

3.2具体目标

3.2.1知识目标：

（1）熟悉网站制作与设计流程（网页设计的基本概念、网页的基本元素、风格、色彩搭配等）

（2）掌握网页编程基础HTML相关知识

（3）掌握HTML5与CSS3基础知识及最新技术

（4）掌握CSS样式和JavaScript脚本的使用

（5）掌握网站发布、测试和维护的方法

3.2.2能力目标：

（1）培养学生收集、处理信息，准备、加工素材的能力

（2）具备扎实的HTML与CSS开发基础

（3）培养学生设计网站（网站的布局、框架和配色方案等）的综合能力

（4）运用所学知识解决网页设计中所遇到的实际问题能力

（5）训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力，学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、Flash动画和网页特效等。

3.2.3素质目标：

（1）培养学生的沟通能力和协作精神

（2）勤于思考、认真踏实的工作作风

（3）运用科学技术和创新创业的理念

（4）自主学习、不断进取、理论联系实际的综合素养

3.2.4思政育人目标：

（1）将习近平新时代中国特色社会理论、社会主义核心价值观和中华优秀传统文化教育内容融入到本课程的教学要求中,注重“德技双修”

（2）借鉴国内成功实践案例的优秀经验,剖析计算机相关专业发展历史和软件行业领军人物的奋斗故事，激发学生对社会主义核心价值观的认同感,培养学生诚实、守信﹑坚韧不拔的性格，提高学生在沟通表达、自我学习和团队协作方面的能力

（3）树立正确的技能观,努力提高自己的技能,为社会和人民造福,绝不利用自己的技能去从事危害公众利益的活动,包括构造虚假信息和不良内容﹑制造电脑病毒、参与盗版活动、非法解密存取、黑客行为和攻击网站等，提倡健康的网络道德准则和交充活动，鼓励学生利用自己的所学的专业知识，积极参与社会科学普及活和应用推广活动

（4）培养学生求真务实、严谨勤奋的工作态度，重塑工匠精神，在潜移默化中培育社会主义核心价值观，提高综合职业素养,树立社会主义职业精神。

4、教学内容与学时分配

序号

教学内容

技能要求

知识要求

课程思政要求

学时

项目1

HTML基础知识

了解HTML发展历程和使用情况

掌握HTML相关标记及属性，能够制作简单的网页页面。

1、HTML发展历史

2、HTML文档基本格式

3、熟悉HTML文本、段落标记、图像标记

4、创建超链接、锚点链接

5、有序列表