摘要: 一、任务概述 当前时代倡导新时代、新技能、新梦想,大力弘扬劳模精神、劳动精神、工匠精神,鼓励青年走技能成才、技能报国的路线。本次课程依托新云课堂项目,学习表单相关开发。 表单核心定位 对用户端:表单是数据录入、填写、提交的交互界面。 对网站后端:表单是收集用户信息最核心的途径。 表单常见业务场景 网 阅读全文
posted @ 2026-07-07 09:38 这几年 阅读(6) 评论(0) 推荐(2)
摘要: 一、HTML5 基础页面核心知识点 标准HTML5页面基础9行骨架代码 一份规范的HTML5文档,有着固定的基础结构,也是我们写网页的起点,标准基础结构共9行核心代码: 网页标题 2. 基础结构5组标签嵌套关系 HTML文档是层级嵌套结构,5组核心标签层级关系: (文档声明,不属于html标签) └ 阅读全文
posted @ 2026-07-07 09:36 这几年 阅读(4) 评论(0) 推荐(2)
摘要: 场景:前端基础练习 / 原生JS交互实战 核心目标:输出一个静态网页,通过 JavaScript 实现系统时间的实时显示(格式:年月日时分秒) 一、课堂任务与要求 本节课的任务是考察大家对原生 JavaScript 定时器与 DOM 操作的基础掌握情况: • 文件结构:要求建立标准的 Web 项目目 阅读全文
posted @ 2026-07-07 09:34 这几年 阅读(8) 评论(0) 推荐(2)
摘要: 课程主题:电商Web原型 - 商品详情页结构与交互实现 一、页面结构拆解(从设计图到代码骨架) 老师给的原型图是典型的电商商品详情页,核心模块: • 顶部导航(商城Logo、分类、搜索、购物车) • 面包屑(首页→餐厨→当前商品) • 商品主区域(左侧图册+右侧信息) • 同类商品推荐(横向滚动) 阅读全文
posted @ 2026-07-07 09:30 这几年 阅读(10) 评论(0) 推荐(2)
摘要: 一、为什么学 Flex?—— 解决传统布局痛点 以前我们用 float、position 做布局,经常遇到: • 元素对齐困难 • 响应式适配麻烦 • 垂直居中要写一堆 hack Flex 布局 就是为了解决这些问题而生的!它通过“弹性容器 + 弹性项目”的模型,让布局变得像搭积木一样简单。 二、F 阅读全文
posted @ 2026-06-26 09:06 这几年 阅读(13) 评论(0) 推荐(2)
摘要: 课程主题:CSS 高级应用 —— 精准绘制扇形 & 表单结构优化 适用场景:前端入门进阶 / 博客复盘 / 面试复习 一、核心知识点总结 1️⃣ CSS 绘制“四分之一圆扇形”(单角圆弧) 需求特征: • 正方形容器 • 仅 左下角 为圆弧 • 右上角 为直角 • 内部包含居中的数字或图标 核心代码 阅读全文
posted @ 2026-06-26 09:02 这几年 阅读(3) 评论(0) 推荐(1)
摘要: 一、课程主题 搭建亿贝企业官网,综合使用 HTML 结构、CSS 样式、JavaScript 轮播特效,掌握文件规范、图片路径、代码排错技巧。 二、项目文件结构(必记) 标准目录(顺序/位置不能乱) 项目文件夹 ├─ 亿贝.html 主页面(HTML + 内嵌JS) ├─ css │ └─ styl 阅读全文
posted @ 2026-06-15 18:39 这几年 阅读(11) 评论(0) 推荐(1)
摘要: 一、完整代码整合 HTML 结构(卡片布局) 亿贝CALI 了解有关选项卡和选项卡快捷方式、加速器和 In >>了解详情 2. CSS 样式(含所有课堂代码) /* 1. 外层容器(控制整体宽度和边距) */ .card { width: 403px; margin-left: 70px; padd 阅读全文
posted @ 2026-06-09 09:33 这几年 阅读(6) 评论(0) 推荐(1)
摘要: 一、案例需求 利用表格搭建登录/注册选项卡布局,鼠标悬浮标签自动互换两个按钮背景图,实现高亮选中效果,下方通栏展示一张背景大图。 二、完整源代码 选项卡切换 登录 注册 三、知识点梳理 1、HTML表格知识点 table属性:border="0"去掉边框、cellspacing="0"单元格间距清零 阅读全文
posted @ 2026-06-04 08:52 这几年 阅读(9) 评论(0) 推荐(1)
摘要: 一、底部背景固定(CSS) 核心属性 background-image:引入背景图片 background-repeat: repeat-x:图片沿水平方向平铺 background-position: left bottom:背景定位在页面左下角 background-attachment: fi 阅读全文
posted @ 2026-05-26 08:26 这几年 阅读(6) 评论(0) 推荐(1)