我被分到的考核任务是苏大的首页,在敲代码的这几天,我也有了很多感受,失落的感觉有很多次,就觉得那些我想要的效果怎么一直都出不来,也遇到了许多的问题。
1.首先就是网页最上面的那个图片,我没找到原图,所以用了两个图片使用了负的margin使两个图片挨到了一起,但是这样调大页面时因宽度变小导致右边的图片会跑到下面。最后我只使用了一个图片,可能图片跟原网页的不太一样,但保证了图片的完整。
2.上面的那一行下拉菜单我把它和图片放到了一个大的div里面,但是那一行总是跑到图片的下面,最后我使用了绝对定位position:absolute。还有下面的第三列方塔发布,我把那三列放到了一个大盒子里,使用class=“col-md-4”,但是第三列总是到最下面,不去对应的位置,我也使用了绝对定位。都使用了绝对定位,我发现当调整页面大小时,使用绝对定位的地方总是乱跑,无法保证页面的正确。
3.对于轮播图,我设置了图片中间下面的小圈圈,但是在实际中却没有展现出来,而且轮播图也并不是滚动的,我得需要再看看轮播方面的知识。
4.另外就是权重的问题。因要设置很多的类名,而且代码中也有很多的盒子,导致可能因为权重的问题导致有些特效无法展现出来,这就需要多多注意。我在敲代码的时候使用了很多很多的行内样式表,我觉得是对于一些颜色、字体等简单的方面是比较好设置了一点。
学习知识和应用知识的差别真的好大,看似学会了在实际应用时却不知道如何更好的入手。而且对于一些结构我也不知道如何变通,只知道生搬硬套。总之,对于前端的学习,还是得要付出很多的时间去练习。