前端Web开发基础课程标准

1、资料内容仅供您学习参考，如有不当或者侵权，请联系改正或者删除。前端 web 开发基础课程标准表 1课程基本信息课程类别专业课总学时64 (理论实验: 32 )学分3开设学期第九学期适用专业”3+4”分段培养计算机应用技术(中职 )与软件工程(本科 )专业授课方式理论 +实验执笔人审核人制定时间.01(一 )课程性质与任务课程性质 : web开发基础是软件工程专业培养课程体系中的一门专业必修课程,其包含了软件行业web 开发领域的关键技术基础知识 ( html, css 及 javascript等) 。该课程的设置充分考虑了其在 web开发领域的关键性作用、当前市场广泛的应用需求和良好的就业前景

2、,注重学生对理论基础知识、专业技能的理解、 掌握。课程任务 : 经过本课程的学习 , 使学生理解 html、 css 及 javascript 等基本的理论知识 ; 掌握应用上述理论知识 , 制作基本网页、 设计网页布局、 实现多样化及良好客户体验的页面效果等应用技能 ;培养学生的创新意识,设计特色网页。(二 )课程教学目标经过本课程的学习,使学生掌握web 开发技术的基本理论知资料内容仅供您学习参考，如有不当或者侵权，请联系改正或者删除。识 , 具备一定的应用开发技能 , 培养学生工程意识、 创新能力和素质。1. 知识目标( 1)了解本课程内容在 web开发领域的定位与作用 ;( 2)了解

3、html、 css 及 javascript 技术的发展脉络、趋势及应用前景 ;( 3) 掌握 html中的基本元素、 文字与段落元素、 图像元素、列表元素、 表格元素、 超链接元素、 多媒体元素、 框架元素及表单元素的语法、 属性和参数等基础知识 ;( 4)掌握 css中元素的语法、属性和参数等基础知识 ;( 5)了解网页布局的几种方法, 掌握使用 css进行网页布局、样式设计的基础知识 ;( 6)掌握 javascript中的基本语法知识 ;( 7)掌握 javascript进行提交内容校验、生成网页特效等方法。2. 能力目标( 1)具备使用 html制作包含基本内容的网页的能力;( 2)

4、具备使用 html及 css等技术来设计网页布局的能力;( 3)具备使用 javascript 技术来提高网页交互性、体验性的能力 ;( 4)具备综合使用 html、css与 javascript 的相关知识 ,来丰富、渲染网页的能力;资料内容仅供您学习参考，如有不当或者侵权，请联系改正或者删除。( 5)具备根据具体应用需求,创新性地设计网页的能力。3. 素质目标( 1)培养学生具备克服困难解决问题的意志;( 2)培养学生养成严谨认真的科学态度 ,耐心细致的工作作风 ;( 3)培养学生具备良好的交流沟通素养和创新精神。(三 )参考学时64 ( 理论 : 32实验 : 32)(四 )课程学分4

5、学分(五 )课程内容和要求(理论48 学时 ,实验16 学时 )本课程的主要内容有: html,主要包括网页基本组成元素,网页框架、超文本链接、表单、表格、层等。css,产要包括修改网页元素,主要包括修改文字颜色及背景、调整字符间距、单词间距、添加文字修饰、设置文本排列方式、设置段落缩进、调整行高、转换英文大小写、设置颜色、设置背景颜色、插入背景图片、设置背景图片位置、设计边框样式、调整边框宽度、设置边框颜色、设置边框属性等。javascript,包括javascript基本语法、基本数据类型、运算符、函数、javascript事件分析、图片和多媒体文件的使用、javascript对象的应用、

6、浏览器内部对象、内置对象和方法等。本课程要求学生了解web 编程技术的产生和发展过程,会使资料内容仅供您学习参考，如有不当或者侵权，请联系改正或者删除。用html 编写网页,会用css 对网页样式进行设计javascript实现一些客户端的数据验证及网页特效,业用人标准。表 2课程内容与学时安排表序教学项目教学内容与教学要求活动设计建议号1.1 这就是html、 css、javascript 的代码( 1) 采用理论课讲授1.2 html、 css、 javascript形式, 会使用达到一般企参考课时( 理论 +实验 )1234第 1 章 html、各自的角色css、 javascript1

