您还没有专辑

开始创建自己的专辑吧

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

DW-实例制作-联系我们模块

手机观看

扫一扫下载虎课app

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

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

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

按住画面移动小窗

DW-实例制作-联系我们模块

播放卡顿?建议切换线路

宽屏取消宽屏

学设计上虎课网

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

免费学习即将结束

关闭继续学习>

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

扫一扫下载虎课app

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

添加到专辑收藏已收藏收藏成功,可进入个人中心-课程收藏 查看!
M
M

关注人数:5780

目录信息笔记
课后练习学员评价 (126条评论)视频字幕查看优秀作品>

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

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

Hallo,大家好我是M ,上节课呢,我们已经做到了我们这个科技网站的 ,客户案例部分 ,那么这节课呢我们就要把联系我们这个版块给它拿下来 ,好,看到我们的DW里面,客户案例 ,我们继续,老样子 ,先还是标注一下 ,下面是什么,联系我们,好,我们来看到设计图 ,现在分析一下,联系我们这一块的HTML结构 ,首先呢,这个是一个大的div ,这个div里面呢 ,有两块,一块就是我们这个标题 ,当然了,标题的样子我们已经写好了 ,直接用我们的title就可以了 ,然后呢,就是这一块 ,我们的内容部分 ,内容部分呢?又分成了三个 ,相同结构的小块我们可以看到啊,上面是图片 ,中间标题 ,下面内容 ,后面两个也是一样的 ,所以呢 ,我们待会 ,把这个小中等div分成三个小的之后呢 ,就可以直接复制其中的样式了来达到我们这个代码的一个 ,剪接 ,好,我们开始 ,首先呢,还是div,整个大的div ,封面里面呢 ,首先就是这个标题了,我们直接复制过来 ,联系我们 ,当然了我们还是要给callme一点点样式 ,首先宽度 ,100%这个我们就不用说了 ,高度 ,就到Ps里面我们来量一量 ,应该是从这个地方 ,

有460个像素 ,px ,保存,然后去到网站刷新一下 ,好,这一块我们就有了,对吧 ,看一下设计图 ,标题与顶部的距离 ,36像素 ,这里呢我们怎么样标记下来 ,我们可以给标题设置一个padding-top ,或者这个刚刚我们叫callme的 ,大的div设置一个padding-top对不对 ,但是由于我们的标题已经叫了tittle了 ,我们就不要再给它多添加样式了 ,我们就直接用padding-top ,点一下这个callme的,啊,就是padding ,top,36px ,当然了,给完padding内填充之后呢,我们是不是要把相应的 ,高度也就减少这个36啊 ,那么是多少 ,24,424px,保存一下 ,好,标题下来了,这个整体的高度有没有变 ,再看到设计图 ,我们再来写这一块位置了 ,写在开头的下面div ,我们将它怎么呢 ,callmebox ,样式里面呢 ,好,这个callmebox,它有什么特点 ,首先我们还是来写宽和高 ,来量一下 ,1020px,高度314px ,其次呢居中 ,margin,好,我们先看一下它上边距有多少 ,

上22px,左右 ,自动,也就是居中,下,0 ,好 ,还有什么 ,还有它的背景对不对 ,吸一下 ,复制 ,background-color或者直接background都可以 ,保存一下 ,来,看一眼 ,好, 这个区域我们也已经有了 ,有的时候呢,我们要在callmebox里面 ,把它分成三份,三个小的div ,让它什么呢 ,我们直接就叫它div吧 ,我们就不给它起名字了 ,那怎么给它样式呢 ,callmebox ,里面的div,我们这样给它样式就好了 ,既然把它平分三份的话,那么这个 ,我们不用直接拿1020除以3 ,我们怎么写呢,我们就用百分比写,宽度呢就是33% ,高度呢 ,我们可以写314 ,当然了,也可以直接100% ,保存一下 ,我们来浏览器里面看一下这个结构啊 ,检查 ,callmebox里面的 ,

登录后查看更多
换一批

为你推荐

每周一练

