职称:副教授
单位:河南财政金融学院
部门:计算机与信息技术学院
主讲教师:孙惠娟
教师团队:共5位
第1期
《Web前端系统基础》是计算机科学与技术方向必修的一门专业基础技能课程,学生在学习本课程之前应当具有计算机网络和计算机操作的预备知识和能力。本课程以培养应用型人才为目标,考虑本专业学生的学习基础和学习特点。通过介绍基于HTML5的网页设计有关知识,使学生熟练掌握运用sublime等开发工具制作网页,理解和掌握新一代Web标准HTML5所涵盖的核心技术,了解HTML5标准的新特性和新技术。熟练掌握HTML的基本应用和HTML5的新标签的使用;熟练掌握CSS3和Javascript的基本语法及应用。在团队项目实施过程中训练和提高职业技能、团队协作人际沟通能力和软件开发能力,分析问题和解决问题的能力和团队工作交流能力,为今后从事Web开发相关工作打下基础。
课程章节 | | 文件类型 | | 修改时间 | | 大小 | | 备注 | |
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 | -- |