学期授课计划（课程教学设计方案）
编号：JX1-01-JL02
学年学期
2021-2022-1
课程名称
前端设计与开发
任课教师
张老师
适用班级
--班级编号--
课程代码
#N/A
学期学时
64
纯理论学时
0
一体化学时
64
学习内容：
本课程针对应用软件前端设计、开发和维护等岗位能力，为培养学生能按照任务要求独立完成工作任务，具有良好编程规范习惯，程序的阅读、修改、调试等核心职业能力而设置。
associate例句教师根据每个教学任务的知识点的要求，讲授基本概念、专业技术，采用教学案例演示等教学法，使学生充分理解基本概念和技术在应用软件前端设计、开发任务中的应用。
经过典型工作任务分析，选择“任务管理系统”项目，其中包括5个子项目来组织教学过程，分别为：
1．任务管理系统欢迎页面
2．用户注册页面
3．用户注册验证（JavaScript）
4．用户注册验证（jQuery）
5．综合页面
能力目标：
本课程的教学目标是使学生具备运用HTML5、CSS 3和JavaScript完成页面设计、布局、实现应用软件功能的能力。
具体如下：
1.能够熟练运用HTML完成网页的基本内容设计。
2.能够运用HTML5和CSS 3完成网页的设计、布局。
3.能够使用JavaScript语言处理业务逻辑。
4.能够利用JQuery等框架处理业务逻辑。
5.能够运用常用框架处理业务逻辑。
6.能够熟练完成用户界面的特效。
学习成果要求：
  本课程注重学生学习过程，主要的学习成果为每一个项目中子任务的作品、每一个项目的综合作品、项目总结和项目代码。
考核方案（含公式）：
本课程注重学生学习过程的考评，对“任务管理系统”项目中的5个小项目分别考评训练项目结束后设置考核，考核学生的理论和动手操作能力。课程结束时，综合各个项目的考核结果对学生的成绩和各项素质进行全面评价。
总成绩 = 项目考评成绩×50% + 期中考试×20%+期末考试×30%
教学组织要求：
理论授课:实践教学=1：3
子任务学习的时候以个人为单位，总项目的学习学生以项目小组的形式组织教学，每个小组4-5人，每个老师辅导3-4组为宜。
每周4学时，安排15个教学周。
前后课程关系说明：
前续课程：《网络与WEB技术导论》
后续课程：《响应式Web设计》
教材：
《HTML+CSS+JavaScript网页制作（第3版）》机械工业出版社，2021年9月，刘瑞新
教学参考资料：
1.林跃进主编《Web前端开发技术与JavaScript框架编程》，东软电子出版社，2013年6月出版                                                             
2.储久良编著《Web前端开发技术》——HTML、CSS、JavaScript（第2版），清华大学出版社，2016年8月第2版
3. 范伊红主编《基于HTML5的网页设计及应用》，电子工业出版社，2017年1月
部门领导意见：（是否符合课程标准，是否允许执行）
                院(系、部）领导签字（公章）                年  月 日

附件1：学习任务与学习活动一览表
学习任务
子任务（项目）
学习活动
周次
学时
目的及要求
授课形式及地点
平时
作业
任务1任务管理系统欢迎页面
（8学时）
1．明确项目任务，制定进度计划，学习项目制作的基础知识（ 4学时）
1.1 页面设计理论
1
2
了解网页的来源和本质、网页的组成元素、网页的布局、网页的彩、网站建设需求分析、网页设计流程。了解HTML特点、HTML语法、HTML文档结构，熟悉工具软件（VS code、atom、Dreamweaver等）
讲练结合
132号楼机房
无
1.2 HTML语言概述及语法
1
2
熟悉基本块级标签、列表标签
讲练结合
132号楼机房
2-1、2
2．利用html编写页面
（ 4 学时）
2.1 HTML的常用标记
2
2
熟悉表格、分区标记
讲练结合
132号楼机房
2-3、5，3-1
2.2 HTML的交互标记
2
2
熟悉链接、图像标记
讲练结合
132号楼机房
3-1/欢迎页面
任务2用户注册页面
（22学时）
3．明确项目任务，制定进度计划，学习项目制作的html5+php建站系统源码CSS3基础知识
（ 18 学时）
3.1 了解项目内容，制定项目学习任务
program可以删除吗
3
2
掌握动态网页的动态效果原理、表单设计基础知识、表单标记
讲练结合
132号楼机房
无
3.2 表单标记
3
2
掌握表单标记，演练综合实例
讲练结合
132号楼机房
演练3-11（会员注册）
3.3 CSS的概念
4
2
了解CSS概念、CSS的基本语法，熟悉选择器
讲练结合
132号楼机房
无
3.4 CSS选择器的应用eclipse简单使用
4
2
了解CSS的继承特性、CSS的层叠特性、CSS常用单位、CSS书写和命名规范
讲练结合
132号楼机房
4-3
3.5  CSS盒子模型
5
2
理解、掌握CSS盒子模型、盒子之间的关系
讲练结合
132号楼机房
演练5-3、4
3.6  CSS盒模型的应用
5
2
掌握CSS定位与浮动
讲练结合
132号楼机房
演练5-17
3.7  CSS页面布局
6
4
掌握CSS页面布局
讲练结合
132号楼机房
5-1/2
3.8  CSS内容排版
7
2
掌握CSS内容排版
讲练结合
132号楼机房
6-1
4．利用html5+CSS3编写页面
（4学时）
4.1 用户注册页面的布局
7
2
掌握页面的整体布局
讲练结合
132号楼机房
无
4.2 用户注册页面的样式化
8
2
能够利用CSS对页面进行样式化
讲练结合
132号楼机房
3-2（用户注册表单）
任务3用户注册验证（JavaScript）
（20学时）
5．明确项目任务，制定进度计划，学习项目制作的JavaScript语法基础知识
（4学时）
5.1了解项目内容，制定项目学习任务，学习JavaScript学生个人网页制作html代码css语法基础知识
8
2
了解JavaScript、JavaScript的应用、JavaScript嵌入网页的方式、JavaScript的特点、JavaScript程序代码的编写习惯
讲练结合
132号楼机房
第一个JavaScript简单程序（2-1）
5.2 JavaScript语法基础
9
2
了解掌握数据类型、常量、变量以及数据类型的转换、掌握表达式和运算符
讲练结合
132号楼机房
例2-7简易计算器
6.Javascript程序逻辑
（4学时）
6.1 JavaScript程序流程控制
9
2
掌握JavaScript程序流程控制
讲练结合
132号楼机房
四则运算
6.2  JavaScript函数
10
2
掌握JavaScript函数
讲练结合
132号楼机房
3-2电子时钟
7.JavaScript对象（8学时）
7.1  JavaScript对象的基本概念
10办公室表格大全
2
了解掌握对象和类、对象的使用、对象废除、对象类型
讲练结合
132号楼机房
3-4构造函数
7.2 JavaScript对象类型
11
2
掌握对象的类型和部分核心对象
讲练结合
132号楼机房
无
7.3 JavaScript核心对象
11
2
了解掌握核心对象、环境对象
讲练结合
132号楼机房
无
7.4  JavaScript DOM编程
12
2
了解掌握DOM对象和编程技巧
讲练结合
132号楼机房
例4-3 dom对象
8.利用html5+CSS3+JavaScript完成用户注册信息验证
（4学时）
8.1 用户注册信息验证页面布局
12
2
巩固并利用CSS进行页面布局
讲练结合
132号楼机房
无
8.2 完成用户注册信息验证页面
13
2
掌握JavaScript对象的使用
讲练结合
132号楼机房
例4-14注册表单验证

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。