立即参与
虎课网为您推荐DW-实例制作-联系我们模块视频教程、图文教程、素材源文件下载,学员课后练习、作品以及评价等内容。DW-实例制作-联系我们模块教程讲师:M,使用软件:DW(CC2017),难度等级:新手入门,视频时长:16分12秒 查看全部
入门教程:
PS (CC2017)教程Illustrator教程After Effects教程CorelDRAW 教程SAI教程Sketch教程Indesign教程Lightroom教程Dreamweaver教程AutoCAD(室内)教程Maya(玛雅)教程SketchUp教程C4D教程Premiere教程3DS MAX教程Axure教程ZBrush教程DaVinci(达芬奇)教程Animate(Flash)教程Lumion教程Keyshot教程Excel教程虚幻4引擎教程AutoCAD(机械)教程Word教程Principle教程SolidWorks教程Audition教程C#游戏开发基础教程Hype 3教程Unity3D引擎教程Rhino(犀牛)教程Substance Painter教程Mockplus教程Nuke教程Pro/Engineer教程Vegas Pro 14教程墨刀教程Final Cut ProX教程Unigraphics NX教程Xmind 8教程EDIUS Pro 9教程PAINTER教程酷家乐室内设计教程蓝湖教程xiaopiu教程Keynote教程Houdini教程MUSE教程PPT教程PS (CC2018)教程Adobe XD教程Twinmotion教程Realflow教程图怪兽教程SPSS教程Python教程Acrobat Pro DC教程VBA教程Mastercam教程Numbers教程Pages教程会声会影教程WPS(2019)教程Axure(9.0)教程Visio教程R语言教程JDBC教程Maven教程Servlet教程AJAX教程Rhino(6.0)教程Revit教程Amos教程PHP教程Creo(5.0)教程C4D(R20)教程CSS教程HTML教程Dimesion教程Java教程JavaScript教程Maya(2019)教程Blender教程Oracle教程SQL Server教程OBS Studio教程AE(CC2019)教程PR(CC2019)教程Camtasia studio教程CATIA教程FL Studio教程Cubase教程Redis教程AutoCAD(建筑)教程SQL教程Vue.js教程JQuery教程VideoScribe教程C++教程PowerMill教程Alias教程Scratch教程SketchBook教程Procreate教程Marvelous Designer教程Capture One教程爱剪辑教程MongoDB教程Wireshark教程BodyPaint 3D教程MySQL教程Logic Pro X教程Unfold 3D教程Inventor教程Affinity Photo教程Spine教程

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

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

赞助一下吧
限时新手任务
额外获得 4 次学习教程次数

确定学习吗?

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

成为VIP可无限学习 !

成为VIP吧!

成为VIP吧!

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

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

升级VIP吧!

您已经学习 5 个教程啦!

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

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


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


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


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


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


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


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


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


学习后才能评价哦!

学习后才能提问哦!

获得30虎课币

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

×

下载素材/源文件:

收藏成功
取消成功
特惠
充值
手机版
虎课桌面客户端
置顶播放器,边看边学习
虎课移动APP
支持离线缓存,随时随地学习
领福利
微信扫码关注领5G 2019年全新素材包
建议意见
官方客服

官方客服

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

客服热线:400-862-9191工作日:9:30-18:30

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

节假日:9:00-18:00

虎课积分
下载手机虎课APP离线缓存 随时随地观看
免费学习51000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了161,398
并提交了1,606份作业!
登录后立即学习!
loading
微信扫码关注即可登录
登录后立即学习!
手机号
验证码
立即登录
您需要同意协议才可以进行登录
已连续签到0
第一天
5个虎课币
第二天
10个虎课币
第三天
15个虎课币
第四天
20个虎课币
第五天
40个虎课币
第六天
20个虎课币
第七天
20个虎课币
立即签到
已签到
每周一重置签到奖励
已连续签到0
本周斩获110个虎课币,下周也要来哦
我知道了
已连续签到0
哎呀,签到失败了!
再次签到
哎呀,系统出现错误,请稍后重试!
恭喜!签到成功,获得 10 个虎课币
上上签 ·21August.2018
尽管眼下十分艰难,可日后这段经历说不定就会开花结果
— 唐代文学家 韩愈
训练营坚持完成打卡任务 报名费全额返更多>>
直播公开课学员好评率95%以上更多>>
全站51000+课程免费学!昨日已有37346位学员免费领取~点我领取