Web前端开发课堂讲义课件.pptxVIP

COURSEHANDBOOK

Web前端开发

课堂讲义

课程导览

CHAPTEROPENING

01

网页初识

每一个网页，都是结构与样式的合奏

浏览器把代码翻译成页面

浏览器读入代码文件，把标签、样式和脚本转换成屏幕上的画面，这件事依赖三套技术。

写下第一个网页文件

边写边看，是前端最快的入门方式。

把「写代码→看效果」练成肌肉记忆，三步搞定：

CHAPTEROPENING

02

HTML骨架

标签是网页的骨骼，内容因它而立

认识网页的固定骨架

用标题和段落组织文字

列表让信息更有条理

用图片和链接串联页面

CHAPTEROPENING

03

CSS样式

样式让骨架有了温度与性格

用选择器把样式指向元素

从颜色和字体开始美化

把样式集中写进style标签

样式一多，散落在各标签上就难维护，集中写进style标签是更推荐的做法。

CHAPTEROPENING

04

布局成型

布局是页面从零件到整体的关键一跃

盒模型：每个元素都是盒子

用弹性布局让元素排成行

父元素设display:flex，直接子元素自动横向排成一行，无需逐个调边距。

综合实战：完成一张个人主页

结构

标准骨架建文件；标题、段落介绍自己；列表组织兴趣；图片放头像；链接指向社交账号

样式

THANKYOU

从标签到布局，

构建你的第一个网页

看懂网页，才能写出网页

动手实践，是前端学习最快