s1

P2-s1 电商 PC 首页-淘宝登录页

项目阶段简介

项目阶段介绍

按照设计稿实现淘宝登录页。

CSS 的第一个项目，如果一上来就让你实现首页，那难度有点拉得太高了，

所以，我们先实现一个登录页，简单一点，就当做开胃菜。

在线体验

项目要求

• 保证最终实现的页面完全复现设计稿，真实的工作中，火眼金睛的设计师 1 px 的差异都能找到，不要心存侥幸

• 按照设计稿真得去开发，不要看答案！，包括去真实站点、或者去官方体验页面去查看样式代码

• 如果开发过程中碰到问题，不知道怎么实现的话，去网上查找答案，不要去看答案！在真实的工作中，你不会有参考答案的，你只能自己想办法找到问题的解决方案

• 记录你的疑问，比如：

  • 有个很难实现的地方，总感觉自己实现的方案不是最优方案，还有更好的方案
  • 不知道自己的实现方案到底好不好
  • 完成开发之后，再整体 review 一遍自己的代码，觉得还有哪些地方是不够好的

• 带着你的疑问，再去真实站点或者官方参考答案去寻找答案，如果还是没有得到解答，请来 之道前端 提问

练习本项目你会收获什么？

• 学会正确使用 HTML 实现 PC web 页面
• 学会正确使用 CSS 实现 PC web 页面
• 感受并理解 HTML 和 CSS 的边界，以及它们两者如何配合
• 【进阶】学会如何编写更有语义的 HTML & CSS 代码

本项目适合的同学

• 处于 L0&L1 水平的同学
• 对 HTML & CSS 还不熟练的同学
• 没怎么写过 C 端页面，大部分时间在做 admin 系统的同学

开始练习

我们针对不同经验的同学提供了相应的练习指引手册，你可以按照这个指引手册来练习本项目。