发表于: 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或绿色的圆
想了一下,两边依次切,然后移动了一下就完成了。
收获:完成任务三
评论