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

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

《《前端Web开发基础》课程标准.docx》由会员分享，可在线阅读，更多相关《《前端Web开发基础》课程标准.docx（15页珍藏版）》请在冰豆网上搜索。

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

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

表1课程基本信息

课程类别

专业课

课程代码

412

总学时

64（理论：

32\实验：

32）

学分

3

开设学期

第九学期

适用专业

“3+4”分段贯通应用型本科

适用专业

“3+4”分段培养计算机应用技术（中职）与软件工程（本科）专业

…

授课方式

理论+实验

执笔人

审核人

制定时间

—

（一）课程性质与任务

课程性质：

《Web开发基础》是软件工程专业培养课程体系中的一门专业必修课程，其包含了软件行业Web开发领域的关键技术基础知识（HTML，CSS及JavaScript等）。

该课程的设置充分考虑了其在Web开发领域的关键性作用、目前市场广泛的应用需求和良好的就业前景，注重学生对理论基础知识、专业技能的理解、掌握。

课程任务：

通过本课程的学习，使学生理解HTML、CSS及JavaScript等基本的理论知识；掌握应用上述理论知识，制作基本网页、设计网页布局、实现多样化及良好客户体验的页面效果等应用技能；培养学生的创新意识，设计特色网页。

（二）课程教学目标

通过本课程的学习，使学生掌握Web开发技术的基本理论知识，具备一定的应用开发技能，培养学生工程意识、创新能力和素质。

1.知识目标

（1）了解本课程内容在Web开发领域的定位与作用；

（2）了解HTML、CSS及JavaScript技术的发展脉络、趋势及应用前景；

！

（3）掌握HTML中的基本元素、文字与段落元素、图像元素、列表元素、表格元素、超链接元素、多媒体元素、框架元素及表单元素的语法、属性和参数等基础知识；

（4）掌握CSS中元素的语法、属性和参数等基础知识；

（5）了解网页布局的几种方法，掌握使用CSS进行网页布局、样式设计的基础知识；

（6）掌握JavaScript中的基本语法知识；

（7）掌握JavaScript进行提交内容校验、生成网页特效等方法。

2.能力目标

（1）具备使用HTML制作包含基本内容的网页的能力；

（2）具备使用HTML及CSS等技术来设计网页布局的能力；

!

（3）具备使用JavaScript技术来提高网页交互性、体验性的能力；

（4）具备综合使用HTML、CSS与JavaScript的相关知识，来丰富、渲染网页的能力；

（5）具备根据具体应用需求，创新性地设计网页的能力。

3.素质目标

（1）培养学生具备克服困难解决问题的意志；

（2）培养学生养成严谨认真的科学态度，耐心细致的工作作风；

（3）培养学生具备良好的交流沟通素养和创新精神。

（三）参考学时

"

64（理论：

32\实验：

32）

（四）课程学分

4学分

（五）课程内容和要求（理论48学时，实验16学时）

本课程的主要内容有：

HTML，主要包括网页基本组成元素，网页框架、超文本链接、表单、表格、层等。

CSS，产要包括修改网页元素，主要包括修改文字颜色及背景、调整字符间距、单词间距、添加文字修饰、设置文本排列方式、设置段落缩进、调整行高、转换英文大小写、设置颜色、设置背景颜色、插入背景图片、设置背景图片位置、设计边框样式、调整边框宽度、设置边框颜色、设置边框属性等。

JavaScript，包括JavaScript基本语法、基本数据类型、运算符、函数、JavaScript事件分析、图片和多媒体文件的使用、JavaScript对象的应用、浏览器内部对象、内置对象和方法等。

本课程要求学生了解web编程技术的产生和发展过程，会使用HTML编写网页，会用CSS对网页样式进行设计，会使用JavaScript实现一些客户端的数据验证及网页特效，达到一般企业用人标准。

表2课程内容与学时安排表

序号

!

教学项目

教学内容与教学要求

活动设计建议

参考课时

（理论+实验）

1

第1章HTML、CSS、JavaScript综述

这就是HTML、CSS、JavaScript的代码

^

HTML、CSS、JavaScript各自的角色

如何学习HTML、CSS、JavaScript

小实例——HTML、CSS、JavaScript的

综合应用

（1）采用理论课讲授形式

（2）布置学生提前预习，查找资料，课堂讲授中，穿插发言、讨论的形式，来进行授课

2

2

[

第2章HTML基础介绍

HTML文档的结构

HTML基本语法

HTML文件的命名

编写HTML文件的注意事项

（1）采用理论课讲授形式

（2）布置学生提前预习，除讲授基本知识外，编写一个HTML简单文件进行示例讲解

2

|

3

第3章HTML文件的整体结构

文件头部内容

主体内容＜body＞

（1）采用理论课讲授形式

（2）布置学生提前预习，除讲授基本知识外，给出关于的程序示例进行讲解

2

4

#

实验1制作简单的HTML页面

使用网页基本组成元素，编写一个简单的HTML页面，运行查看效果

（1）采用实验课形式

（2）建议布置学生提前复习所学习的相关HTML元素的语法、属性及参数知识

2

5

第4章文字与段落

编辑内容

:

文字效果

文字修饰

段落＜p＞

小实例——文字网页

（1）采用理论课讲授形式

（2）布置学生提前预习，除讲授基本知识外，给出关于文字与段落元素的的程序示例进行讲解

2

6

《

第5章建立和使用列表

列表类型

嵌套列表

小实例——列表在网页中的使用

（1）采用理论课讲授形式

（2）布置学生提前预习，除讲授基本知识外，给出关于列表的程序示例进行讲解

2

7

|

第6章超链接

超链接概述

超链接的路径

超链接的建立

设置图像映射

小实例——超链接的使用

（1）采用理论课讲授形式

（2）布置学生提前预习，除讲授基本知识外，给出超链接的程序示例进行讲解

<

2

8

第7章表格的应用

表格概述

插入表格＜table＞

设置表格标记属性

设置表格行与单元格

表格嵌套

…

小实例——表格在网页中的应用

（1）采用理论课讲授形式

（2）布置学生提前预习，除讲授基本知识外，给出表格相关的程序示例进行讲解

4

9

实验2练习使用表格和和列表

要求使用表格、列表对数据进行格式化的显示

（1）采用实验课形式

\

（2）建议布置学生提前复习所学习的表格、列表等元素的语法、属性及参数知识

2

10

第8章层的应用

图层的创建——＜div＞

创建嵌套图层

层的属性设置

小实例——图层的实际应用

&

（1）采用理论课讲授形式

（2）布置学生提前预习，除讲授基本知识外，给出图层相关的程序示例进行讲解

3

11

第9章框架的应用

框架概述

框架的基本结构

设置框架

!

设置框架集＜frameset＞

浮动框架＜iframe＞

在框架上建立链接

小实例——框架的实际应用

（1）采用理论课讲授形式

（2）布置学生提前预习，除讲授基本知识外，给出框架相关的程序示例进行讲解

3

12

（

实验3练习使用框架

练习使用框架，来规划、设计页面内容，包括使用及