《前端 Web开发基础》课程标准
表1 课程基本信息
课程类别 总学时 开设学期 适用专业 授课方式 执笔人 审核人 制定时间 （一）课程性质与任务
64 (理论：32\\实验：32 ) 专业课 学分 第九学期 “3+4”分段培养计算机应用技术（中职）与软件工程（本科）专业 理论+实验 2015.01 3 课程性质：《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的代码 活动设计建议 参考课时 （理论+实验） （1）采用理论课讲授形式 （2）布置学生提前预习，查找资料，课堂讲授中，穿插发言、讨论的形式，来进行授课 2 第1章 HTML、1.2 HTML、CSS、JavaScript1 CSS、JavaScript综述 各自的角色 1.3 如何学习HTML、CSS、JavaScript 1.4 小实例——HTML、CSS、JavaScript的 1.4 综合应用 2.1 HTML文档的结构 第2章 HTML基础介绍 2.2 HTML基本语法 2.3 HTML文件的命名 2.4 编写HTML文件的注意事项 （1）采用理论课讲授形式 （2）布置学生提前预习，除讲授基本知识外，编写一个HTML简单文件进行示例讲解 （1）采用理论课讲授第3章 HTML3 文件的整体结构 形式 3.1 文件头部内容 3.2 主体内容＜body＞ （2）布置学生提前预习，除讲授基本知识外，给出关于
的程序示例进行讲解 （1）采用实验课形式 实验1 制作简4 单的HTML页面 使用网页基本组成元素，编写一个简单的HTML页面，运行查看效果 （2）建议布置学生提前复习所学习的相关HTML元素的语法、属性及参数知识 （1）采用理论课讲授4.1 编辑内容 第4章 文字与段落 4.2 文字效果 4.3 文字修饰 4.4 段落＜p＞ 4.5 小实例——文字网页 形式 （2）布置学生提前预习，除讲授基本知识外，给出关于文字与段落元素的的程序示例进行讲解 （1）采用理论课讲授5.1 列表类型 6 第5章 建立和使用列表 5.2 嵌套列表 5.3 小实例——列表在网页中的使用 形式 （2）布置学生提前预习，除讲授基本知识外，给出关于列表的程序示例进行讲解 7 第6章 超链接 6.1 超链接概述 6.2 超链接的路径 （1）采用理论课讲授形式 2 2 2 2 2 2 2 5 6.3 超链接的建立 6.4 设置图像映射 6.5 小实例——超链接的使用 7.1 表格概述 7.2 插入表格＜table＞ 第7章 表格的应用 7.3 设置表格标记属性 7.4 设置表格行与单元格 7.5 表格嵌套 7.6 小实例——表格在网页中的应用 （2）布置学生提前预习，除讲授基本知识外，给出超链接的程序示例进行讲解 （1）采用理论课讲授形式 （2）布置学生提前预习，除讲授基本知识外，给出表格相关的程序示例进行讲解 （1）采用实验课形式 4 8 实验2 练习使9 用表格和和列表 要求使用表格、列表对数据进行格式化的显示 （2）建议布置学生提前复习所学习的表格、列表等元素的语法、属性及参数知识 2 8.1 图层的创建——＜div＞ 10 第8章 层的应用 8.2 创建嵌套图层 8.3 层的属性设置 8.4 小实例——图层的实际应用 9.1 框架概述 9.2 框架的基本结构 9.3 设置框架 第9章 框架的应用 9.4 设置框架集＜frameset＞ 9.5 浮动框架＜iframe＞ 9.6 在框架上建立链接 9.7 小实例——框架的实际应用 实验3 练习使用框架 练习使用框架，来规划、设计页面内容，包括使用