项目简介:

• 首先观察并分析原网站整体布局, 标记网页相同样式的地方, 下载原网页图片等原材料.
• 手写 div+css 完成网页布局, 实现网页静态效果, 预留轮播图位置.
• 使用 css 手写二级导航菜单.
• 优化整个项目代码, 调试兼容性.

项目收获:

• 熟悉了PC端网页开发流程.
• 熟悉了 css 的使用.
• 理解了代码复用的重要性.
• 理解兼容性问题

项目总结:

• 本项目是一个PC端项目，这个是刚开始学习制作的一个电商类网站，完成这个项目使我对根据设计原图实现前端展示效果有了更好的理解与应用, 同时熟悉了的兼容问题 . 不足是这个项目只做了首页静态效果, 没有服务端交互，但是通过学习制作的过程, 还是让自己有很多收获, 对前端有了新的认识.