摘要： 开始我的订单页面 学着学着，会觉得我这是在干啥呢？我要学的是Java不是吗？怎么要学这么久的前端啊？说实话，我很迷茫，不知道以后的工作具体是做什么？学的这些能用到吗？ 不过，还是要把这个项目跟着走完！加油。。。 一、我的订单页面——简单的标题部分 自己模仿站长的样子做的，用了站长推荐的工具：屏幕标尺 阅读全文

摘要： 收拾好心情，现在开始学习第5个页面——购物车页面！ 一、结算按钮 这个还是比较简单的，我自己看着站长的样子模仿了一个： 有个地方不会做，就是全选前面的复选框，站长的框里面是白色的，我搞不来。 二、订单项内容 上面是借鉴了站长的布局思路，自己写的CSS样式，有个地方没有做好：1.每一个商品的订单没有垂 阅读全文

摘要： 开始产品页面的学习。项目里面有900多种商品，但是每种商品的布局是一致的：1.产品图片 2.基本信息 3.产品详情 4.累计评价 5.交互。从第一个产品图片开始吧！ 一、产品图片 产品图片用到了分类页面中学到的一个技术，就是鼠标悬停在某个图片上的时候，这个图片的边框会加粗，这是利用了加一层框架的技术 阅读全文

摘要： 开始学习分类页面！ 站长介绍说，这个项目一共有17个分类页面，每个分类页面的风格都是相似的：由分类图片、 查询、各种排序方式，产品列表。内容很多，拆成3部分学习：1.排序和价格 2.产品列表 3.交互。学习的时候不要着急，不要急躁，不要急于求成，好了，开始吧。 一、排序和价格 纯html页面： 自己 阅读全文

摘要： 今天早上开始首页内容。首页除了公共页面，还有许多自己的内容：导航和轮播、分类菜单、推荐产品展示，最后还有js的互动。 一、导航和轮播的学习 在自己做图片的轮播时，还是没有一次成功。存在了好几处问题： 修改好以后，纯Html效果如下（虽然说是纯html，但是已经用到了bootstrap框架） 自己尝试 阅读全文

摘要： 首先是公共页面的学习，有页头、页脚和搜索框。 一、页头就是天猫网站的置顶导航栏： 看似简单，实际做起来也不容易。 写html还是比较简单的，撸起袖子就可以写完。可要想做到上图的样式就难了，难就难在CSS，有绝对定位、相对定位、浮动，背景颜色的选择，字体大小和颜色，这些我都是直接跟着站长的写。这里面用 阅读全文

摘要： 在使用bootstrap框架中的轮播插件时，效果做出来后，无法通过点击小圆行的按钮来选择特定的图片。 后面发现是最开始的<div>标签中少写了一个id。一开始<div>标签是这样的：<div class="carousel slide carousel-of-product" data-ride=" 阅读全文