前端Web开发基础课程标准.pdf

《前端Web开发基础课程标准.pdf》由会员分享，可在线阅读，更多相关《前端Web开发基础课程标准.pdf（10页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、-.前端前端 WebWeb 开发根底开发根底 课程标准课程标准表表 1 1课程根本信息课程根本信息课程类别课程类别总学时总学时开设学期开设学期适用专业适用专业授课方式授课方式执笔人执笔人审核人审核人制定时间制定时间一课程性质与任务一课程性质与任务64(理论：32实验：32)专业课学分学分第九学期“3+4分段培养计算机应用技术中职与软件工程本科专业理论+实验2015.013课程性质：Web 开发根底是软件工程专业培养课程体系中的一门专业必修课程，其包含了软件行业 Web 开发领域的关键技术根底知识HTML，CSS 及 JavaScript 等。该课程的设置充分考虑了其在 Web 开发领域的关键性

2、作用、目前市场广泛的应用需求和良好的就业前景，注重学生对理论根底知识、专业技能的理解、掌握。课程任务：通过本课程的学习，使学生理解 HTML、CSS 及 JavaScript 等根本的理论知识；掌握应用上述理论知识，制作根本网页、设计网页布局、实现多样化及良好客户体验的页面效果等应用技能；培养学生的创新意识，设计特色网页。二课程教学目标二课程教学目标通过本课程的学习，使学生掌握 Web 开发技术的根本理论知识，具备一定的应用开发技能，培养学生工程意识、创新能力和素质。1.1.知识目标知识目标1了解本课程容在 Web 开发领域的定位与作用；2了解 HTML、CSS 及 JavaScript 技术

3、的开展脉络、趋势及应用前景；3掌握 HTML 中的根本元素、文字与段落元素、图像元素、列表元素、表格元素、超元素、多媒体元素、框架元素及表单元素的语法、属性和参数等根底知识；4掌握 CSS 中元素的语法、属性和参数等根底知识；5了解网页布局的几种方法，掌握使用CSS 进展网页布局、样式设计的根底知识；6掌握 JavaScript 中的根本语法知识；7掌握 JavaScript 进展提交容校验、生成网页特效等方法。2.2.能力目标能力目标-优选-.1具备使用 HTML 制作包含根本容的网页的能力；2具备使用 HTML 及 CSS 等技术来设计网页布局的能力；3具备使用 JavaScript 技术

4、来提高网页交互性、体验性的能力；4具备综合使用 HTML、CSS 与 JavaScript 的相关知识，来丰富、渲染网页的能力；5具备根据具体应用需求，创新性地设计网页的能力。3.3.素质目标素质目标1培养学生具备克制困难解决问题的意志；2培养学生养成严谨认真的科学态度，耐心细致的工作作风；3培养学生具备良好的交流沟通素养和创新精神。三参考学时三参考学时64(理论：32 实验：32)四课程学分四课程学分4 学分五课程容和要求理论五课程容和要求理论 4848 学时，实验学时，实验 1616 学时学时本课程的主要容有：HTML，主要包括网页根本组成元素，网页框架、超文本、表单、表格、层等。CSS，

5、产要包括修改网页元素，主要包括修改文字颜色及背景、调整字符间距、单词间距、添加文字修饰、设置文本排列方式、设置段落缩进、调整行高、转换英文大小写、设置颜色、设置背景颜色、插入背景图片、设置背景图片位置、设计边框样式、调整边框宽度、设置边框颜色、设置边框属性等。JavaScript，包括 JavaScript 根本语法、根本数据类型、运算符、函数、JavaScript 事件分析、图片和多媒体文件的使用、JavaScript 对象的应用、浏览器部对象、置对象和方法等。本课程要求学生了解 web 编程技术的产生和开展过程，会使用 HTML 编写网页，会用CSS 对网页样式进展设计，会使用 JavaS

6、cript 实现一些客户端的数据验证及网页特效，到达一般企业用人标准。表表 2 2课程容与学时安排表课程容与学时安排表序序号号教学工程教学工程教学容与教学要求教学容与教学要求1.1 这就是 HTML、CSS、JavaScript 的代码活动设计建议活动设计建议参考课时参考课时理论理论+实验实验1采用理论课讲授形式2布置学生提前预习，查找资料，课堂讲授中，穿插发言、讨论的形式，来进展授课2第1章 HTML、1.2 HTML、CSS、JavaScript1CSS、JavaScript综述各自的角色1.3 如何学习 HTML、CSS、JavaScript1.4 小 实 例 HTML、-优选-.CSS

7、、JavaScript 的1.4 综合应用1采用理论课讲授2.1 HTML 文档的构造第 2 章 HTML根底介绍2.2 HTML 根本语法2.3 HTML 文件的命名2.4 编写 HTML 文件的考前须知形式2布置学生提前预习，除讲授根本知识外，编写一个HTML简单文件进展例如讲解1采用理论课讲授第 3 章 HTML3文件的整体构造形式3.1 文件头部容3.2 主体容body2布置学生提前预习，除讲授根本知识外，给出关于 的程序例如进展讲解1采用实验课形式实验 1 制作简4单的 HTML 页面使用网页根本组成元素，编写一个简单的 HTML 页面，运行查看效果2建议布置学生提前复习所学习的相关

