ife.baidu.com
2017.03

ABOUT

TECHNOLOGE

about technologe about technologe about technologe

700

WHAT

只需要完成HTML,CSS代码编写,不需要写JavaScript 设计稿中的图片、文案均可自行设定 在Chrome中完美实现符合标注中的各项说明 有能力的同学可以尝试跨浏览器的兼容性 有能力的同学可以在实现一遍后尝试用less, sass或者stylus等再实现一次

WHEN

只需要完成HTML,CSS代码编写,不需要写JavaScript 设计稿中的图片、文案均可自行设定 在Chrome中完美实现符合标注中的各项说明 有能力的同学可以尝试跨浏览器的兼容性 有能力的同学可以在实现一遍后尝试用less, sass或者stylus等再实现一次

HOW

只需要完成HTML,CSS代码编写,不需要写JavaScript 设计稿中的图片、文案均可自行设定 在Chrome中完美实现符合标注中的各项说明 有能力的同学可以尝试跨浏览器的兼容性 有能力的同学可以在实现一遍后尝试用less, sass或者stylus等再实现一次

前端技术领域

课程多数题目的解决方案都不是唯一的,这和我们在实际工作中的情况也是一致的。因此,我们的要求不仅仅是实现设计稿的效果,更是要多去思考不同的解决方案,评估不同方案的优劣,然后使用在该场景下最优雅的方式去实现。那些最终没有被我们采纳的方案,同样也可以帮助我们学到很多知识。所以,我们列出的参考资料未必是实现需求所必须的。有的时候,实现题目的要求很简单,甚至参考资料里就有,但是背后的思考和亲手去实践却是任务最关键的一部分。在学习这些资料时,要多思考,多提问,多质疑。相信通过和小伙伴们的交流,能让你的学习事半功倍。

参考 PDS设计稿(点击下载),实现页面开发,要求实现效果与 样例(点击查看) 基本一致 页面中的各字体大小,内外边距等可参看 标注图(点击查看) 页面宽度固定(定宽)