1、资料内容仅供您学习参考，如有不当或者侵权，请联系改正或者删除。 《前端 Web开发基础》课程标准 表1 课程基本信息 课程类别 专业课 课程代码 412 总学时 64 (理论: 32\实验: 32 ) 学分 3 开设学期 第九学期 适用专业 ”3+4”分段贯通应用型本科 适用专业 ”3+4”分段培养计算机应用技术( 中职) 与软件工程( 本科) 专业 授课方式 理论+实验 执笔人 审核人 制定时间 .01 ( 一) 课程性质与任务 课程性质: 《Web开发基础》是软件工程专业培养课程体系中的一门专业必修课程, 其包含了软件行业Web开
2、发领域的关键技术基础知识( HTML, CSS及JavaScript等) 。该课程的设置充分考虑了其在Web开发领域的关键性作用、 当前市场广泛的应用需求和良好的就业前景, 注重学生对理论基础知识、 专业技能的理解、 掌握。 课程任务: 经过本课程的学习, 使学生理解HTML、 CSS及JavaScript等基本的理论知识; 掌握应用上述理论知识, 制作基本网页、 设计网页布局、 实现多样化及良好客户体验的页面效果等应用技能; 培养学生的创新意识, 设计特色网页。 ( 二) 课程教学目标 经过本课程的学习, 使学生掌握Web开发技术的基本理论知识, 具备一定的应用开发技能, 培养学生工程
3、意识、 创新能力和素质。 1. 知识目标 ( 1) 了解本课程内容在Web开发领域的定位与作用; ( 2) 了解HTML、 CSS及JavaScript技术的发展脉络、 趋势及应用前景; ( 3) 掌握HTML中的基本元素、 文字与段落元素、 图像元素、 列表元素、 表格元素、 超链接元素、 多媒体元素、 框架元素及表单元素的语法、 属性和参数等基础知识; ( 4) 掌握CSS中元素的语法、 属性和参数等基础知识; ( 5) 了解网页布局的几种方法, 掌握使用CSS进行网页布局、 样式设计的基础知识; ( 6) 掌握JavaScript中的基本语法知识; ( 7)
4、掌握JavaScript进行提交内容校验、 生成网页特效等方法。 2. 能力目标 ( 1) 具备使用HTML制作包含基本内容的网页的能力; ( 2) 具备使用HTML及CSS等技术来设计网页布局的能力; ( 3) 具备使用JavaScript技术来提高网页交互性、 体验性的能力; ( 4) 具备综合使用HTML、 CSS与JavaScript的相关知识, 来丰富、 渲染网页的能力; ( 5) 具备根据具体应用需求, 创新性地设计网页的能力。 3. 素质目标 ( 1) 培养学生具备克服困难解决问题的意志; ( 2) 培养学生养成严谨认真的科学态度, 耐心细致的工作作风
5、 ( 3) 培养学生具备良好的交流沟通素养和创新精神。 ( 三) 参考学时 64 (理论: 32\ 实验: 32) ( 四) 课程学分 4学分 ( 五) 课程内容和要求( 理论48学时, 实验16学时) 本课程的主要内容有: HTML, 主要包括网页基本组成元素, 网页框架、 超文本链接、 表单、 表格、 层等。CSS, 产要包括修改网页元素, 主要包括修改文字颜色及背景、 调整字符间距、 单词间距、 添加文字修饰、 设置文本排列方式、 设置段落缩进、 调整行高、 转换英文大小写、 设置颜色、 设置背景颜色、 插入背景图片、 设置背景图片位置、 设计边框样式、 调整边框宽度
6、 设置边框颜色、 设置边框属性等。JavaScript, 包括JavaScript基本语法、 基本数据类型、 运算符、 函数、 JavaScript事件分析、 图片和多媒体文件的使用、 JavaScript对象的应用、 浏览器内部对象、 内置对象和方法等。 本课程要求学生了解web编程技术的产生和发展过程, 会使用HTML编写网页, 会用CSS对网页样式进行设计, 会使用JavaScript实现一些客户端的数据验证及网页特效, 达到一般企业用人标准。 表2 课程内容与学时安排表 序号 教学项目 教学内容与教学要求 活动设计建议 参考课时 ( 理论+实验) 1 第1章
7、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 编写HT
8、ML文件的注意事项 ( 1) 采用理论课讲授形式 ( 2) 布置学生提前预习, 除讲授基本知识外, 编写一个HTML简单文件进行示例讲解 2 3 第3章 HTML文件的整体结构 3.1 文件头部内容 3.2 主体内容＜body＞ ( 1) 采用理论课讲授形式 ( 2) 布置学生提前预习, 除讲授基本知识外, 给出关于
的程序示例进行讲解 2 4 实验1 制作简单的HTML页面 使用网页基本组成元素, 编写一个简单的HTML页面, 运行查看效果 ( 1) 采用实验课形式 ( 2) 建议布置学生提前复习所学习的相关HTML元素的语法、 属性及参数知识 29、 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 超链接的建立
10、 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) 采
11、用实验课形式 ( 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 小实例——框架
12、的实际应用 ( 1) 采用理论课讲授形式 ( 2) 布置学生提前预习, 除讲授基本知识外, 给出框架相关的程序示例进行讲解 3 12 实验3 练习使用框架 练习使用框架, 来规划、 设计页面内容, 包括使用