发表于: 2018-07-07 22:04:46

1 713


今天完成的事情:感觉好久没发日报,很难受,感觉很忏愧,今天开始任务3了

嗯,首先下载魔镜介绍页.psd, 嗯 发现了一个不认识的扩展名,下载下来后无法打开,

百度后发现需要下载ps才行,于是去下载ps了。

然后,嗯算是大概明白任务三,是需要用ps工具把需要的图片截取下来,然后制作出这页面嘛

从步骤1开始了,

做到步骤3,嗯开始时这样想的,参照任务效果展示进行了宽度和高度的设置,嗯出来结果是这样的

集中在左边了,然后查找居中方法,设置margin 为0 auto,对齐了但放大缩小时无法占满屏幕,嗯想到也许就该整个页面都是这样

我进行了这样设置

但这样设置,出现下图(无视文本),下面有一处,未占满

嗯,先不管把图片都添加上,发现添加了图片都特别大,

然后在师兄的指导下,从切图储存开始进行了图片大小的编辑,嗯下面是效果图

下面俩图片下面差字,还是先解决并排挨一起的问题,

使用2个div,然后加上浮动就好了

然后出现了新的问题,放大时,下面俩个图片不会分开,而是会一起左移

试着给第二个图片加上往右浮动,结果还是没变,想着是不是设置的值有问题,但结果还是没变

嗯最后在,师兄的指导下,才发现居然是;;写错了,蠢哭了

终于弄好了,配置nginx并本地连接,因任务一已经弄过了,所以直接上效果图

关于git上传,创建时需要点这个

然后在把主文件夹的idndex.html编辑一下,使用a标签把任务文件夹的文件加上就ok了


明天计划的事情:做任务4

遇到的问题:右浮动不浮动,原来是符号错了 

      在ps切图的时候,在切图的时候,左边的一切正常,右边按左边一样流程切图只能切logo或绿色的圆

想了一下,两边依次切,然后移动了一下就完成了。

收获:完成任务三


返回列表 返回列表
评论

    分享到