您还没有专辑

开始创建自己的专辑吧

创建
您可在个人中心-我的专辑处查看
当前位置:首页 > 软件入门 > DW-实例制作-客户案例模块

DW-实例制作-客户案例模块

手机观看

扫一扫下载虎课app

支持离线缓存,随时随地学习

VIP优惠升级 21大分类,畅享48000+设计教程特权!

为自己充值升华学习
今日剩余学习次数:1

按住画面移动小窗

DW-实例制作-客户案例模块

播放卡顿?建议切换线路

宽屏取消宽屏

学设计上虎课网

学习意犹未尽?成为VIP,继续提升

免费学习即将结束

关闭继续学习>

发表评论
收起宽屏
分享给朋友:
手机观看

扫一扫下载虎课app

支持离线缓存,随时随地学习

添加到专辑收藏已收藏收藏成功,可进入个人中心-课程收藏 查看!
目录信息笔记
课后练习学员评价 (89条评论)视频字幕查看优秀作品>

课后练习在紧急制作中。。。

课程综合评分:9.9
课程难易程度:太简单(1)简单(19)适中(63)有点难(6)太难了(0)
您需要学习后才可以评价,立即学习
评论列表
仅显示有内容的评论
仅显示带图评论
排序方式:

Hello大家好,我是M ,上节课呢,我们已经做到了这个新闻中心这一块 ,我们?来看看,我们之前的代码 ,然后这节课,我们继续往下 ,把客户案例这一块给它拿下来 ,?先把 ,标注给打上 ,叫做 ,?客户案例 ,?那我们来看一下 ,客户案例这一块 ,?这里呢 ,?首先还是标题 ,然后这上面是一个大的div,包了八张图片 ,好,我们把图放大看一下,我们仔细看一下,会发现一点问题 ,就是 ,?这里设计师在设计的时候,其实是 ,不是那么细心的,它会有一个像素的偏差 ,这里呢,就体现到了我们就是设计师用到前端人员的时候 ,我们就可以自己去主动的去修改这些问题 ,好,?这个照片 ,它上面矮了一个像素对吧 ,我们把它 ,抬高一个像素 ,诶,ok,这边就齐了 ,?一个一个的给它检查一遍 ,看一下还有没有什么其它的问题 ,好的,然后把这张图 ,下移一点 ,?然后这一张图,这边 ,往左边拉一点 ,好,那么就没有问题啦 ,我们先来给这个大的div ,来写一下,客户案例 ,首先div ,我们叫 ,?案例 ,

box ,这个案例box里面 ,tittle ,?然后就是我们这个盒子了 ,?先给它一个样式 ,去到css里面 ,点,案例box ,首先是什么?宽度 ,?100%,老规矩啊 ,?高度 ,来量一下 ,200,啊,626,626 ,px ,?然后呢 ,居中 ,对不对,margin,设置0 ,?自动 ,?还有呢背景颜色 ,backgrlund ,直接用backgrlund就不用background colour了 ,我们吸一下,F5 ,复制 ,粘贴过来 ,好,保存一下,搜索浏览器里面F5刷新 ,诶,怎么没有 ,其实是有的啊,我们来检查一下 ,你看我们案例box,为什么在这个地方 ,然后再看下新闻box,它是这么一点点,但是它其实内容有这么多 ,然后看下新闻box的 ,css样式,我们会发现,诶,我们当时只写了宽度没有高度对不对 ,好,这样就找到问题啦 ,我们就要在news里面,我们要把它的高度给加上 ,?高度是多少呢 ,?高度我们来量一量 ,高度到这儿 ,263 ,263 ,px ,保存一下 ,

诶,?但我们可以看到 ,这里的margin有一个63px ,意味着什么?意味着我们这里的高度其实是200对不对 ,?保存 ,刷新 ,产品介绍,新闻中心 ,诶 ,是不 ,量错了 ,再量一下,从新闻中心开始量因为上面有margin ,568 ,奥,?打错了,打错了,568px ,?保存 ,好,这里我们的 ,那个案例box,就已经出来了 ,?到下面来了 ,我们在 ,给案例box ,一个margin top对不对 ,?53 ,margin top,我们直接在margin这里写 ,53 ,

登录后查看更多
换一批

为你推荐

每周一练

立即参与
虎课网为您推荐DW-实例制作-客户案例模块视频教程、图文教程、素材源文件下载,学员课后练习、作品以及评价等内容。DW-实例制作-客户案例模块教程讲师:M,使用软件:DW(CC217),难度等级:新手入门,视频时长:12分48秒 查看全部

同学,小虎知道你非常努力的想学习!

老师录制课程真的也很辛苦

赞助一下吧

确定学习吗?

您每天可免费学习一个教程。

成为VIP可无限学习 !

成为VIP吧!

成为VIP吧!

您已经免费学习 1 个教程 !

我们录制教程很努力的,赞助下吧 !

升级VIP吧!

您已经学习 5 个教程啦!

我们录制教程很努力的,赞助升级下吧 !

您已经累计下载5个源文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计下载5个素材文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计下载5个源文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计观看5个图文教程


您在当前分类下不是VIP,赞助VIP享受无限观看


学习后才能评价哦!

学习后才能提问哦!

获得30虎课币

评论提交成功,将在审核通过后显示

×

下载素材/源文件:

收藏成功
取消成功
特惠
充值
客户端
虎课桌面客户端
置顶播放器,边看边学习
虎课移动APP
支持离线缓存,随时随地学习
我的排行
建议意见
官方客服

官方客服

您可以与在线客服进行沟通或者拨打客服热线获得帮助

客服热线:021-80344319工作日:9:30-18:30

在线咨询:联系客服工作日:9:00-22:00

节假日:9:00-18:00

虎课积分
免费学习48000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了121,690
并提交了1,449份作业!
登录后立即学习!
loading
微信扫码关注即可登录
登录后立即学习!
手机号
验证码
立即登录
您需要同意协议才可以进行登录
已连续签到0
第一天
5个虎课币
第二天
10个虎课币
第三天
15个虎课币
第四天
20个虎课币
第五天
40个虎课币
第六天
20个虎课币
第七天
20个虎课币
立即签到
已签到
每周一重置签到奖励
已连续签到0
本周斩获110个虎课币,下周也要来哦
我知道了
已连续签到0
哎呀,签到失败了!
再次签到
哎呀,系统出现错误,请稍后重试!
上上签 · 今日宜学习
恭喜!签到成功,获得 10 个虎课币
.
书山有路勤为径,学海无涯苦作舟
— 唐代文学家 韩愈
虎课网 · 每天进步一点点
分享到
全站48000+课程免费学!昨日已有26682位学员免费领取~点我领取