00:00
好,来我们写第六天的啊,OK,第六天东西的话啊,会比较的舒服简单。OK,好,我们应该是看选项盘了。OK。呃,这个干掉。OK。首先做离。OKT的布局好来看一下,好,先去把这个参数拿过来,订阅台完整版参数。好。好,听进来,好,这个规格先全部放在这,OK,好,文本。
01:03
好吧,这再再来做处理吧。首先我们来看一下。好,把这个布局咱们先。做一做,OK,打开完整版吧。要刷来刷一下。好,那这边合起来,头部合起来,内容区合起来,OK,咱们是要去写第三个结构了,好,前两个结构分别是吧,这个是什么?这个是懂了吗?OK,底下这个是。护肤花瓶。好,再来看这边咱们写什么,看看选一下看。OK,好看。看一下这个东西。
02:00
啊,MV主播什么主播。啊,应该写错了啊,MV主播,OK,好吧,主播就主播了,来看一下这个是不是咱们画这个区域了。这是不是一个单独的区域?是不是啊,而且你会发发现后面结构是不是都是一样的,所以样式只写一套,结是也只写一套,以后这些这些东西的话干嘛直接可就是就是一个嘛,铁吧是吧,问题是这个东西怎么设计大看看。好,这肯定是个包裹去是吧,OK,然后呢,这里面肯定是一个头部。里面一个导航,现在是个,现在是个小,现在是个小网页吧,是吧,OK,这都是列表。是吧,这边有个什么。小绿。是不是一个小绿在这边是吧,有个小绿。是吧,OK,然后呢,这个里面是不是一个个的容器啊是吧,OK,这个容器里面是不是分上下两个结构,图片文字跟评论区啊是吧,结构差不多,应该有个印象吧,那把这个结构我们写写啊,这应该是我们最后一次发言没有。
03:15
啊,因为因为后续没有什么页面可以画了。懂吗?OK,我们看用来把这个东西干嘛,来写一写。好,看下这个选卡,好首先给你来个D吧,是吧,我们给一个什么,而且问你这边能给ID吗。啊,切记你写这个T,你写上面可以给ID,这边就不能给ID了,因为我要复用的,因为ID我就没办法复用了。OK,好,来什么tap OK里面什么一个是tap had是吧?OK,然后呢,Never。
04:01
啊,可以吧,是吧,那最好这个我们也求一个。是不是OK好,那总体那这个里面应该有有有几样东西啊。两样吧,一般这个东西的话,我们说他应该算一个副标题。是不是HR272找你好,叫什么NB主播,OK,想主播想疯了OK后面是什么?后面应该是个SPA是吧?啊,我昨天晚上也做了一把主播更多OK好,然后呢,嗯。这个大于或者世纪之物怎么写集体吗?是不是这样好,这你看一下吧,应该。
05:04
基金是不是大家号码是不是这些东西叫什么实体字符吧,啊这个不要记啊,千万不要记啊,不要背它。查啊,用的时候去查一下,你你记这种你记你应该记思路API都不要记。常用的API套路,稍微记一记就行了,像什么credit step这种你要记是吧,是就是垂直水平运算记一记啊,其他的东西的话,说实话真的嘛,有API文档给你的,你查1PI啊,这个不能记的,工作量太大了,好,那这个结构是就齐了,OK,那他们里面呢,这什么鬼还在我干掉。说一下OK,然后呢,这边是不是也是一个区域啊,这个区域里面应该有什么。这个其实啊,其实一般没有拖拽效果的,导航的话就是没有什么交互效果的,导航的话,我喜欢用一个。
06:07
拿个用这些都是标签好布局吗?你要用U的话,说实话布局面可能会稍微有点难度,是不是结构多嘛,只以一般这种这种东西看上去比较干净,而且干嘛你发现你拖它点它都没有什么啊,你点它有效果也没事,只要只要没有这种什么拖拽啊,或者说没有什么滑行的这种导航的话,一般怎么。直接给他塞标签。简单布局上面会简单很多,那可能上面的话也可能会稍微好一点,毕竟是标签嘛。是吧,你想想啊,你用ul加LY的话,是不是LY里面包的还是一标签。好,OK,好几个,六个全部。全部走你六个是不是全部内地。
07:01
港台欧美好,OK,再往走还什么韩国,我想我想换个国家,OK,还有什么日本换了吗?OK,日本好走,你好,这是不是六个导航,OK,还有个小绿吧,是不是小绿化放到这个里面来吧,Div码,这又不是又要加LY结构。是不是里面元素你干嘛类型随便放的来个看什么小绿什么鬼,是不是OK来个小地方在这OK好,然后呢,里面应该怎么怎么去设计。感觉东西蛮多的。首先肯定是要结构了,是不,你不能再拿什么A标签把这么多东西对吧。
08:01
包一块了不好了是吧,那个加的ul加什么。不是好,问题是在LY里面的设计可能会稍微有点复杂,是不是一般我们说这个这个区域。这是不是整个是不是OK,一般这个区域。我们会把它做的比较大一点。会把他们放放在一块做,因为他们都是可以点的,要去跳转,所以应该是张链接图片叫什么。加些文本,第一个你点这个文本要跳转是不是,其实你点这个图片它也得跳转啊,所以一般拿个容器把它们俩放一块,而且这个容器肯定是个A标签啊,OK,好那个吧,先来个A标签。是不是,那Java哎CPD吧,是不是,那只有你只有你OKA标签里面的上面什么imagine是吧,下面呢给是吧,把这个文本我们贴一点啊,这里面是不看我们说啊,这个我拼不出来啊这什么。
09:17
跟蚯蚓一样的,OK,好来啊,你们班有人会日文的这么厉害,专业的学日语的吗?哪位啊啊,好吧,好来看看,好,这不是我的AV,这这个是我们整个区域吧,是不是OK啊,好,那底下是什么?一个一个快吧,啊,稍微扯扯,如果你会日语的话,其实去日本开发更好啊,就是咱们大陆有一个很牛逼的一个一个一个一个就是it工程师里面,他有一类叫做对日软件工程师。
10:01
有没有听过对日软件工程师啊,你去日本开发你兴趣会很高的啊,你会日语更好,日本人少啊,就他们急,他们急需这种的吧,就是新鲜医院懂嘛,注入意外,而且他们老龄化太严重了。能理解吗?啊,所以说你如果带着技术去日本啊,那其实是一个比较好的发展啊,我就是愁我自己不会日文啊,我要会日文我早去了,OK啊,我们学校有老师刚去。啊,确实是啊,不要觉得对日工程师是他是外包里面的最最顶级的啊,确实是外包嘛,你的外包到外国去了啊,啊其实不是也不算外包,就不是公司派你去了,就是不要找那种你在中国签合同,然后派到日本去的那种,是对着外包啊,你自己去自己在那找工作,能理解吗?其实对于软件公司的话,说实话啊,应该是比较好的一个方向啊,确实是好找你啊,OK,反正你们其他人也没机会来看下好呃,是不是一个第上面是不是标签啊,上面是不是干嘛一个区啊吧。
11:12
呃,这上面是不是写错了Java OK,好好。出来好兴奋,没什么,这个太下是关于什么评论的吧?是不是整个评论区吧。呃,评论区应该咋放,是不是有两块内容,是不是OK,那再再再这两个比。一个是。RGHT是不是一个呢?是不是好,那right里面呢,两两个SPA嘛,一个放背景图的吧,一个放文本吗?是不是你把这个结构写好,待会这个钥匙怎么空你不知懂吗?随心所欲的去空嘛,是不是和模型不一样,自己变嘛,要不你讲OK,这里就说写样式,我就觉得你不能觉得它很难了啊,应该觉得它极其简单。
12:14
啊,这六。这里是不是下面也是两次板,OK,只有你是什么。这个也是69176的,这就不管了,OK1我们一个L就不出来了,那咱们把这里一个L做完的话,叫QT1不就行了吗?是吧?OK,来先看看它长什么样。走,你。哎。蛮帅的,OK,咱们是不是先把这个东西画画了?写样式的吧?OK,看样式干嘛先打开。啊,其实昨天在上关课的时候的话,我已经用了一个构建工具啊,大家不知道有没有看到费三吧,啊,用了费三了啊之后我们也会稍微一些讲价的FACE3啊,只不过这FACE3的话是百度内部用的啊,所以说啊推广不就可能就是普及面不广,跟你讲那像ipad东西大家应该都有听过了,是不是他们的功能类似啊。
13:21
走。哦,这个这个这个没事,因为在编译编译什么,编译他的时候出的问题吧,是不是因为他它里面我们用的这个E嘛啊,你如果不想让他一直给你报错的话,干嘛你在头干嘛按。Input一下嘛,去input的什么混合里面的东西吧,是不是OK,是不是得点点出去啊,点点出去啊,MIX1码MIX1提什么。一杠PX。是不是好,不要让他们这干嘛,诶还报错。
14:06
看报报什么错?我我都没写呢。never.less啊。阿啊,这边是不是也没阿吗。是不是啊,我们说这个变量干嘛。因为现在咱们这些东西是不是都定义在这个嘛里面了,是吧,它是看不到的懂吧,除非你把这个东西给他引进了,这相当于是一个一个的模块了。你就可以认为一个文件就是一个作用,一个文件就是一个作用,它是找不到其他东西的,除非你搞,你把其他东西干嘛引进来这干嘛,这个值的话是多少。1080位设计图的位置相数除以什么?我们那个比例是不是这个单位,这个位了,带这个单位是为了什么?以后你在这边算的是单位,自动带上吧,OK。
15:02
好保存,保存是不是没问题了,OK,好。啊,再来看,好,那现在咱们是不是要去写踩点nice了?好,合起来,这是头部,这是内容去吧。呃,我们这个样式是不是在内种群里面了。是不是那里面有什么,是不是外下面什么点发是吧的平级什么点发。Never是不是跟never拼接呢?点是不是一般写先把这些结构给他干嘛理捋清楚是吧?OK,好,那首先写第一个。好,他外需不需要做什么东西啊,它是不是一有一个尺寸出来。
16:00
是不是,你看现在是不都是顶着边的,我们干嘛,我们看他其实旁边是什么。有留白对吧,是不是白颜色区域才是我整个太区域啊,来看一下这个太区的尺寸。好,这个文件我翻过来啊,那写样式应该轻轻松松了,OK,好。选项它的整体宽度10461046PX是不是,你想想这种设计图的话,你如果用PX写的话,是不是得封啊。1046,我移动端现在到遇到最大的是不是818。我移动端的设备啊,你写PX的话是不是得这我们说这这种设计图的话,咱们只能按下去配吧,因为你设你整个设计图的宽度都110了吧,是不是没有哪一个布局是可以放下你吧,讲老一般不会用P来写了,肯定要做的,你发现你的设计比较小。
17:00
375,其实这种东西的话是可以做成什么PX的,做成流体的是不是OK好来看一下,好我们说背底色是杠FF吧,1046 OK好它是吧,它的外为多1046走你艾特一个样是不是,然后呢,背景呢白光的是吧。一吧,我记得。好,S好看一下。有没有过来不就过来了是吧?OK,他得居中吧,他居中和居中马上下为零马干嘛上下为零。D下下为零,左右out contra并保存,关掉再开。开心。这里。好。OK,说一下是不是就过来了,OK,然后我们干嘛来看一下它还有什么参数啊。
18:04
没了吧,OK,好,来看头部。头部高度要在。他呗,来个高度什么135AT一个R是吧,一个很高吧,因为你没有文本嘛,135AT一个行页保存看一下。所引。下车。这个SPA怎么下去了啊,H2是一个什么快捷是吧,那是不是一个左一个右辅是吧,它里面有什么。有一个H2是吧,那就那个H2。有一个HR,有一个SPA,是不是OK,你干嘛,弗洛特威。Left是不是OK,你呢?弗洛特为过来。
19:01
是不是在这两边了是吧,它是不是得稍微大大一点,那就他们两个嘛,好看,其实方差给它们负几是不就行了。可以继承的吗?还真不一样,这好错的好,干嘛放他?三啊,这边直接给二吧,这个是稍微大一点,那就给个二二。好,这个稍微的小一点,帮他再给个点吧,哎呀,看看。好,差不多放过吧,是不是OK,好,那这个就就齐了。是吧,OK,好像字体是发给你。我们自己现在给的是什么?哎,好好的给是不是OK就没事。
20:00
是读hello啊,我查了好几遍了,好看一下,好,那走你那这个下下面咱们做什么。就做这个导航呗,是吧,看一下导航的参数。导航行高高度是105吗?OK,给他秒一秒,导航在哪?这个合起来。是不是OK高度多105。带一个,哎呀好高105。啊,等于啊,这边我得提醒大家一件事情啊,因为这是我们最近期最后一次写less啊,因为之后的话我们可能把它换掉,换我要换成SS去写了,是吧,那这是我们近期最后次写S,可是我发现很多同学写那走我入魔了,看到能服用的东西。不管什么,不管什么东西都给我成混合,有必要吗?不要这么写,我们说用less是为了让我们后期维护的时候更便捷,懂不懂你如果发现什么都差不多的东西,你全部定义成混合的话,那以后不是还得找?
21:08
你不得一个个一个去找混合啊,我们说特别公用的东西,特别干嘛有意义,能够抽象出来东西,你把它抽出混合,那是没毛病的啊,像那个垂直水平居中都不用测合,没有意义,懂不懂像那种一像素边框啊,那肯定抽出,像这个我们要轻浮动,那可能要素你要干嘛弄谁个混合,是不是像这种什么业务逻辑的代码就一行行。因为最终渲染出来。它也是一个法。能理解吗?啊,一句码不要太走火入魔了啊,OK。来看一下这个区域在哪。OK区是不出来了,然后它底下是说的什么一标签嘛,是不是全部干嘛动起。OK,是不是就过来了,好看看看这导航元素吧,可能就要C全部底部标识,就是就什么小绿板是吧,OK这两个嘛过来好。
22:10
A,标签干嘛?呃,高度105还有什么,我们说这边千万不要干嘛,继成是不是移动的开发冷显高度,尽量给高度啊,不给高度会有什么问题,帮他OK,自己大小方他SIZE44。At一个OK,然后文本居中,Text等于center是吧,然后呢,字体颜色啊,Column杠是吧,这个是CTRLCCTRLV啊,这个干掉CTRLD,好底部标识,这个事情我们待会再来看,保存先看一下。
23:00
说下这吧,没问题,OK,搞一个底部标识,底部标识是谁啊?小绿,小绿跟这个标签是不干嘛同级的,点什么大鸡巴,OK,走你。一百二九背景颜色。129吧,一百二十九一百二十九一百二九。好,我连外都不会拼,信不信?好啊,一百二啊,你们不要学我,我已经很依赖北极C了,OK。9OK,这是背景吧,啊,OK,走,你好,可以看一下他在哪。是不是定位,定位干嘛定上去就行了,好定位应该跟称当于它吧,是它的分类性为什么。
24:02
点是吧,然后呢,它的练习这个属性比较重要,第号写吧,Left离拓,把离S保存看一下。呃,是这不这不二吗?干嘛你下来多吧,100哦,不疼不疼不疼啊,知道不啊。然后数字诶稍微干嘛,是不是周围稍微再往上走一点,是不给个负。往上走应该是正版,正治是给个多少呢。他高是不是才九二嘛,整个高才921嘛,给个二二应该差不多,这你看看有有有哦,爱啥呀走你。
25:10
啊。我我这高啊,这个高度他是他自己的高度啊,我这个全部的高度是还是蛮蛮高的是不是,那那我就给个十吧,是不是啊啊,我突然想到。昨天晚上我看到了一个一对同学的对话,你今天有没有看仇老师直播给我气的好看看好,呃,是无意当中看到点,我来看看好,咱们已经做到哪?呃,那个做了是吧,还做了OK来看是不干嘛这个区了啊,这个区域苗表。
26:06
这个区域扫描。看下参数是不是啊,它是不相应的嘛,CTLC直接全部过来。好的。好,叫我pink老师,我都稍微的好受一点,OK来,来一个books以为什么是不是OK,宽度为50650256,走外边距为什么8AT一个R。把这些东西都。简单PEN5,哎,那个哎啊,告诉你们CS3是你学几样东西就行了,和模型定位浮动C3完事,其他东西不要管,其他东西给我抄问答就行了,不要记他懂导,以后复习也是和模型定位浮动加C3啊,OK,好,来看一下啊,你说加加C3不是加全部的吗?我说加C3里面那些比较重要的莱克斯啊,是不?你相当于渐变什么也暂时先放一放,那些东西记起来干嘛,太费劲了,你们以后又不用上课,你整他干嘛,是不是防什么晒楼上。
27:22
41个样好,背景颜色background是这个颜色,字体颜色000。自体是我们给的吧?给他了,回道,零零,好,差不多了,来看一下。说一下哎,是不是过来了,问题是现在这个布局是不是出了问题啊,参数咱们已经全部拿过来了,哎说你从设计上面能拿到的东西已经全部拿过来了啊,问题现现在要靠我们自由发挥了。是不是你看这个图片现在溢出去了,说明第一个什么老师这个好像是给单个的。
28:05
你先不要吓我,真的这个多,应该是个。我给了这个ta区吧。这个太应该是整体的那个什么是不是应该整体这个尺寸,我现在把这个宽度给了谁啊,就给了他吧,应该给谁啊,给他里面的啊。啊,那这个尺寸应该是它底底面什么ul,底下是什么L。OK,这里好,应该在这。嗯,确实吧,好应应该是给这LYY,然后里面这个A标签D是OK,然后什么LYY指向什么,这个一般讲我们什么溢出了吧,那首先想到肯定是给什么还啊这个是肯定要做的是吧,还什么看不到完整了吧,那怎么办?底下他有什么A标签嘛,A标签底下有卖他的外应该为百分百九你。
29:19
过来了是吧,然后底下这个文本啊,文本是谁。是。我们是不是这失败吗?是吧,OK,我们说干嘛,是不是你A标签还是失败,OK,我问大家溢出显示省略号需要几条下。三还是四?三条是不是这个给什么黑的,然后呢杠什么。是吧?还有呢,White space,什么no white space等于no,是不是不行?
30:07
哎,是没有出现省略号啊,我记得我跟你们讲过啊,如果你是要要做艺组显示省略号的,显示上面得写三条,还有一个饮食条件,你这个盒子不能是内敛的或者依赖不可。因为那年的依赖获的格,那年的盒子依赖的格子都是靠内容撑开来的,你看这个四盘就完全被撑开来。能理解吗?这个必须的吗?Display好。刷下是不是就出来了,这个你们讲OK,然后呢,底下这两个东西干嘛。啊,这个好烦啊,这个是跟A标签同级的吧,是吧,那A标签就可以合起来。底下是什么点什么,我们把这个布局画完好吧吧,是不是它的尺寸是不是就就是这么大的,它底下有几样东西啊,两样right跟left吧,点拍点left。
31:15
LEFT。走是不是啊,点right跟点rap的话大想。跟底下是吗?是两个SPA吗?是两个是半,而这个跟肯定要去一行的嘛,我看最后他们俩是去一行的,那肯定他们俩都得干嘛不动。首先它什么弗洛特威?嗯,最好说了,最好不要给公钥是。是吧,我们说业务逻辑没这样式的话,最好不要去抽查。混合啊,因为这个的本身待会要去调这些background的话,肯定会不一样。
32:00
啊,因为底外会放那种被读的嘛,就说写业务的时候,这个思路还是跟写原生CS一样,只不过用它的嵌头就可以了。懂吗?啊,这一般是写我们less干嘛,就不要太把less太狠啊,会用的太狠的话可能干嘛适得其反,来看一下。说一下。好像它也是一个什么耐的是吧。付款啊,切记这两个东西不要给他抽成混合,看到一样的东西了吧,看到一样的就凑整混合。啊,确实是应该这么做,可是不要太过火了啊,这个说明干嘛,就是忍忍忍就是嘛,稍微忍忍嘛,来看一下折点。OK,这个SPA,你看这个SPA是不是没有任何的一个尺寸啊,我们来看一下我们这个图片里面有没有那张雪地图。嗯。是不是它OK,大家看它叫什么S点偏低吧,啊,因为一般它叫雪碧图嘛。
33:01
啊,OK,所以说一般取名什么冰淇淋的意思嘛,OK。对厉害20来看一下是不是20乘以35啊,宽度面是不是20啊,那一般我们要把这个指标,因为你现在这个是不代表它指标不是它年吧。是不是啊?嗯,那写起来的话可能会稍微有点烦。这个这个倒没问题啊,你不是第一个失败嘛,这个写起来没问题啊,那恰一嘛,是吧,我们肯定会有这个什么span a咋写的,冒号SLD嘛嘛,是吧,OK,它的尺寸宽度为多少。二十二一个二呀是吧,然后呢,高度也是二十二一个二呀是吧,它得放一个背景吧,白光的URL是吧。
34:06
怎么了,点点出去吧,我这个量是不是在这呢?点点出去找image,点点出去找image底下的什么。是不是no repeat,看一下他有没有上来。啊,是在没有办法设置高宽吧。那怎么办?Display为block。看到没有,在哪,怎么那么小。怎么那么小?哦。0.2几吗?是。瓯江图有多大?
35:01
宽度不就是20吗。高度35。怎么?还,还看不到,真的是疯了呀。想想这是为什么?这流上应该要放下了吧,放不下才会出问题吧,我们先把什么旁边那个也写了CTRLCCTRLB是不是一样的CTRL。说下。为什么尺寸那么小?嗯,想想。哦哦,我知道啊,是这张图的问题啊,因为我当时去拿这张图的时候,不是从1080这个设计上面去拿。啊,你说我当时抠这张图是从一到七的设计上面给他的吗?
36:02
抠下来的,所以说这个20PX它能用吗?不能用啊啊确实是啊,因为我当时抠的话,因为我没找到那张图,那这那那这边怎么办,那这边我们就只能干嘛看着来了,给个五吧。啊,这个就没有办法做的太精确了。我看一下。离吧,离吧离吧,啊,还是太年轻了。一眼大,那就点五了,差不多了吧。差不多差不多是吧。OK,那前面那个是不是还没点完。点五点是吧,L来做了L上来。
37:03
是不是过来了,OK,然后让这个他们俩之间稍微有点间隔吧,那我让这个一有一个什么。是不是就可了是吧,给个啊这个也就干嘛随便给个了。然后这个right它们俩之间不需要太大的距离吧,给这个right是不是就行了。是吧,应该比这right是right跟left之间是有间距吧,只稍微大一点。三码。交点差不多啊,是不是发现他们俩对的好像不是很齐啊,那怎么样怎么样让图片那个文本对的很齐啊。The。是不是我们这个right跟left对的不是很齐啊,那干嘛他们的来统一调整什么别动。
38:09
差不多吧。动能基本相处。而且这个颜色是不是有问题啊,这个文字的颜色。这个颜色在哪?A,标签你们这个失败吗?这个卡也要给他换一换,这换成什么颜色?啊,就就就这严重。那怎么办?它就开了,是不是这个颜色取的深一点。Can you see。Con contra过。好,差不多是吧,OK,然后我们再来看。呃,这个白不得调整一下。
39:01
他是什么?光的什么back grr?光OK,我们从零零这个位置开始给他调0PX 0PX调,那应该就调这个字就行了,是吧,滚滚。差不多零跟负19。是不是?差不多吧。好,得了,差不多得了啊,放过我白光019艾特一个I。哦哦,不能给阿吗?是不是?因为我们刚刚在这边聊的是干什么,这就尴尬了啊,那怎么办?嗯,这其实跟跟跟跟,应该跟这张设计图有关系是吧?啊这样吧,我先给个一二言。
40:13
我慢慢调。你养眼干嘛?永远都看不到了,Oh my god。那从零点一开始。不让调。0.2。0.0.50.3。是应该给个副值啊。是不是要给个负的负的0.2。0.50.3。天呐,哦,好准啊,不准。搞了那么久。
41:03
负的ctl好,说一下好,咱们先做到这好吗?OK,好,大后下个题先。
我来说两句