返回首页
在线教程 · 10 章
Web
设计基础
从 HTML 到 CSS,系统掌握网页设计与前端开发。
理解语义化结构,掌握现代布局,学会响应式设计。
10
章节
3
主题分组
<div class="design">
基础篇
3 章
01
HTML 核心结构
掌握网页的基本构成元素,理解标签嵌套与文档结构
02
HTML 的 AI 精准生成
描述结构而非样式,说明语义而非外观,让 AI 理解你的意图
03
Project:搭建 Github 主页
从零构建个人网站并发布到 GitHub Pages
样式篇
4 章
04
CSS3 基础语法
从语法结构到选择器、层叠与继承,系统掌握 CSS 核心概念
05
CSS3 布局系统
Flexbox 与 Grid 布局实战,掌握现代网页布局的核心方法
06
CSS3 响应式设计
一套代码,多种设备,一致体验——掌握媒体查询与移动优先设计
07
CSS3 动画与过渡
transition、transform 与 @keyframes,让界面变化丝滑且有温度
实战篇
3 章
08
渐进式引导生成
让 AI 真正理解你的设计意图,实现精准的前端代码生成
09
Project:个人主页美化
用 CSS3 为个人主页注入美感,打造专业级个人网站
10
调试与排错工坊
用浏览器 DevTools 定位 HTML/CSS 常见错误,建立系统化调试心法