1、Web 开发基础课程标准表 1 课程基本信息课程类别 专业课课程代码412总学时 64 (理论：32实验：32 ) 学分 3开设学期 第九学期适用专业“3+4”分段贯通应用型本科适用专业 “3+4”分段培养计算机应用技术（中职）与软件工程（本科）专业授课方式 理论+ 实验执笔人审核人制定时间 2015.01（一）课程性质与任务课程性质：Web 开发基础是软件工程专业培养课程体系中的一门专业必修课程，其包含了软件行业 Web 开发领域的关键技术基础知识（HTML，CSS 及 JavaScript 等） 。该课程的设置充分考虑了其在 Web 开发领域的关键性作用、目前市场广泛的应用需求和良好的就业
2、前景，注重学生对理论基础知识、专业技能的理解、掌握。课程任务：通过本课程的学习，使学生理解 HTML、CSS 及 JavaScript 等基本的理论知识；掌握应用上述理论知识，制作基本网页、设计网页布局、实现多样化及良好客户体验的页面效果等应用技能；培养学生的创新意识，设计特色网页。（二）课程教学目标通过本课程的学习，使学生掌握 Web 开发技术的基本理论知识，具备一定的应用开发技能，培养学生工程意识、创新能力和素质。1. 知识目标（1 ）了解本课程内容在 Web 开发领域的定位与作用；（2 ）了解 HTML、CSS 及 JavaScript 技术的发展脉络、趋势及应用前景；（3 ）掌握 HT
3、ML 中的基本元素、文字与段落元素、图像元素、列表元素、表格元素、超链接元素、多媒体元素、框架元素及表单元素的语法、属性和参数等基础知识；（4 ）掌握 CSS 中元素的语法、属性和参数等基础知识；（5 ）了解网页布局的几种方法，掌握使用 CSS 进行网页布局、样式设计的基础知识；（6 ）掌握 JavaScript 中的基本语法知识；（7 ）掌握 JavaScript 进行提交内容校验、生成网页特效等方法。2. 能力目标（1 ）具备使用 HTML 制作包含基本内容的网页的能力；（2 ）具备使用 HTML 及 CSS 等技术来设计网页布局的能力；（3 ）具备使用 JavaScript 技术来提高网
4、页交互性、体验性的能力；（4 ）具备综合使用 HTML、CSS 与 JavaScript 的相关知识，来丰富、渲染网页的能力；（5 ）具备根据具体应用需求，创新性地设计网页的能力。3. 素质目标（1 ）培养学生具备克服困难解决问题的意志；（2 ）培养学生养成严谨认真的科学态度，耐心细致的工作作风；（3 ）培养学生具备良好的交流沟通素养和创新精神。（三）参考学时64 (理论：32 实验：32)（四）课程学分4 学分（五）课程内容和要求（理论 48 学时，实验 16 学时）本课程的主要内容有：HTML，主要包括网页基本组成元素，网页框架、超文本链接、表单、表格、层等。CSS，产要包括修改网页元素，
5、主要包括修改文字颜色及背景、调整字符间距、单词间距、添加文字修饰、设置文本排列方式、设置段落缩进、调整行高、转换英文大小写、设置颜色、设置背景颜色、插入背景图片、设置背景图片位置、设计边框样式、调整边框宽度、设置边框颜色、设置边框属性等。JavaScript，包括 JavaScript 基本语法、基本数据类型、运算符、函数、JavaScript 事件分析、图片和多媒体文件的使用、JavaScript 对象的应用、浏览器内部对象、内置对象和方法等。本课程要求学生了解 web 编程技术的产生和发展过程，会使用 HTML 编写网页，会用CSS 对网页样式进行设计，会使用 JavaScript 实现一
6、些客户端的数据验证及网页特效，达到一般企业用人标准。表 2 课程内容与学时安排表序号教学项目 教学内容与教学要求 活动设计建议参考课时（理论+实验）1第 1 章 HTML、CSS、JavaScript 综述1.1 这就是HTML、CSS、JavaScript 的代码1.2 HTML、CSS 、JavaScript各自的角色1.3 如何学习（1 ）采用理论课讲授形式（2 ）布置学生提前预习，查找资料，课堂讲授中，穿插发言、讨论的形式，来进行2HTML、CSS、JavaScript1.4 小实例HTML、CSS、JavaScript 的1.4 综合应用授课2第 2 章 HTML基础介绍2.1 HT
7、ML 文档的结构2.2 HTML 基本语法2.3 HTML 文件的命名2.4 编写 HTML 文件的注意事项（1 ）采用理论课讲授形式（2 ）布置学生提前预习，除讲授基本知识外，编写一个 HTML简单文件进行示例讲解23第 3 章 HTML文件的整体结构3.1 文件头部内容3.2 主体内容body（1 ）采用理论课讲授形式（2 ）布置学生提前预习，除讲授基本知识外，给出关于的程序示例进行讲解24实验 1 制作简单的 HTML 页面使用网页基本组成元素，编写一个简单的 HTML 页面，运行查看效果（1 ）采用实验课形式（2 ）建议布置学生提前复习所学习的相关HTML 元素的语法、属性及参数知识2
8、5第 4 章 文字与段落4.1 编辑内容4.2 文字效果4.3 文字修饰4.4 段落p 4.5 小实例文字网页（1 ）采用理论课讲授形式（2 ）布置学生提前预习，除讲授基本知识外，给出关于文字与段落元素的的程序示例进行讲解26第 5 章 建立和使用列表5.1 列表类型5.2 嵌套列表5.3 小实例列表在网页中的使用（1 ）采用理论课讲授形式（2 ）布置学生提前预习，除讲授基本知识外，给出关于列表的2程序示例进行讲解7 第 6 章 超链接6.1 超链接概述6.2 超链接的路径6.3 超链接的建立6.4 设置图像映射6.5 小实例超链接的使用（1 ）采用理论课讲授形式（2 ）布置学生提前预习，除讲
9、授基本知识外，给出超链接的程序示例进行讲解28第 7 章 表格的应用7.1 表格概述7.2 插入表格table7.3 设置表格标记属性7.4 设置表格行与单元格7.5 表格嵌套7.6 小实例表格在网页中的应用（1 ）采用理论课讲授形式（2 ）布置学生提前预习，除讲授基本知识外，给出表格相关的程序示例进行讲解49实验 2 练习使用表格和和列表要求使用表格、列表对数据进行格式化的显示（1 ）采用实验课形式（2 ）建议布置学生提前复习所学习的表格、列表等元素的语法、属性及参数知识210第 8 章 层的应用8.1 图层的创建div 8.2 创建嵌套图层8.3 层的属性设置8.4 小实例图层的实际应用（
10、1 ）采用理论课讲授形式（2 ）布置学生提前预习，除讲授基本知识外，给出图层相关的程序示例进行讲解311第 9 章 框架的应用9.1 框架概述9.2 框架的基本结构9.3 设置框架9.4 设置框架集frameset9.5 浮动框架iframe9.6 在框架上建立链接9.7 小实例框架的实际应用（1 ）采用理论课讲授形式（2 ）布置学生提前预习，除讲授基本知识外，给出框架相关的程序示例进行讲解312实验 3 练习使用框架练习使用框架，来规划、设计页面内容，包括使用及 框架技术（1 ）采用实验课形式（2 ）建议布置学生提前复习所学习的框架元素的语法、属性及参数知识213第 10 章 表单的应用10
11、.1 表单概述10.2 表单标记form10.3 信息输入input 10.4 小实例表单的实际应用（1 ）采用理论课讲授形式（2 ）布置学生提前预习，除讲授基本知识外，给出表单相关的程序示例进行讲解214实验 4 练习使用表单练习使用表单，包括其action 及 method 属性，并练习使用表单中的元素，包括文本框、列表框、文本域、单选框、复选框和按钮等内容（1 ）采用实验课形式（2 ）建议布置学生提前复习所学习的表单及表单内相关元素的语法、属性及参数知识215第 11 章 CSS样式表基础11.1 CSS 的概述11.2 CSS 的使用11.3 插入 CSS 样式表11.4 编写 CSS
12、 文件（1 ）采用理论课讲授形式（2 ）布置学生提前预习，除讲授基本知识外，给出使用 CSS、编写简单 CSS 的程序示例进行讲解216第 12 章 字体的设置12.1 设置字体font-family12.2 设置字号font-size12.3 设置字体样式font-style12.4 设置字体加粗font-weight12.5 设置字体变体font-variant（1 ）采用理论课讲授形式（2 ）布置学生提前预习，除讲授基本知识外，给出通过 CSS 设置字体相关的程序示例进行讲解212.6 组合设置字体属性font12.7 小实例综合设置字体17实验 5 练习使用 CSS 对字体进行设置练习
13、使用 CSS，在 HTML文件里进行调用，对字体进行设置，包括了对字体、字号、字体样式、加粗、字体变体、字体属性等的设置（1 ）采用实验课形式（2 ）建议布置学生提前复习所学习的表单及表单内相关元素的语法、属性及参数知识218第 13 章 文本的精细排版13.1 调整字符间距letter-spacing13.2 调整单词间距word-spacing13.3 添加文字修饰text-decoration13.4 设置文本排列方式text-align13.5 设置段落缩进text-indent13.6 调整行高line-height13.7 转换英文大小写text-transform13.8 小实例
14、综合应用文本属性（1 ）采用理论课讲授形式（2 ）布置学生提前预习，除讲授基本知识外，给出 CSS 对文本进行精密排版相关的程序示例进行讲解219实验 6 使用CSS 来对文本进行精细排版要求编写 CSS 文件，在HTML 文件里进行调用，控制 DIV 显示效果，练习调整字符间距、单词间距、文字修饰、文本排列方式、段落缩进、行高英文大小写等内容（1 ）采用实验课形式（2 ）建议布置学生提前复习所学习的 CSS语法知识220 第 14 章 图片 14.1 图片 （1 ）采用理论课讲授 2和多媒体文件的使用14.2 滚动文字14.3 插入多媒体文件embed 14.4 添加背景音乐bgsound1
15、4.5 小实例综合设置图片和多媒体形式（2 ）布置学生提前预习，除讲授基本知识外，给出图片和多媒体文件相关的程序示例进行讲解21第 15 章 CSS样式的高级应用15.1 列表15.2 定位15.3 CSS 层15.4 鼠标指针cursor15.5 小实例综合设置层样式（1 ）采用理论课讲授形式（2 ）布置学生提前预习，除讲授基本知识外，给出 CSS 样式相关高级应用的程序示例进行讲解222实验 7 熟练使用 CSS+DIV 等元素进行网页布局设计理解网页布局的几种方法，重点使用 CSS+DIV 进行网页布局设计（1 ）采用实验课形式（2 ）建议布置学生提前复习所学习的使用CSS+DIV 的网
16、页布局知识223第 16 章 颜色和背景16.1 设置颜色color16.2 设置背景颜色background-color16.3 插入背景图片background-image16.4 插入背景附件background-attachment16.5 设置重复背景图片background-repeat16.6 设置背景图片位置background-position16.7 小实例综合设置颜色和背景（1 ）采用理论课讲授形式（2 ）布置学生提前预习，除讲授基本知识外，给出 CSS 设置颜色和背景相关的程序示例进行讲解224第 17 章 边框和边距17.1 设计边框样式border-style（1
17、）采用理论课讲授形式217.2 调整边框宽度border-width17.3 设置边框颜色border-color17.4 设置边框属性border17.5 边距 margin-top/margin-bottom/margin-left/ margin-right/margin17.6 填充padding-top/padding-bottom/padding-left/ padding- right/padding17.7 小实例综合设置边框和边距（2 ）布置学生提前预习，除讲授基本知识外，给出 CSS 设置边框和边距相关的程序示例进行讲解25第 18 章 JavaScript 基础18.1
18、JavaScript 语言概况18.2 第一个 JavaScript 程序（1 ）采用理论课讲授形式（2 ）布置学生提前预习，除讲授基本知识外，设计一个简单的JavaScript 程序进行讲解226第 19 章 JavaScript 基本语法19.1 基本数据类型19.2 运算符19.3 程序结构19.4 函数19.5 小实例 修改密码（1 ）采用理论课讲授形式（2 ）布置学生提前预习，除讲授基本知识外，给出相关的程序示例进行讲解327第 20 章 JavaScript 事件分析20.1 事件概述20.2 主要事件分析20.3 其他常用事件（1 ）采用理论课讲授形式（2 ）布置学生提前预习，除
19、讲授基本知识外，给出事件相关的3程序示例进行讲解28第 21 章 JavaScript 对象的应用21.1 对象概述21.2 浏览器内部对象21.3 内置对象和方法（1 ）采用理论课讲授形式（2 ）布置学生提前预习，除讲授基本知识外，给出 JavaScript 对象相关的程序示例进行讲解229实验 8 编写JavaScript 程序进行页面验证要求编写一个 JS 程序文件，在另一个文件中对属性进行赋值，对方法进行引用，能够进行页面验证等功能（1 ）采用实验课形式（2 ）建议布置学生提前复习所学习的JavaScript 语法知识2（六）教学建议1. 教学方法本门课程教学中应注意激发和保持学生的学
20、习兴趣，采用灵活的教学方法和先进的教学手段，加强理论与实际的联系，加强课前、课后的答疑辅导，组织学生自我经验叙述、讨论、问题教学、阅读指导等。（1）借助范例教学，以点带面，突出重点在理论知识讲授过程中，应适当选取基本点、重点内容，对其设计相关范例，进行教学，来提高、巩固学生对该理论知识的认知水平，让学生可以理论结合实践，不仅限于纸面，更可深入到具体的范例场景，加深理解。（2）分组讨论式教学方法。学生按照要求，进行预习、查阅资料等，在课堂上再根据教师的问题进行分组讨论，并由各组选派一名同学发言回答老师所提问题，并由本组的其他同学补充，讲述完毕后，由教师及其他各组的同学讨论、提问。2. 评价方法本
21、课程的教学环节包括课堂讲授，课堂讨论和期末考试。通过加强基础、面向实际、引导思维、启发创新，使学生获得理论知识，培养理论联系实际的能力。总评成绩 = 过程性考核（ 30%）+ 终结性考核（70%）3. 教学条件拥有多媒体教室、实验中心等设施，能够确保教师课堂讲授、学生实践训练的需求。4. 教材选编编选本教材根据教学标准编写活页教材，课程实践中优化编著适应性教材（1）课程教材1 刘西杰,柳林. HTML、CSS、JavaScript 网页制作从入门到精通M. 人民邮电出版社. 2013（2）参考教材1 王津涛.网页设计与开发HTML、CSS、JavaScript（21 世纪高等学校规划教材）M.清华大学出版社.2012 年2 吕凤顺,王爱华,王轶凤.HTML+CSS+JavaScript 网页制作实用教程（新世纪高职高专课程与实践系列教材）M.清华大学出版社.2012 年