8、HTML 元素的语法、属性及参数知识1采用理论课讲授4.1 编辑容第 4 章文字与段落4.2 文字效果4.3 文字修饰4.4 段落p4.5 小实例文字网页形式2布置学生提前预习，除讲授根本知识外，给出关于文字与段落元素的的程序例如进展讲解1采用理论课讲授5.1 列表类型6第 5 章建立和使用列表5.2 嵌套列表5.3 小实例列表在网页中的使用形式2布置学生提前预习，除讲授根本知识外，给出关于列表的程序例如进展讲解7第 6 章超6.1 超概述1采用理论课讲授22222225-优选-.6.2 超的路径6.3 超的建立6.4 设置图像映射6.5 小实例超的使用形式2布置学生提前预习，除讲授根本知识外

9、，给出超的程序例如进展讲解7.1 表格概述7.2 插入表格table第 7 章表格的应用7.3 设置表格标记属性7.4 设置表格行与单元格7.5 表格嵌套7.6 小实例表格在网页中的应用1采用理论课讲授形式2布置学生提前预习，除讲授根本知识外，给出表格相关的程序例如进展讲解1采用实验课形式48实验 2 练习使9用表格和和列表要求使用表格、列表对数据进展格式化的显示2建议布置学生提前复习所学习的表格、列表等元素的语法、属性及参数知识28.1 图层的创立 div10第 8 章层的应用8.2 创立嵌套图层8.3 层的属性设置8.4 小实例图层的实际应用9.1 框架概述9.2 框架的根本构造9.3 设

10、置框架第 9 章框架的应用9.4 设置框架集 frameset9.5 浮动框架iframe9.6 在框架上建立9.7 小实例框架的实际应用12实验 3 练习使用框架练习使用框架，来规划、设计页面容，包括使用1采用理论课讲授形式2布置学生提前预习，除讲授根本知识外，给出图层相关的程序例如进展讲解31采用理论课讲授形式2布置学生提前预习，除讲授根本知识外，给出框架相关的程序例如进展讲解3111采用实验课形式2建议布置学生提2-优选-.及框架技术前复习所学习的框架元素的语法、属性及参数知识10.1 表单概述第 10 章表单的应用10.2 表单标记form10.3 信息输入input10.4 小实例表

11、单的实际应用练习使用表单，包括其action 及 method 属性，并14实验 4 练习使用表单练习使用表单中的元素，包括文本框、列表框、文本域、单项选择框、复选框和按钮等容1采用理论课讲授形式2布置学生提前预习，除讲授根本知识外，给出表单相关的程序例如进展讲解1采用实验课形式2建议布置学生提前复习所学习的表单及表单相关元素的语法、属性及参数知识1采用理论课讲授221311.1 CSS 的概述15第11章 CSS样式表根底11.2 CSS 的使用11.3 插入 CSS 样式表11.4 编写 CSS 文件形式2布置学生提前预习，除讲授根本知识外，给出使用CSS、编写简单 CSS 的程序例如进展

12、讲解212.1设置字体font-family12.2设置字号1采用理论课讲授形式2布置学生提前预习，除讲授根本知识外，给出通过 CSS 设置字体相关的程序例如进展讲解2font-size12.3设 置 字 体 样 式16第 12 章字体的设置font-style12.4设 置 字 体 加 粗font-weight12.5设 置 字 体 变 体font-variant12.6 组合设置字体属性font-优选-.12.7 小实例综合设置字体练习使用 CSS，在 HTML实验 5 练习使17用 CSS 对字体进展设置文件里进展调用，对字体进展设置，包括了对字体、字号、字体样式、加粗、字体变体、字体属

13、性等的设置13.1调 整 字 符 间 距letter-spacing13.2调 整 单 词 间 距word-spacing13.3添 加 文 字 修 饰text-decoration13.4 设置文本排列方式18第 13 章文本的精细排版text-align13.5设 置 段 落 缩 进text-indent13.6调整行高1采用理论课讲授形式2布置学生提前预习，除讲授根本知识外，给出 CSS 对文本进展精细排版相关的程序例如进展讲解21采用实验课形式2建议布置学生提前复习所学习的表单及表单相关元素的语法、属性及参数知识2line-height13.7转 换 英 文 大 小 写text-tra

14、nsform13.8 小实例综合应用文本属性要求编写CSS 文件，在HTML 文件里进展调用，实 验 6 使 用19CSS 来对文 本进展精细排版控制 DIV 显示效果，练习调整字符间距、单词间距、文字修饰、文本排列方式、段落缩进、行高英文大小写等容第 14 章图片和20多媒体文件的使用14.1 图片14.2 滚动文字14.3 插入多媒体文件1采用实验课形式2建议布置学生提前复习所学习的CSS语法知识21采用理论课讲授形式2布置学生提前预2-优选-.embed14.4 添加背景音乐bgsound14.5 小实例综合设置图片和多媒体15.1 列表15.2 定位21第15章 CSS样式的高级应用1

