《前端-Web发基础》课程标准.docx

《前端 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.2 HTML、CSS、JavaScript各自的角色 1.3 如何学习HTML、CSS、JavaScript 1.4 小实例——HTML、CSS、JavaScript的 1.4 综合应用 （1）采用理论课讲授形式 （2）布置学生提前预习，查找资料，课堂讲授中，穿插发言、讨论的形式，来进行授课 2 2 第2章 HTML基础介绍 2.1 HTML文档的结构 2.2 HTML基本语法 2.3 HTML文件的命名 2.4 编写HTML文件的注意事项 （1）采用理论课讲授形式 （2）布置学生提前预习，除讲授基本知识外，编写一个HTML简单文件进行示例讲解 2 3 第3章 HTML文件的整体结构 3.1 文件头部内容 3.2 主体内容＜body＞ （1）采用理论课讲授形式 （2）布置学生提前预习，除讲授基本知识外，给出关于body的程序示例进行讲解 2 4 实验1 制作