个人介绍
WEB前端系统基础

主讲教师:孙惠娟

教师团队:共5

  • 孙惠娟
  • 罗东芳
  • 赵景海
  • 杨凤霞
  • 马杰

第1期

课程介绍
《Web前端系统基础》是计算机科学与技术方向必修的一门专业基础技能课程,学生在学习本课程之前应当具有计算机网络和计算机操作的预备知识和能力。本课程以培养应用型人才为目标,考虑本专业学生的学习基础和学习特点。通过介绍基于HTML5的网页设计有关知识,使学生熟练掌握运用sublime等开发工具制作网页,理解和掌握新一代Web标准HTML5所涵盖的核心技术,了解HTML5标准的新特性和新技术。熟练掌握HTML的基本应用和HTML5的新标签的使用;熟练掌握CSS3和Javascript的基本语法及应用。在团队项目实施过程中训练和提高职业技能、团队协作人际沟通能力和软件开发能力,分析问题和解决问题的能力和团队工作交流能力,为今后从事Web开发相关工作打下基础。
教师团队

孙惠娟

职称:副教授

单位:河南财政金融学院

部门:计算机与信息技术学院

罗东芳

职称:副教授

单位:河南财政金融学院

部门:计算机与信息技术学院

赵景海

职称:讲师

单位:河南财政金融学院

部门:计算机与信息技术学院

杨凤霞

职称:副教授

单位:河南财政金融学院

部门:计算机与信息技术学院

马杰

职称:讲师

单位:河南财政金融学院

部门:计算机学院与信息技术

教学方法

教学目标

教学效果

参考教材

【1】《Web前端开发实践教程》, 李捷主编, 科学出版社, 2017年3月。

【2】《Web前端设计从入门到实践—HTML5、CSS3、JavaScript项目案例开发》(第2版), 张树明主编, 清华大学出版社, 2019年4月。


课程评价

教学资源
课程章节 | 文件类型   | 修改时间 | 大小 | 备注
1.1 说课
文档
.ppt
2020-05-15 5.66MB
1.2 Web技术综述
文档
.ppt
2020-05-15 9.94MB
 
附件
.${file.extension}
2020-05-15 --
 
附件
.${file.extension}
2020-05-15 --
 
附件
.${file.extension}
2020-05-15 --
1.3 软件下载、安装及使用
视频
.mp4
2021-11-07 22.01MB
 
附件
.${file.extension}
2021-11-07 --
1.4 HTML常用标签的使用
文档
.ppt
2020-05-16 5.29MB
 
视频
.mp4
2020-05-16 49.20MB
 
附件
.${file.extension}
2020-05-16 --
1.5 扩展知识--什么是HTML5
视频
.avi
2020-05-15 17.30MB
 
视频
.avi
2022-10-24 17.30MB
2.1 HTML5超链接
文档
.pptx
2020-05-15 766.35KB
 
附件
.${file.extension}
2020-05-15 --
2.2 HTML5 多媒体
视频
.avi
2022-10-24 42.73MB
 
视频
.avi
2022-10-24 69.92MB
 
附件
.${file.extension}
2022-10-24 --
 
附件
.${file.extension}
2022-10-24 --
 
附件
.${file.extension}
2022-10-24 --
2.3 HTML5列表元素
文档
.ppt
2020-05-17 6.81MB
 
附件
.${file.extension}
2020-05-17 --
 
附件
.${file.extension}
2020-05-17 --
 
附件
.${file.extension}
2020-05-17 --
2.4 综合案例1-----雅皮士玩具页面的设计
视频
.mp4
2020-05-16 84.30MB
 
附件
.${file.extension}
2020-05-16 --
2.4.1 案例1素材
附件
.${file.extension}
2020-10-26 --
 
附件
.${file.extension}
2020-10-26 --
 
附件
.${file.extension}
2020-10-26 --
2.5 HTML5新增input标签
视频
.avi
2020-05-24 54.01MB
 
附件
.${file.extension}
2020-05-24 --
2.6 HTML5新增表单属性
视频
.avi
2020-05-24 66.86MB
 
附件
.${file.extension}
2020-05-24 --
 
附件
.${file.extension}
2020-05-24 --
 
附件
.${file.extension}
2020-05-24 --
 
附件
.${file.extension}
2020-05-24 --
 
