课程首页
第 1 课
课堂目录
Web基础与网页开发入门
50 页 · 观察、修改代码与运行验证
打开课堂展示
逐页打开源码课件
01
你好,我是吴卓霏
02
我们要学习一门怎样的课程?
03
学完后应形成哪三类能力?
04
课程总评成绩如何计算?
05
我们每天都在使用网页
06
从网页制作到前端开发的基础能力
07
用“做中学”掌握前端
08
推荐教材与学习通资料使用方式
09
中文入门资源与大模型辅助实现
10
英文规范、调试文档与案例资源
11
以小组为单位,共建一个信息型网站
12
互联网不等于万维网
13
Web 世界中的常用术语
14
为什么它被称为“网”?
15
浏览器请求,服务器响应
16
输入网址后,哪些步骤先后发生?
17
拆开一个 URL
18
HTTP 规定“怎样说”,HTTPS 增加“安全地说”
19
网站、主页、网页与站点根目录
20
HTML:超文本标记语言
21
浏览器会继续请求哪些资源?
22
结构、表现、行为相互协作
23
在 VS Code 项目文件夹中创建 HTML 文件
24
点击按钮后,页面会发生什么?
25
一次只关闭一个部分,会发生什么?
26
不要只打开一个文件,要让 VS Code 认识整个项目
27
第一次实验直接打开 index.html
28
完成必做任务后,可以用 Git 保存一个有说明的版本
29
完成一次“修改—保存—刷新—观察”
30
用个人主页练习一次开发过程
31
从项目文件夹到可观察页面
32
两项必用工具,加两项学习支持
33
图片为什么没有显示?
34
开始标签、内容与结束标签
35
常见 HTML 标签与使用场景
36
属性为元素补充信息
37
每个页面都从这个结构开始
38
页面的“幕后资料”
39
页面标题与正文标题不是同一处
互动
40
把文字写成可读的网页内容
41
把标签当文字展示
互动
42
从“能显示”走向“有语义”
43
语义化 HTML 让信息结构可被理解
44
判断:哪句话正确?
45
两份源码,哪一份更规范?
46
养成清晰的目录习惯
47
让 AI 成为“解释与检查”助手
48
今天,你已经建立了这些基础
49
内容不变,网页能变成什么样?
50
完善“班级个人主页”