-
1 课程导读
-
1.1 岗课赛证融合
-
1.2 前端学习路线
-
1.3 开发工具的安装
-
1.4 AI编程工具
-
2 项目1 HTML页面结构设计实现“红色电影影评网”页面
-
3 项目2 网站导航栏设计与制作实现“党史教育网”页面
-
4 项目3 使用“高级选择器”实现“英雄之城”专题页面
-
4.1 【育人园地】教育对话：理解职业角色与使命
-
4.2 任务1 “英雄之城”专题页面结构设计
-
4.3 任务2 设计专题页面隔行取色文字（属性和关系选择器）
-
4.4 任务3 实现专题页面文字前小标题（伪元素选择器）
-
4.5 任务4 实现专题页面仿tab栏跳转切换效果（ 结构化伪类选择器）
-
4.6 【X证点】职业技能要求
-
5 项目4 使用盒子模型实现“音乐排行榜”页面
-
5.1 【育人园地】师生互动：职业使命感
-
5.2 任务1 “音乐排行榜”页面结构设计
-
5.3 任务2 设计音乐排行榜的文字排行（认识盒子模型）
-
5.4 任务3 设计音乐排行榜的图文效果（盒子模型的相关属性）
-
5.5 任务4 实现音乐排行榜的光盘背景（渐变、复合背景属性）
-
5.6 【X证点】职业技能要求
-
6 项目5 使用元素定位实现“伟大精神”网页焦点图
-
6.1 【育人园地】：师生共塑职业精神
-
6.2 任务1 “伟大精神”网页焦点图介绍（网页布局、认识浮动与清除浮动的方法）
-
6.3 任务2 焦点图准备任务（元素的浮动定位和overflow）
-
6.4 任务3 实现焦点图滚动样式（元素的绝对定位）
-
6.5 任务4 实现“伟大精神” 网页焦点图
-
6.6 【X证点】职业技能要求
-
7 项目6 使用弹性定位实现“助农助销”团购页面
-
7.1 【育人园地】责任与成长：师生共话职业道路
-
7.2 任务1 任务准备：认识弹性盒子
-
7.3 任务2 实现“助农助销”团购页面
-
8 项目7 使用表单实现“数字图书馆”登录页面
-
9 项目8 使用多媒体元素实现音乐播放界面
-
9.1 【育人园地】师生共话：责任担当
-
9.2 任务1 设计音乐播放界面的页面结构
-
9.3 任务2 嵌入音频和视频
-
9.4 任务3 CSS美化“音乐播放界面”
-
9.5 【X证点】职业技能要求
-
10 项目9 综合实战—制作油纸伞网站首页
