发表于: 2017-04-01 23:55:47
1 632
任务进展:
师兄说任务7提交先放着,继续做后面的任务,等域名下来后一并提交。今天完成了任务8的首页基本布局,差footer未完成,与之前的任务相比,任务8的内容量较大。页面采用bootstrap导航栏组件,将第一个页面的主体内容置于导航栏“首页”选项下,主体内容分为六大部分:
1:轮播图:采用bootstrap轮播图组件,定位文字位置完成。
2:特点介绍及人数统计部分:采用bootstrap栅格系统分四列,每列内部放置图像及文字,调整布局定位完成。
3:如何学习部分:采用bootstrap栅格系统分四列,每列内部放置圆形图像、文字和箭头,调整布局定位完成。
4:优秀学员展示部分:采用bootstrap轮播图组件,每一组中嵌入bootstrap栅格系统并分四列,每列内部放置图像文字,调整布局定位完成。
5:战略合作企业部分:使用正常div,内部放置图像,调整布局定位完成。
6:友情链接部分:使用表格,内部嵌入带图标的列表,调整布局定位完成。
遇到问题:
以上部分在pc端全屏可以正常显示,但当屏幕缩小时,会出现一些细节问题有待解决,比如内部图像相比较大而超出,导致布局交错混乱等。打算在完成三个页面的主体基本布局之后再统一解决细节问题,这样做是因为此时页面各个部分的逻辑关系和位置关系已经确定下来,可以将出现的细节问题框定在一个确定的范围内,有助于理清思路解决问题。
由于书写页面时思路确定,便一鼓作气写了下来,导致没有时间去看任务7的思考问题,明天补上。
明日计划:
1:回答任务7思考问题。
2:继续书写页面布局。
收获:
对bootstrap各组件内部关系有了进一步的理解。
评论