[武汉|结业弟子]JS-万晶|2019年10月30日的日报-技能树.IT修真院

发表于： 2019-10-30 18:33:54

1 940

今天完成的事情：写出了任务八第一个页面的页面结构
明天计划的事情：继续进行任务八
遇到的问题：在考虑页面布局规划的时候花费较长时间，测试了各类布局的规划整理
收获：写出了大致的页面结构，基础代码

<div class="d1">
        <span>客服电话：010-594-34567</span>
        <img src="./8/1.png" alt="">
    </div>

这是最上面的部分，效果图

<div class="d2">
        <a href="">
            首页
            <div class="yc"></div>
        </a>
    </div>

这是下面一层导航栏的部分，效果图

写好样式之后再复制四个，计划利用hover的属性来实现下面白条的隐藏与浮现

<div class="d3">
        初级菜鸟
    </div>

这一部分是中间的背景图以及中间的字

计划效果图

<div class="d5">
            <div class="d6">
                三等分
            </div>
            <div class="d7">
                在线人数
            </div>

这一部分时在下一层的，分为左右两块，左边红圈三等分，右边也分上下部分

<div class="d8">
            <div class="d9">
                实例1，最后少个箭头
            </div>
        </div>

这一部分布局是如何学习的部分，这一部分有点奇怪为什么最后少一个箭头

<div class="d10">
            <div class="d11">
                罗大佑复制四个
            </div>
            <div class="d12">
                四个小点
            </div>

这是下面优秀学员展示的部分，预计效果图，这一部分可以直接四等分

 <div class="d13">
            <div class="d14">
                阿里巴巴复制五个
            </div>
        </div>

这是下面的战略合作单位部分，做好直接复制五个，预期效果

<ul class="l1">
            列表浮动
        </ul>

这一部分做一个浮动的列表实现类似的效果图

<div class="db">
        <div class="zb">

        </div>
        <div class="zj">

        </div>
        <div class="yb">

        </div>
    </div>

这是底部的部分，我的初步想法是分为三部分，左边两部分向左浮动，右边的靠右

明天继续加入具体的图片内容以及文字样式

返回列表

【任务5】 [武汉|结业弟子]JS-万晶 | 2019年10月30日 的日报 中品

评论

分享到

【任务5】 [武汉|结业弟子]JS-万晶 | 2019年10月30日的日报中品