前端Web开发基础课程标准.docx
《前端Web开发基础课程标准.docx》由会员分享，可在线阅读，更多相关《前端Web开发基础课程标准.docx（16页珍藏版）》请在冰点文库上搜索。
前端Web开发基础课程标准
"前端Web开发根底"课程标准
表1课程根本信息
课程类别
专业课
课程代码
412
总学时
64（理论：
32\实验：
32）
学分
3
开设学期
第九学期
适用专业
“3+4〞分段贯穿应用型本科
适用专业
“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〕了解网页布局的几种方法，掌握使用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.1这就是HTML、CSS、JavaScript的代码
1.2HTML、CSS、JavaScript各自的角色
1.3如何学习HTML、CSS、JavaScript
1.4小实例——HTML、CSS、JavaScript的
1.4综合应用
〔1〕采用理论课讲授形式
〔2〕布置学生提前预习，查找资料，课堂讲授中，穿插发言、讨论的形式，来进展授课
2
2
第2章HTML根底介绍
2.1HTML文档的构造
2.2HTML根本语法
2.3HTML文件的命名
2.4编写HTML文件的考前须知
〔1〕采用理论课讲授形式
〔2〕布置学生提前预习，除讲授根本知识外，编写一个HTML简单文件进展例如讲解
2
3
第3章HTML文件的整体构造
3.1文件头部容
3.2主体容＜body＞
〔1〕采用理论课讲授形式
〔2〕布置学生提前预习，除讲授根本知识外，给出关于
的程序例如进展讲解
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超的路径
6.3超的建立
6.4设置图像映射
6.5小实例——超的使用
〔1〕采用理论课讲授形式
〔2〕布置学生提前预习，除讲授根本知识外，给出超的程序例如进展讲解
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练习使用框架
练习使用框架，来规划、设计页面容，包括使用