您还没有专辑

开始创建自己的专辑吧

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

DW-创建表格

手机观看

扫一扫下载虎课app

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

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

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

按住画面移动小窗

DW-创建表格

播放卡顿?建议切换线路

宽屏取消宽屏

学设计上虎课网

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

免费学习即将结束

关闭继续学习>

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

扫一扫下载虎课app

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

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

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

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

Hello,大家好我是M ,上节课呢,我们已经完成了整个动画案例 ,的制作,以及学习了一个响应式 ,网站的一个初步的一个原理 ,那么在这段时间呢M就收到了很多同学的一些反应 ,就是说会问M怎么去创建一个表格 ,大概就是需要开淘宝店用吧,因为我们知道 ,淘宝店铺里面经常会有一些表格的出现 ,那么这节课呢M就来 ,告诉大家怎么样的去通过我们的HTML去 ,创建一个表格,并且呢 ,我们来也可以通过CSS来控制它的样式 ,好了,这节课的重点呢 ,首先呢,我们要认识一些标签啦 ,其实呢,这些标签,早应该在我们这个DW课程的最初 ,M就教给大家的,但是由于M的疏忽 ,把它们给忘记了,这里M给大家道个歉 ,所以呢,现在我们开始补上啊 ,首先我们重点要认识table标签 ,table标签呢 ,就是我们的表格标签了 ,然后tr标签呢,就是代表着表格里面的一行 ,th标签呢,就是 ,我们第一行的 ,内容部分的标签了 ,td呢,就是表格的内容标签 ,以及呢,我们要了解一个样式 ,这个样式呢,有什么作用我们放到后面再说 ,难点呢就是我们要制作一个案例了 ,这个案例,然后通过我们前面学习的知识 ,达到一个条文表格的一个效果 ,好,话不多说,我们先来学习一下,前面这个标签 ,首先创建表格,我们要学习的四个标签,刚刚已经说过了,我们 ,现在重新来看一下,首先第一个table标签 ,意思呢,就是我们的表格 ,

那我们可以看到红色区域就是我们的table,当然这个 ,红色区域就是整个表格部分了 ,那tr标签呢,就是一行 ,你看我们红色的一行就是tr标签了 ,表格里的每一行都是一个tr标签 ,那么td呢,就是类 ,td就是普通的每一行里面的某一个类别 ,里面的内容啊,就是td ,而th和td很像,但是呢,th仅限用在第一行 ,tr,也就是我们的表头上面 ,这个呢,就是我们的th ,说完了这四个标签呢,我们来看一下我们今天要制作的一个案例 ,就是这个啦,这是一个后台网站的案例,我们知道 ,我们的后台网站经常会有很多的数据 ,数据的话呢,就需要一个表格,我们今天呢,主要是完成这一个 ,表格的一个制作 ,好,开始之前呢,我们还是把它给丢到我们的 ,ps里面去 ,好,这个表格呢,就是我们要制作的部分了 ,大家注意看浮动选区的这一块 ,这个呢就是我们今天要制作的部分了 ,好,我们进入到dw里面 ,首先呢,老样子,我们新建一个html ,然后,给它起个名 ,创建 ,顺手呢,就把它给保存到我们的站点里面去了 ,好,这样我们初始工作就完成了 ,那么我们刚刚说到了,表格里面会分成行 ,和每一行里面会生成每个类 ,那么这就意味着什么呢?意味着我们的table标签 ,与后面的行,tr标签以及每一类 ,th,td标签 ,这是一个父子级关系,对不对?一层包着一层的,是不是啊 ,

那么呢 ,我们来试着写一下 ,首先做外面呢,就是我们的Table标签了 ,Table标签里面就是每一行,每一行都是tr标签 ,然后呢,tr标签里面,我们第一行tr标签呢 ,需要插入的是我们的表头的类,也就是我们的th ,那么后面的 ,每一行呢插入的是我们的td标签 ,这个呢,就是我们表格的一个最原始的一个层级关系了 ,table标签里面包着每一个tr也就是我们的每一行 ,然后每一行里面呢,都有不同的类 ,td也好,th也好 ,这是一个最基本的一个表格的结构了 ,好,我们来试着写一下 ,首先我们来看一下这个表头部分 ,每一个类呢,都是一个th,对不对 ,我们来试着写下第一个员工姓名 ,然后呢 ,我们复制一下 ,第二个是什么,OA账号 ,好,这是我们的表头部分,对不对 ,当然啦其实我们应该还会有一个 ,这里 ,这里呢,因为下面是对着的 ,所以呢,这里我们应该还要写一个空的th ,怎么样写呢?就这样,空的 ,好,我们保存一下,保存一下我们进到浏览器里面 ,看下是什么效果 ,诶,我们的内容部分已经出来了,对不对?我们可以检查看一下 ,每一个th占了一行 ,

登录后查看更多
换一批

为你推荐

每周一练

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

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

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

赞助一下吧

确定学习吗?

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

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