您还没有专辑

开始创建自己的专辑吧

创建
您可在个人中心-我的专辑处查看
当前位置:首页 > 软件入门 > DW-电商网站案例-底部信息栏(上)

DW-电商网站案例-底部信息栏(上)

手机观看

扫一扫下载虎课app

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

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

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

按住画面移动小窗

DW-电商网站案例-底部信息栏(上)

播放卡顿?建议切换线路

宽屏取消宽屏

学设计上虎课网

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

免费学习即将结束

关闭继续学习>

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

扫一扫下载虎课app

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

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

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

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

Hello大家好我是M ,上节课呢我们已经把那个 ,Lookbook这个部分 ,已经把它给搞定了 ,那么这节课呢我们来把这个底部的 ,这个信息栏 ,把它给做完 ,?那么我们看这个设计图我们就知道首先它这个灰色的底 ,是这块 ,它是一个 ,?适应 ,?屏幕的 ,?宽度的一个设计 ,?所以我们这里的宽度是要给100%而不是具体去量 ,?1500像素这个1500啊 ,这个是100%宽 ,?根据它的 ,?显示器的分辨率来 ,?高度呢当然就是实际的这个高了 ,好 ,?然后呢这个里面呢 ,?这一块位置 ,让它居中对不对 ,margin-auto居中 ,?居中之后分上下两个部分上面就是这个信息的部分了 ,?下面就是两个 ,?我们可以理解为两个小DIY吧左边一个右边一个 ,?但我们在这里可以看到一个细节 ,什么就是 ,大家有没有发现这个文字出来了 ,这个.com ,?这个位置鼠标的这个位置.com ,?出来了对不对 ,?我们 ,?这个一看就知道 ,?这个设计师啊他不会写我们的html对不对 ,?它这样出来一点 ,这不是为难我们吗 ,?如果稍微懂一点的设计师就会把 ,这个 ,?给它弄的 ,一条线 ,?要么让下面这个蓝色的框往右边来一点要么就是让 ,这个 ,这一块字往左边走一点对不对 ,所以呢设计师 ,?会写html ,会写这个网页的代码 ,对我们设计工作还是有好处的 ,好那么这一块呢 ,?这是一个ul li li li ,

ul li li li五个ul对不对 ,?放在一起一排 ,那么这个就是一个大的结构了 ,?我们来到DW里面来看一下 ,好DW里面我们来看一下我们上次写的 ,?是这个 ,Lookbook对不对 ,?Lookbook ,它到哪到这 ,这个Div ,那个这个Div是哪呢 ,Contten内容部分对不对 ,?那么我们 ,?这个叫BottomBox ,Mcn提前写好了输的什么 ,为了告诉大家 ,?我们是挨着Contten而不是挨着这个 ,LookbookBox ,?为什么 ,?给我们这个 ,?底部啊 ,BottomBox ,它的这块设计 ,?包括还有下面这个啊黑色部分啊 ,?我们到时候是复用到其它页面上的对不对 ,这块是我们单独所以这块我们单独的写 ,BottomBox ,那么样式是什么呢 ,我们这里先删掉 ,不变 ,它打错的话呢 ,教个大家一个好办法直接 ,复制一下 ,免得大家这边 ,?打错了然后会发现写了半天样式没反应 ,就觉得很亏对不对 ,?宽度刚刚说了100% ,?高度我们来量一下 ,?430 ,然后还需要选一个什么背景色对不对 ,Background ,然后吸一下颜色 ,好保存 ,?这边也保存 ,我们去浏览器里看一眼 ,?哎,怎么没找到我们那个 ,我们来检查一下看有什么问题 ,

?找一下 ,这是LookbookBox ,?我们选择它Bottombox对不对 ,我们Bottombox部分怎么跟我妈这个 ,LookbookBox ,?重叠了呀 ,我们来看一下Contten ,Contten在上面 ,?按照目前的这个 ,层级情况的我们应该是什么 ,?我们这个Bottombox是挨着Contten对吧 ,?但是Contten里面包含了我们上节课 ,?学到了这个LookBook ,

登录后查看更多
换一批

为你推荐

每周一练

立即参与
虎课网为您推荐DW-电商网站案例-底部信息栏(上)视频教程、图文教程、素材源文件下载,学员课后练习、作品以及评价等内容。DW-电商网站案例-底部信息栏(上)教程讲师:M,使用软件:DW(CC2017),难度等级:新手入门,视频时长:13分14秒 查看全部

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

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

赞助一下吧

确定学习吗?

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

成为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位学员免费领取~点我领取