从零基础搭建Web认知框架

很多同学想转入软件测试岗位，却卡在“不懂开发逻辑”的门槛上。这门课并非直接教写测试代码，而是通过前端基础切入，解决“看不懂代码结构、不理解网页运行原理”的核心痛点。它适合完全没有编程经验、甚至对计算机基础概念（如IP、DNS、HTML标签）感到陌生的初学者。课程设计逻辑是从计算机底层原理向上延伸至前端页面构建，先讲清楚数据如何在网络中传输、浏览器如何解析代码，再动手编写第一个网页。这种“先懂原理后动手”的路径，能帮你建立与开发人员对话的技术语境，避免未来工作中因看不懂程序报错而只能被动等待。

核心模块与学习路径建议

资料内容分为计算机基础与HTML基础两大板块，建议按顺序攻克。首先花少量时间理解二进制、编码及网络请求响应机制，这部分内容虽枯燥，却是理解后续调试日志的基础，无需深究数学细节，只需掌握“数据如何从服务器到达浏览器”的流程即可。重点应放在HTML章节，从骨架标签、语义化标签到图片与超链接的嵌套，这是所有Web应用的“骨架”。建议在学习过程中，每看完一个标签讲解，立即在本地编辑器中复现。不要试图一次性背诵所有属性值，而是建立“标签名-功能-常用属性”的联想记忆。遇到网络配置或命令行操作时，直接在虚拟机或本地终端练习，肌肉记忆比理论更可靠。

学完能独立做什么

完成本阶段学习后，你将具备独立搭建静态网页的能力，能使用标准HTML标签构建包含文本、图片和交互链接的完整页面。更重要的是，你能够读懂前端代码的结构，理解DOM树的基本形态。这对于转行测试人员至关重要：当你遇到页面元素定位失败、样式错位或资源加载404错误时，你能打开浏览器开发者工具，结合HTML知识快速判断是前端代码逻辑问题还是后端数据缺失，从而更精准地提交Bug报告。资料中的视频讲解配合课后练习，建议采用“看-写-改”三步法，先模仿视频写出代码，再尝试修改标签属性观察浏览器渲染变化。这种基于具体工作场景的能力构建，比单纯考取证书更能提升你在测试团队中的专业度，让你从“黑盒测试”向具备“白盒视野”的测试工程师过渡。

课程目录

01阶段一测试基础_v4.0 01第一章计算机基础_v4.0 001件测试定义__.mp4
 98.85M 002计算机基本特点__.mp4
 36.53M 003_计算机硬件组成__.mp4
 57.78M 004常见操作系统软件分类__.mp4
 47.20M 005二进制基础__.mp4
 39.34M 006了解程序员的苦__.mp4
 18.17M 007编码__.mp4
 22.64M 008单位换算__.mp4
 17.23M 009浏览器__.mp4
 39.24M 010图片类型__.mp4
 24.78M 011域名__.mp4
 70.85M 012ip地址__.mp4
 13.65M 013dns和hosts文件__.mp4
 26.89M 014客户端、服务器，请求、响应__.mp4
 20.59M 015网站访问过程串讲__.mp4
 29.03M 016ping命令__.mp4
 36.17M 017查看物理地址__.mp4
 24.61M 018切换、dir和上下键__.mp4
 22.06M 019cd切换目录__.mp4
 32.73M 020复习_计算机基础__.mp4
 82.31M 02第二章HTML_v4.0 021web前端三大核心技术__.mp4
 31.80M 022简介和新建html页面__.mp4
 78.34M 023骨架标签__.mp4
 61.38M 024文章标题__.mp4
 37.67M 025空格和回车__.mp4
 36.52M 026p标签和标签语义化概念__.mp4
 31.94M 027代码注释__.mp4
 36.68M 028文字相关标签01__.mp4
 32.48M 029文字相关标签02__.mp4
 34.26M 030工具打开浏览器运行代码__.mp4
 23.20M 031键值对、kv对、属性名和属性值__.mp4
 11.01M 032img标签01__.mp4
 32.73M 033img标签02__.mp4
 33.50M 034img标签03__.mp4
 68.89M 035超链接基础语法__.mp4
 51.58M 036超链接语法进阶__.mp4
 78.36M 037复习_HTML基础语法__.mp4
 29.92M 038复习_HTML基础语法__.mp4
 41.03M 039相对路径__.mp4
 89.32M 040绝对路径__.mp4
 33.13M 041路径练习__.mp4
 24.71M 042列表__.mp4
 20.56M 043布局的标签__.mp4
 46.77M 044音、视频标签__.mp4
 53.19M 045测试ie低版本__.mp4
 58.21M 046表单基础__.mp4
 58.57M 047密码框__.mp4
 22.11M 048单选按钮__.mp4
 63.50M 049多选框、复选框__.mp4
 42.05M 050下拉菜单__.mp4
 46.82M 051文本域__.mp4
 42.67M 052按钮__.mp4
 60.23M 053复习_标签表单__.mp4
 31.63M 054复习_标签表单__.mp4
 75.68M 055用户体验的提升__.mp4
 66.10M 03第三章CSS_v4.0 056css基础__.mp4
 5.39M 057css基础语法__.mp4
 61.18M 058开发工具的使用__.mp4
 87.75M 059标签选择器__.mp4
 21.81M 060id选择器基础__.mp4
 33.25M 061上午课程的复习__.mp4
 10.01M 062命名规则__.mp4
 54.79M 063class类选择器__.mp4
 66.13M 064css书写位置、引入方式__.mp4
 44.10M 065内嵌、外链应用场景__.mp4
 122.56M 066了解行内式__.mp4
 36.51M 067鼠标移入、伪类__.mp4
 24.71M 068并列、并集选择器__.mp4
 20.36M 069后代选择器__.mp4
 42.70M 070复习_CSS选择器__.mp4
 32.25M 071复习_CSS选择器__.mp4
 44.52M 04第四章后端语言_v4.0 072cs和bs__.mp4
 66.97M 073语言发展__.mp4
 56.02M 074后端语言了解__.mp4
 22.85M 05第五章测试理论_v4.0