您还没有专辑

开始创建自己的专辑吧

创建
您可在个人中心-我的专辑处查看
当前位置:首页 > 软件入门 > DW-复杂表格制作案例

DW-复杂表格制作案例

手机观看

扫一扫下载虎课app

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

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

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

按住画面移动小窗

DW-复杂表格制作案例

播放卡顿?建议切换线路

宽屏取消宽屏

学设计上虎课网

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

免费学习即将结束

关闭继续学习>

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

扫一扫下载虎课app

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

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

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

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

Hello大家好,我是M ,?上节课呢,我们学习了,我们的表格的制作 ,也就是我们的Table标签 ,上节课我们讲到呢Table标签里面呢 ,?表格包含了行和列 ,每一行呢,就是我们的 ,TR标签,TR标签呢 ,?里面呢,包这每一列的类,表头呢我们用TH标签,而表的内容呢,我们用PD标签 ,那么正巧M最近在工作中呢,就碰到了一个关于表格的 ,?问题,当然这是一个复杂的表格,嗯,由于 ,不方便直接把工作内容直接拿过来当 ,课程使用,所以呢,M做了一个 ,?类似的表格的一个设计图来我们看一下 ,?就是这个图,这里的表格呢,其实和昨天我们 ,尝试做的表格没什么多大区别,唯一的区别呢就是我们这个地方 ,?表头,我们这个表头里面啊,有一个 ,?大的一个分类 ,这里M最初拿到设计图的时候呢,就费了一点脑子 ,想了半天,诶,这个要怎么去实现啊 ,?最后呢,大致的想了两个方案出来了,首先第一呢 ,我们把这个地方 ,?看成是一个TH ,然后这个TH里面呢,又包含了一个 ,Table标签,也就是一个表格一个 ,?上面一行下面有两列的一个表格 ,当时按照这个思路做到一半的时候,发现不行 ,为什么呢,因为我们下面的内容 ,?比如说这里 ,?我们下面是有两个TD标签的 ,?而这两个TD标签呢,同时,对应的是这一个TH标签 ,那么这个就 ,不对,最终实现的效果就是,我们这个TH标签有这么大 ,?然后呢,第三个TD标签也有这么大 ,

最后呢,第四个TD标签呢,被落在了外面,所以呢 ,?当这个方案被否掉了以后呢 ,M又开始想 ,?怎么样 ,?去实现它 ,?最后啊,终于是想出来了 ,?大概是什么样的呢,M现在跟大家说一下 ,?把思路理清之后呢,我们就进入到DW里面去啊 ,首先呢,这还是一个表格 ,?然后表格呢我们有四行,TR标签 ,?然后呢,我们也分成四列 ,那么呢,在后面这两个也就是我们第一排的 ,TR里面的后两个TH标签呢,我们给一个Padding ,Padding-top ,通过Padding-top呢,把 ,?这两个TR标签的文字部分给挤下来 ,?然后呢,我们单独做一个div ,?通过绝对定位的方法 ,将 ,?这个div盖在上面 ,?那么呢,这个表就制作完成了 ,?这个呢就是M ,?后来想的第二个思路了 ,Ok,最后呢也顺利的完成了项目 ,?所以呢,我们在这节课就尝试着用M这个方法去制作一个 ,复杂一点的表格案例 ,?好话不多说,我们赶紧先进入到DW里面去 ,老规矩,新建一个文档 ,编辑好了之后呢,我们保存一下 ,保存到我们站点里面 ,?那么一切就绪了 ,?我们就开始来制作我们的那个表格 ,

?首先大的框架还是不会变的 ,TOB标签里面有TR,TH ,?当然了,第二行 ,TR里面就是TD了,对吧 ,?这个表格的结构我们还是不变 ,?然后呢,我们把 ,?样式标签打出来 ,?在开始呢 ,?我们还是先把一些 ,?标签默认的 ,内填充以及编剧给它为归零 ,?这个M之前应该讲过的 ,好,那么我们就开始来写了 ,首先我们来看一下姓名工号 ,?本月业绩,上月业绩,好一个一个来写 ,?姓名 ,?那么下面呢,我们也顺便先写一行吧 ,?啊,一个就是名字啦M ,第二个工号,工号这里还是写我的QQ号 ,然后业绩 ,?一千 ,?上月的 ,?999 ,好,我们先到浏览器里看一下 ,我们的表格呢 ,?这里基本上是有一个雏形啊 ,雏形之后我们开始来写样式 ,首先Tabla ,Table,我们大概给个宽度 ,大致量一下,420 ,?420px ,?哎,分号不要忘记了 ,一定要注意 ,

登录后查看更多
换一批

为你推荐

每周一练

立即参与
虎课网为您推荐DW-复杂表格制作案例视频教程、图文教程、素材源文件下载,学员课后练习、作品以及评价等内容。DW-复杂表格制作案例教程讲师:M,使用软件:DW(CC2017),难度等级:初级练习,视频时长:15分24秒 查看全部

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

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

赞助一下吧

确定学习吗?

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

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