前端 Web 开发基础》课程标准
表 1 课程基本信息
课程类别
专业课
总学时
64 （ 理论： 实验： 32 ）
学分
3
开设学期
第九学期
适用专业
“3+4”分段培养计算机应用技术（中职）与软件工程（本科）专业
授课方式
理论+实验
执笔人
审核人
制定时间
2015.01
（一）课程性质与任务
课程性质：《 Web开发基础》是软件工程专业培养课程体系中的一门专业必修课程，其
包含了软件行业 Web开发领域的关键技术基础知识（ HTML，CSS及 JavaScript 等）。该课程 的设置充分考虑了其在 Web开发领域的关键性作用、 目前市场广泛的应用需求和良好的就业 前景，注重学生对理论基础知识、专业技能的理解、掌握。
课程任务：通过本课程的学习，使学生理解    HTML、 CSS及 JavaScript 等基本的理论知
识；掌握应用上述理论知识，制作基本网页、 设计网页布局、 实现多样化及良好客户体验的 页面效果等应用技能；培养学生的创新意识，设计特网页。
（二）课程教学目标
通过本课程的学习， 使学生掌握 Web开发技术的基本理论知识， 具备一定的应用开发技 能，培养学生工程意识、创新能力和素质。
1.知识目标
（ 1）了解本课程内容在 Web开发领域的定位与作用；
（ 2）了解 HTML、CSS及 JavaScript 技术的发展脉络、趋势及应用前景；
（ 3）掌握 HTML中的基本元素、文字与段落元素、图像元素、列表元素、表格元素、超 链接元素、多媒体元素、框架元素及表单元素的语法、属性和参数等基础知识；
（ 4）掌握 CSS中元素的语法、属性和参数等基础知识；
（ 5）了解网页布局的几种方法，掌握使用    CSShtml网页设计课程标准进行网页布局、样式设计的基础知识；
（ 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 综 述
1.1 这就是 HTML、 CSS、 JavaScript 的代码
1.2 HTML、CSS、JavaScript 各自的角
1.3 如何学习 HTML、 CSS、 JavaScript
1.4 小 实 例 —— HTML、
（1）采用理论课讲授 形式
（2）布置学生提前预 习，查资料， 课堂讲 授中， 穿插发言、讨论 的形式，来进行授课
2

CSS、 JavaScript 的
1.4 综合应用
2
第2章 HTML基
础介绍
2.1 HTML 文档的结构
2.2 HTML 基本语法
2.3 HTML 文件的命名
2.4 编写 HTML文件的注意 事项
（1）采用理论课讲授 形式
（2）布置学生提前预 习，除讲授基本知识 外，编写一个 HTML简 单文件进行示例讲解
2
3
第3章 HTML文
件的整体结构
3.1 文件头部内容
3.2 主体内容< body >
（1）采用理论课讲授 形式
（2）布置学生提前预 习，除讲授基本知识 外，给出关于 <body>的 程序示例进行讲解
2
4
实验 1 制作简 单的 HTML页面
使用网页基本组成元素， 编写一个简单的 HTML 页 面，运行查看效果
（1）采用实验课形式
（2）建议布置学生提 前复习所学习的相关 HTML元素的语法、 属性 及参数知识
2
5
第 4 章 文字与
段落
4.1 编辑内容
4.2 文字效果
4.3 文字修饰
4.4 段落< p>
4.5 小实例——文字网页
（1）采用理论课讲授 形式
（2）布置学生提前预 习，除讲授基本知识 外，给出关于文字与段 落元素的的程序示例 进行讲解
2
6
第 5 章 建立和 使用列表
5.1 列表类型
5.2 嵌套列表
5.3 小实例——列表在网 页中的使用
（1）采用理论课讲授 形式
（2）布置学生提前预 习，除讲授基本知识 外，给出关于列表的程 序示例进行讲解
2
7
第 6 章 超链接
6.1 超链接概述
6.2 超链接的路径
（1）采用理论课讲授
形式
2

6.3 超链接的建立
6.4 设置图像映射
6.5 小实例——超链接的 使用
（2）布置学生提前预 习，除讲授基本知识 外，给出超链接的程序 示例进行讲解
8
第 7 章 表格的
应用
7.1 表格概述
7.2 插入表格< table >
7.3 设置表格标记属性
7.4 设置表格行与单元格
7.5 表格嵌套
7.6 小实例——表格在网 页中的应用
（1）采用理论课讲授 形式
（2）布置学生提前预 习，除讲授基本知识 外，给出表格相关的程 序示例进行讲解
4
9
实验 2 练习使 用表格和和列 表
要求使用表格、列表对数
据进行格式化的显示
（1）采用实验课形式
（2）建议布置学生提 前复习所学习的表格、 列表等元素的语法、 属 性及参数知识
2
10
第 8 章 层的应 用
8.1 图 层 的 创 建 —— < div >
8.2 创建嵌套图层
8.3 层的属性设置
8.4 小实例——图层的实 际应用
（1）采用理论课讲授 形式
（2）布置学生提前预 习，除讲授基本知识 外，给出图层相关的程 序示例进行讲解
3
11
第 9 章 框架的
应用
9.1 框架概述
9.2 框架的基本结构
9.3 设置框架
9.4 设 置 框 架 集 < frameset >
9.5 浮动框架< iframe >
9.6 在框架上建立链接
9.7 小实例——框架的实 际应用
（1）采用理论课讲授 形式
（2）布置学生提前预 习，除讲授基本知识 外，给出框架相关的程 序示例进行讲解
3
12
实验 3 练习使
用框架
练习使用框架，来规划、 设计页面内容，包括使用 <frameset> 及 <iframe> 框
（1）采用实验课形式
（2）建议布置学生提 前复习所学习的框架
2

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。