15、5.3 CSS 层15.4 鼠标指针cursor15.5 小实例综合设置层样式习，除讲授根本知识外，给出图片和多媒体文件相关的程序例如进展讲解1采用理论课讲授形式2布置学生提前预习，除讲授根本知识外，给出 CSS 样式相关高级应用的程序例如进展讲解1采用实验课形式2实验 7 熟练使22用 CSS+DIV 等元素进展网页布局设计理解网页布局的几种方法，重点使用CSS+DIV 进展网页布局设计2建议布置学生提前复习所学习的使用CSS+DIV 的网页布局知识216.1 设置颜色color16.2设 置 背 景 颜 色background-color16.3插 入 背 景 图 片background-

16、image第 16 章颜色和背景16.4插 入 背 景 附 件background-attachment16.5 设置重复背景图片background-repeat16.6 设置背景图片位置background-position16.7 小实例综合设置颜色和背景17.1设 计 边 框 样 式24第 17 章边框和边距border-style17.2调 整 边 框 宽 度border-width1采用理论课讲授形式2布置学生提前预习，除讲授根本知识21采用理论课讲授形式2布置学生提前预习，除讲授根本知识外，给出 CSS 设置颜色和背景相关的程序例如进展讲解223-优选-.17.3设 置 边 框

17、颜 色border-color17.4设 置 边 框 属 性border17.5边距外，给出 CSS 设置边框和边距相关的程序例如进展讲解margin-top/margin-bottom/margin-left/margin-right/margin17.6填充padding-top/padding-bottom/padding-left/padding-right/padding17.7 小实例综合设置边框和边距1采用理论课讲授形式第18章18.1 JavaScript 语言概况18.2 第一个 JavaScript 程序2布置学生提前预习，除讲授根本知识外，设计一个简单的JavaScrip

18、t 程序进展讲解19.1 根本数据类型第2619章19.2 运算符19.3 程序构造19.4 函数19.5 小实例修改密码1采用理论课讲授形式2布置学生提前预习，除讲授根本知识外，给出相关的程序例如进展讲解1采用理论课讲授第2720章20.1 事件概述20.2 主要事件分析20.3 其他常用事件形式2布置学生提前预习，除讲授根本知识外，给出事件相关的程序例如进展讲解28第21章21.1 对象概述1采用理论课讲授233225JavaScript 根底JavaScript 根本语法JavaScript 事件分析-优选-.JavaScript 对象的应用21.2 浏览器部对象21.3 置对象和方法形

19、式2布置学生提前预习，除讲授根本知识外，给出 JavaScript 对象相关的程序例如进展讲解要求编写一个JS 程序文实 验 8 编 写29JavaScript 程序进展页面验证件，在另一个文件中对属性进展赋值，对方法进展引用，能够进展页面验证等功能六教学建议六教学建议1.1.教学方法教学方法1采用实验课形式2建议布置学生提前 复 习 所 学 习 的JavaScript 语法知识2本门课程教学中应注意激发和保持学生的学习兴趣，采用灵活的教学方法和先进的教学手段，加强理论与实际的联系，加强课前、课后的答疑辅导，组织学生自我经历表达、讨论、问题教学、阅读指导等。1借助例教学，以点带面，突出重点在理

20、论知识讲授过程中，应适中选取根本点、重点容，对其设计相关例，进展教学，来提高、稳固学生对该理论知识的认知水平，让学生可以理论结合实践，不仅限于纸面，更可深入到具体的例场景，加深理解。2分组讨论式教学方法。学生按照要求，进展预习、查阅资料等，在课堂上再根据教师的问题进展分组讨论，并由各组选派一名同学发言答复教师所提问题，并由本组的其他同学补充，讲述完毕后，由教师及其他各组的同学讨论、提问。2.2.评价方法评价方法本课程的教学环节包括课堂讲授，课堂讨论和期末考试。通过加强根底、面向实际、引导思维、启发创新，使学生获得理论知识，培养理论联系实际的能力。总评成绩=过程性考核30%+终结性考核70%3.3.教学条件教学条件拥有多媒体教室、实验中心等设施，能够确保教师课堂讲授、学生实践训练的需求。4.4.教材选编教材选编编选本教材根据教学标准编写活页教材，课程实践中优化编著适应性教材1课程教材1 西杰,柳林.HTML、CSS、JavaScript 网页制作从入门到精通M.人民邮电.2013-优选-.2参考教材1 王津涛.网页设计与开发HTML、CSS、JavaScript 21 世纪高等学校规划教材 M.清华大学.2012 年2吕凤顺,王爱华,王轶凤.HTML+CSS+JavaScript网页制作实用教程新世纪高职高专课程与实践系列教材M.清华大学.2012 年-优选