英文规范、调试文档与案例资源
规范与调试
MDN Learn Web Development https://developer.mozilla.org/en-US/docs/Learn_web_development HTML、CSS、JavaScript 的主学习线与练习。
MDN：你的第一个网站 https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web 从环境准备到第一个网页的完整示例。
Chrome DevTools 文档 https://developer.chrome.com/docs/devtools 了解 Elements、Console、Network 等调试面板。
W3C WAI：无障碍入门 https://www.w3.org/WAI/fundamentals/accessibility-intro/ 理解语义化、替代文本和可访问性。
设计与平台案例
CSS Zen Garden https://www.csszengarden.com/ 先把它当作“同一内容、不同页面外观”的观察案例；具体实现方法将在后续课程学习。
Web Pages That Suck http://www.webpagesthatsuck.com/ 从反例讨论可读性、导航、动效与用户体验。
乐学网站 http://online.bit.edu.cn/ 观察高校课程平台的组织与学习活动；访问以实际开放情况为准。
观察
看网页时，不只评价“好不好看”。请尝试说清：它的内容如何分组？导航是否清楚？页面外观有什么特点？是否兼顾了不同设备与不同用户？
查证原则：中文教程适合快速上手；遇到规范差异、浏览器行为和无障碍问题时，以 MDN、浏览器文档和 W3C 资料为准。CSS 是后续会学习的“网页样式语言”，主要负责颜色、字体、间距和布局；本节课只需先观察页面外观。外部链接均需联网访问。