7、.3 如何学习 html、 css、综述javascript1.4 小 实 例 html 、css、 javascript 的1.4 综合应用2.1 html 文档的结构第 2 章 html2.2 html 基本语法2.3 html 文件的命名基础介绍2.4 编写 html 文件的注意事项第 3 章html3.1 文件头部内容文件的整体结3.2 主体内容 body构实验1 制作简使 用网页 基本组成元素 ,单的 html 页编写一个简单的html 页面面 , 运行查看效果( 2) 布置学生提前预习 , 查找资料 , 课堂讲授中 , 穿插发言、 讨论的形式 , 来进行授课( 1) 采用理论课讲授

8、形式( 2) 布置学生提前预习 , 除 讲授基 本 知识外 , 编写一个 html 简单文件进行示例讲解( 1) 采用理论课讲授形式( 2) 布置学生提前预习 , 除 讲授基 本 知识外 , 给 出 关 于 的程序示例进行讲解( 1) 采用实验课形式( 2) 建议布置学生提前复习所学习的相关html 元素的语法、属性及参数知识2222资料内容仅供您学习参考，如有不当或者侵权，请联系改正或者删除。第 4 章 文字与5段落第 5 章 建立和6使用列表7 第 6 章 超链接第 7 章 表格的8应用实验2 练习使9 用表格和和列表第 8 章 层的应10用4.1 编辑内容4.2 文字效果4.3 文字修饰

9、4.4 段落 p4.5 小实例文字网页5.1 列表类型5.2 嵌套列表5.3 小实例列表在网页中的使用6.1 超链接概述6.2 超链接的路径6.3 超链接的建立6.4 设置图像映射6.5 小实例超链接的使用7.1 表格概述7.2 插入表格 table7.3 设置表格标记属性7.4 设置表格行与单元格7.5 表格嵌套7.6 小实例表格在网页中的应用要求使用表格、 列表对数据进行格式化的显示8.1 图层的创立div8.2 创立嵌套图层( 1) 采用理论课讲授形式( 2) 布置学生提前预习 , 除 讲授基 本 知识外 , 给出关于文字与段落元素的的程序示例进行讲解( 1) 采用理论课讲授形式( 2)

10、 布置学生提前预习 , 除 讲授基 本 知识外 , 给出关于列表的程序示例进行讲解( 1) 采用理论课讲授形式( 2) 布置学生提前预习 , 除 讲授基 本 知识外 , 给出超链接的程序示例进行讲解( 1) 采用理论课讲授形式( 2) 布置学生提前预习 , 除 讲授基 本 知识外 , 给出表格相关的程序示例进行讲解( 1) 采用实验课形式 ( 2) 建议布置学生提前复习所学习的表格、列表等元素的语法、属性及参数知识( 1) 采用理论课讲授形式( 2) 布置学生提前预222423资料内容仅供您学习参考，如有不当或者侵权，请联系改正或者删除。第 9 章 框架的11应用实验3 练习使12用框架第 1

11、0 章 表单13的应用实验4 练习使14用表单第 11 章 css样15式表基础8.3 层的属性设置8.4 小实例图层的实际应用9.1 框架概述9.2 框架的基本结构9.3 设置框架9.4 设置框架集frameset9.5 浮动框架 iframe 9.6 在框架上建立链接9.7 小实例框架的实际应用练习使用框架 , 来规划、设计页面内容 , 包括使用 及 框架技术10.1 表单概述10.2 表单标记 form 10.3 信息输入 input 10.4 小实例表单的实际应用练 习 使 用 表 单 , 包 括 其 action 及 method 属性 , 并练 习使用 表单中 的元素 , 包括文本框、 列表框、 文本域、 单选框、 复选框和按钮等内容11.1 css的概述11.2 css的使用11.3 插入 css样式表11.4 编写 css文件习 , 除 讲授基 本 知识外 , 给出图层相关的程序示例进行讲解( 1) 采用理论课讲授形式( 2) 布置学生提前预习 , 除 讲授基 本 知识外 , 给出框架相关的程序示例进行讲解( 1) 采用实验课形式 ( 2) 建议布置学生提前复习所学习的框架元