跳到主要内容
AI菜园AI菜园 · 学习中心 · V1.2

课程说明 · COURSE OVERVIEW

专项练习|本地网页最小修改与视觉验收

下面是课程介绍和章节目录。开通课程后,点击“开始学习”进入课节。

适合:准备改一个网页细节,也需要保留原版并检查相关页面的人。学习成果:在练习副本中修好一处网页布局,检查文字、链接和手机显示。学习安排:6 个课节 · 每节约 40–60 分钟

这门课怎么学、学完留下什么

只改信息卡背景之后;网页运行截图。背景由灰蓝变浅绿,时间、地点、说明与链接保持原样。
只改信息卡背景之后 网页运行截图。背景由灰蓝变浅绿,时间、地点、说明与链接保持原样。 打开大图
课程角色
三门主课后的专题选练,六节围绕一项弱点
适合谁
准备改一个网页细节,也需要保留原版并检查相关页面的人。
先会什么
先会“看懂 Codex 做了什么”“Codex 卡住了怎么办”的找文件、查看差异与恢复;主课先练完整流程,专项按需巩固新增判断。
解决什么
只改变一个视觉变量,核电脑与窄屏、邻近功能和恢复。
本课材料
本课完整虚构输入、必要文件全文与核对依据直接放在本站课页;在新空练习目录创建副本。
最终成果
坏版保留,工作版恢复布局,事实与邻近链接正常。
阶段成果
材料与边界 → 小范围动作 → 实际核对 → 第二情形 → 恢复与交接
这次增加的能力
把按钮颜色、间距、标题一起改,出问题就很难知道哪个导致。选信息卡背景一项,保留完整基线,再提有限任务。
本课边界
本地虚构练习;不做真实资料处理、账号权限调整、数据库、支付、联网发布或完整前后端平台。
工具条件
Windows中文操作为主;已具备Codex、记事本/文件目录与浏览器。需要原生文档或演示时,另核对应软件可打开与可编辑;没有条件先保留内容草稿。

课程大纲

课程章节与课节

返回课程库 →
第 1 章

网页副本、最小修改与视觉验收

按一个自然任务连续学习,完成后留下可检查成果。

01

本节学习

第 1 节:先留基线,只改一个视觉变量

基线可打开,目标变量仅信息卡背景,事实保留。

未学习查看对应开通方式 →
02

本节学习

第 2 节:截观察图,先记版本和视口

两视口观察对应当前工作版,色值变化可辨。

未学习查看对应开通方式 →
03

本节学习

第 3 节:看目标,也看旁边有没有带坏

目标和邻近三对象都有依据,错误不掩盖。

未学习查看对应开通方式 →
04

本节学习

第 4 节:390视口认出横向溢出

故障与修复有观察,信息卡可读且整页不撑宽。

未学习查看对应开通方式 →
05

本节学习

第 5 节:能打开之后,还要点击和重开

能重开且展开收起符合预期,原事实正确。

未学习查看对应开通方式 →
06

本节学习

第 6 节:带坏邻近区域,按文件恢复

坏版保留,工作版恢复布局,事实与邻近链接正常。

未学习查看对应开通方式 →