附件
.${file.extension}
2020-05-24 --
 
附件
.${file.extension}
2020-05-24 --
 
附件
.${file.extension}
2020-05-24 --
 
附件
.${file.extension}
2020-05-24 --
 
附件
.${file.extension}
2020-05-24 --
 
附件
.${file.extension}
2020-05-24 --
 
附件
.${file.extension}
2020-05-24 --
2.7 综合案例2---仿淘宝注册页面
视频
.mp4
2022-10-24 159.99MB
 
附件
.${file.extension}
2022-10-24 --
 
附件
.${file.extension}
2022-10-24 --
 
附件
.${file.extension}
2022-10-24 --
 
附件
.${file.extension}
2022-10-24 --
 
附件
.${file.extension}
2022-10-24 --
3.1 CSS语法及CSS添加方法
视频
.mp4
2022-10-24 105.05MB
 
附件
.${file.extension}
2022-10-24 --
 
附件
.${file.extension}
2022-10-24 --
 
附件
.${file.extension}
2022-10-24 --
3.2 CSS选择器
附件
.${file.extension}
2022-10-20 --
3.2.1 综合案例3--新闻页面讲解
视频
.mp4
2022-10-24 156.41MB
 
附件
.${file.extension}
2022-10-24 --
3.2.3 复合选择器
视频
.mp4
2022-10-20 120.29MB
3.3 元素的显示模式
视频
.mp4
2022-10-20 68.12MB
3.4 元素背景的属性
视频
.mp4
2022-10-24 171.73MB
3.5 CSS--列表和表格
文档
.ppt
2020-09-22 6.82MB
 
附件
.${file.extension}
2020-09-22 --
3.6.1 五彩导航栏的制作
视频
.mp4
2022-10-24 51.29MB
3.7 CSS布局与定位
附件
.${file.extension}
2021-11-07 --
 
附件
.${file.extension}
2021-11-07 --
 
附件
.${file.extension}
2021-11-07 --
3.7.2 盒模型讲解
视频
.mp4
2023-10-18 224.44MB
3.7.3 浮动布局
视频
.mp4
2022-10-26 139.90MB
3.7.3.1 仿小米布局的案例
视频
.mp4
2023-10-18 98.07MB
3.7.3.2 仿小米产品模块介绍的案例
视频
.mp4
2023-10-18 131.64MB
3.7.3.3 相对定位与绝对定位
视频
.mp4
2022-10-26 184.51MB
3.8 综合案例4-淘新鲜网页布局
视频
.mp4
2022-05-18 219.32MB
3.8.1 案例4素材
附件
.${file.extension}
2020-11-07 --
 
附件
.${file.extension}
2020-11-07 --
 
附件
.${file.extension}
2020-11-07 --
 
附件
.${file.extension}
2020-11-07 --
 
附件
.${file.extension}
2020-11-07 --
 
附件
.${file.extension}
2020-11-07 --
4.1 CSS3   2D变形
附件
.${file.extension}
2020-06-11 --
4.1.1 2D转换
视频
.mp4
2022-10-26 119.09MB
4.1.2 过渡和动画
视频
.mp4
2022-10-26 139.68MB
4.2 综合项目1--项目实践之我的家乡
视频
.mp4
2020-12-19 458.22MB
 
附件
.${file.extension}
2020-12-19 --
 
附件
.${file.extension}
2020-12-19 --
 
附件
.${file.extension}
2020-12-19 --
4.3 CSS3  3D变换
附件
.${file.extension}
2020-06-11 --
 
附件
.${file.extension}
2020-06-11 --
 
附件
.${file.extension}
2020-06-11 --
 
附件
.${file.extension}
2020-06-11 --
 
附件
.${file.extension}
2020-06-11 --
4.3.1 3D导航栏的制作
视频
.avi
2022-10-24 60.42MB
 
视频
.avi
2022-10-24 48.16MB
 
附件
.${file.extension}
2022-10-24 --
 
附件
.${file.extension}
2022-10-24 --
5.1 初识JavaScript
附件
.${file.extension}
2022-10-26 --
 
附件
.${file.extension}
2022-10-26 --
 
附件
.${file.extension}
2022-10-26 --
提示框
提示框
确定要报名此课程吗?
确定取消

京ICP备10040544号-2

京公网安备 11010802021885号