您还没有专辑

开始创建自己的专辑吧

创建
您可在个人中心-我的专辑处查看
当前位置:首页 > 软件入门 > DW-电商网站案例-前期准备与分析

DW-电商网站案例-前期准备与分析

手机观看

扫一扫下载虎课app

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

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

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

按住画面移动小窗

DW-电商网站案例-前期准备与分析

播放卡顿?建议切换线路

宽屏取消宽屏

学设计上虎课网

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

免费学习即将结束

关闭继续学习>

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

扫一扫下载虎课app

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

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

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

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

Hello大家好我是M ,前面的课程呢,我们新学习了两个 ,新的标签一个就是我们的Table表格标签以及input按钮标签 ,那么从今天这节课开始呢,我们来讲一个新的案例一个关于电商网站的案例 ,这是我们第一个首页 ,第二张呢这是一个关于品牌的介绍的页面 ,第三个是关于品牌实体店面的一个页面 ,第四个呢是关于 ,LOOKBOOK ,看书 ,其实M也不太清楚这一页是什么东西啊,大概就是 ,这个时尚品牌的杂志,或者选择特质的东西吧 ,然后呢 ,第五页是一个登陆和 ,创建账号 ,这么一个类似功能的页面 ,那么这个呢这个页面的就有一点偏向我们网页的后台管理页面的一个设计了 ,那么可能有同学接触过,其实网页后台界面的设计那也是一个非常重要的一个页面 ,当然了这个页面是针对 ,管理人员,才会用到的 ,又或者说是 ,一些 ,品牌的会员,Vip之类的 ,打个比方,比如说苹果官网你也会需要这个 ,Ip,id对不对 ,大概就这个性质吧 ,那么,这个就是我们这一次案例五张 ,具体要分多少个客来把它弄完了,M也不太清楚我们 ,慢慢来 ,这么多页面,我们这一次的案例需要去解决一些什么问题呢 ,好,来了啊,重点 ,第一个 ,就是对设计图的一个分析和理解 ,

这个怎么去 ,解释呢首先就是 ,我们 ,如果做一个网页的前端开发 ,这是静态页面部分啊 ,我们需要对我们拿到手的一次性,打比方这次这五张图 ,需有一个大的 ,概括 ,就是浏览一遍 ,看下我们 ,怎么样才能,使我们的代码或者我们的样式做到一个剪截 ,打个比方啊,我们会发现这五张图 ,它们都有个共同点是什么,它们这个底部 ,就是这块 ,它们这一块 ,都是一样的对不对,你看这一张一样的 ,这一张一样的 ,这张还是 ,这张其实也是的 ,只是它尺寸小,所以相应的变大了 ,这张还是的 ,好这里一样,然后仔细看一下它们的头部其实也是一样的 ,一样的 ,一样的 ,一样的,顶部的一个条加上一个导航栏这边是品牌名对不对 ,都是一样的 ,好这就是我们对设计图的一个 ,扫一眼我们就会发现一些问题 ,那么这上下两个部分都是一样的,是不是意味着我们只需要 ,对它们进行一次开发,剩下的 ,其它的几个页面,我们只需要把它们的 ,Html部分Copy到另外几个页面上,样式其实是一模一样的对不对 ,好这个呢,就是我们说的 ,设计图的一个分析和理解 ,那其次呢就是网页结构的一个清晰 ,这个就非常好懂啊 ,就是这个网页,大致是一个什么样的一个结构 ,

哦,我们可以看到顶部是 ,Tobar然后有一个 ,Nav导航栏然后是Banner ,然后这边是内容,然后底部,对不对 ,每个都是这样的Banner,中间内容 ,下面底部 ,导航banner中间的内容,下面的底部 ,然而呢每一个的头部,比如我们的top以及bottom底部 ,我们刚刚已经分析到了 ,都是一样的,或者是相似的 ,我们其实只需要开发的是它中间内容的部分 ,那么中间内容部分的结构大的结构就是一个 ,DIV然后里面包了 ,它们不同的内容 ,那么这个就是一个对于结构的一个分析 ,然后样式的一个简洁与复用 ,这里呢 ,说当然是说不太清楚的,这个我们需要 ,在我们稍后的实际工作中,有一个很好的一个体现 ,就是我们尽量用 ,少,而且重复的去使用 ,同样的一个样式 ,对不同的标签进行一个美化 ,

登录后查看更多
换一批

为你推荐

每周一练

立即参与

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

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

赞助一下吧

确定学习吗?

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

成为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

虎课积分
登录注册
使用手机号码登录
使用手机号码登录
手机号码格式错误
换一个
图形验证码错误,请重新输入
验证码错误,请重新输入
登录
已连续签到0
第一天
5个虎课币
第二天
10个虎课币
第三天
15个虎课币
第四天
20个虎课币
第五天
40个虎课币
第六天
20个虎课币
第七天
20个虎课币
立即签到
已签到
每周一重置签到奖励
已连续签到0
本周斩获110个虎课币,下周也要来哦
我知道了
已连续签到0
哎呀,签到失败了!
再次签到
哎呀,系统出现错误,请稍后重试!
上上签 · 今日宜学习
恭喜!签到成功,获得 10 个虎课币
.
书山有路勤为径,学海无涯苦作舟
— 唐代文学家 韩愈
虎课网 · 每天进步一点点
分享到