Web前端开发-教学大纲-课程标准-64课时.doc

PAGE1

PAGE7

《Web前端开发》课程标准

学分：4

参考学时：64

一、课程概述

1．课程性质

《Web前端开发》（以前称《网页设计与制作》）课程是计算机科学与技术、软件工程、计算机信息管理、电子商务专业、物联网工程专业的一门专业基础课程。本课程的先修课程是《网络与Web技术导论》、《Java编程基础》等，后续课程有《响应式Web设计》以及前端设计与开发方向的生产性实训，在以核心职业能力为培养目标的课程体系中，起到承前启后的作用。

本课程旨在培养学生设计和制作网页的能力，本课程以Web基本概念和Web标准为基准点、通过对Web前端主流开发技术的学习和研究，让学生理解和掌握HTML5、CSS3和JavaScript脚本语言的相关知识，通过这门课程的教学，不仅使学生通过项目实践培养学生开发和设计Web站点的基本技能，更要使学生充分了解Web思想，为进一步学习后续课程打下良好的基础。

2．课程教学目标与基本要求

本课程的教学目标是让学生理解HTML5、CSS3和JavaScript脚本语言的基本语法，掌握常用的Web页面布局技术，理解并熟练应用Java常用对象的属性方法，使用DOM技术编写页面的客户端程序，通过项目实训，培养学生具备设计实现Web客户端页面的初步能力。

课程设计应充分体现“教师指导下的以学生为中心”的教学模式，以学生为认知主体，充分调动学生的积极性和能动性，重视学生自学能力的培养。由教师提出任务，学生独立设计并完成。

本课程教学的知识目标见下表。

序号

内容

1

理解Web设计的基本原则，栏目、网站目录结构的定义，标准页面布局方法、导航菜单制作、图文排版、页面交互等方面的基础知识；

2

熟练掌握运用HTML5中的文字、链接、列表、表格、表单、图像、多媒体等标记语言设计制作网页；

3

掌握CSS3对网页进行布局和修饰的基本方法；

4

掌握JavaScript脚本语言的基本语法，理解对象的概念及使用JavaScript来编写客户端脚本程序。

5

掌握基本新闻类网站的设计与制作，包括主页、栏目页和内容页。

本课程能力目标见下表。

序号

内容

1

具备编写和调试HTML5语言的能力；

2

具备编写和调试CSS3语言的能力；

3

具备编写和调试JavaScript语言的能力；

4

具备设计新闻类网页的主页、栏目页和内容页以及相关菜单的能力；

5

具备文档的阅读能力，文档的编写和排版能力。

本课程的素质目标见下表。

序号

内容

1

具有质量意识、安全意识、工匠精神和创新思维；

2

具有集体意识和团队合作精神；

3

熟悉网页开发流程和规范，具有良好的编程习惯；

4

具有界面设计的审美和人文素养；

5

培养文档的阅读、编写素质。

3.教学内容

课程内容大体分为4部分：第一部分为HTML5的基本结构和语法规则，包括HTML标签的块级元素、行级元素，HTML5的拖放和画布等内容；第二部分重点介绍CSS3的基本语法和选择器，包括CSS3的属性、CSS的盒模型、CSS3变形、过渡和动画属性等内容；第三部分介绍JavaScript程序设计基础、对象模型和事件处理；第四部分为综合案例。

章

项目

第1章HTML5基础

制作社区网版权信息

第2章HTML5的块级元素

制作精选信息板块

第3章HTML5的行级元素

制作广告板块

第4章CSS3基础

制作内容详情页

第5章CSS3的属性

制作通知公告目录页面、导航栏

第6章CSS3的盒模型

制作新闻图片页面、热点关注页面

第7章JavaScript语法基础

使用开发者工具调试JavaScript程序

第8章JavaScript对象基础

使用对象编程

第9章JavaScript对象模型

使用对象模型编程

第10章JavaScript事件处理

制作事件页面

第11章综合案例——社区新闻网的设计与实现

制作新闻网的首页、列表页和内容页

4.教学时数

教学总时数为64学时，其中理论32学时，实验32学时。

5.教学方式

采用课堂讲授和上机实践相结合的教学方式。

二、课程内容

（一）理论部分

1.HTML5基础

教学要点：

Web的基本概念，HTML5的基本结构和语法规则，编辑HTML文件。

教学时数：

2学时。

教学内容：

1.1Web的基本概念

介绍WWW、Web服务器、网页浏览器、网站、网页、URL、标记语言、网页标准等概念。

1.2HTML5的基本结构和语法规则

介绍HTML5文档的基本结构，HTML5的基本语法，HTML的全局属性，元素的分类，HTML的字符实体和颜色表示，HTML5开发人员编码规范等内容。

1.3用记事本编辑HTML文档

介绍使用记事本编辑HTML文档。

2.HTML5的块级元素

教学要点：

基本块级