[P2-s2]电商 PC 首页-天猫首页
输入“/”快速插入内容
[P2-s2]电商 PC 首页-天猫首页
[P2-s2]电商 PC 首页-天猫首页
用户8042用户80422024年11月5日修改
[P2-s2] 电商 PC 首页-天猫首页
项目阶段简介
项目阶段介绍
按照设计稿实现天猫首页。
在经过 s1 的登录页练习之后，你已经可以接受电商类 PC 首页的挑战了，上难度了，加油！
带着问题和你的思考去实践
•
面对一个内容复杂、模块众多的页面，要怎样下手开发呢？怎样提升自己的开发效率呢？
•
首页通常是业务的核心页面，也是维护改版的重灾区，要怎样提升我们代码的可维护性和可扩展性呢？
项目要求
•
保证最终实现的页面完全复现设计稿，真实的工作中，火眼金睛的设计师 1 px 的差异都能找到，不要心存侥幸
•
按照设计稿真得去开发，不要看答案！，包括去真实站点、或者去官方体验页面去查看样式代码
•
如果开发过程中碰到问题，不知道怎么实现的话，去网上查找答案，不要去看答案！在真实的工作中，你不会有参考答案的，你只能自己想办法找到问题的解决方案
•
记录你的疑问，比如：
◦
有个很难实现的地方，总感觉自己实现的方案不是最优方案，还有更好的方案
◦
不知道自己的实现方案到底好不好
◦
完成开发之后，再整体 review 一遍自己的代码，觉得还有哪些地方是不够好的
•
练习本项目你会收获什么？
•
学会正确使用 HTML 实现复杂的 PC web 页面
•
学会正确使用 CSS 实现复杂的 PC web 页面
•
【进阶】学会如何应用 HTML 语义化合理架构复杂页面
•
【进阶】深刻理解 CSS 三大特性
•
【进阶】深刻理解 HTML 和 CSS 的边界，以及它们两者如何配合
•
【进阶】学会如何编写更有语义的 HTML & CSS 代码
•
【进阶】逐渐形成自己的代码风格
本项目适合的同学
•
处于 L0&L1 水平的同学
•
对 HTML & CSS 还不熟练的同学
•
还没深刻理解 HTML & CSS （语义化、边界、配合）的同学
•
还没形成自己的 HTML & CSS 编码风格的同学
•
没怎么写过 C 端页面，大部分时间在做 admin 系统的同学
开始练习