您还没有专辑

开始创建自己的专辑吧

创建
您可在个人中心-我的专辑处查看
当前位置:首页 > 软件入门 > DW-案例制作-banner及关于我们(下)

DW-案例制作-banner及关于我们(下)

手机观看

扫一扫下载虎课app

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

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

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

按住画面移动小窗

DW-案例制作-banner及关于我们(下)

播放卡顿?建议切换线路

宽屏取消宽屏

学设计上虎课网

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

免费学习即将结束

关闭继续学习>

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

扫一扫下载虎课app

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

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

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

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

Hello,大家好,我是M ,上节课我们这个科技网站已经写到了关于我们的这个标题 ,那么我们继续 ,上面部分我们已经ok啦 ,在从左往右看就是这一个图片啦 ,这个图片呢,老规矩,我们把它给剪切下来 ,它就直接到我们的img文件夹里面 ,看一下尺寸,362×343 ,去找html里面 ,在关于我们里面直接 ,增加一个img文件 ,然后把它给导入进来 ,这样式,怎么样我们来写它 ,由于它是img ,标签的话,所以呢,我们就可以不用给它 ,去创造一个新的class命名了,我们就直接用 ,aboutus ,aboutus里面的img标签 ,好,它是什么样的呢?首先是宽度 ,宽度多少看一下 ,362px ,高度 ,343px ,好,保存一下,我们去到,浏览器里面看一下 ,好,我们看到我们的图片呢,就已经出现到这里了 ,但是效果图里面呢,这个图片是紧贴着我们这根线的对不对 ,好,我们怎么样把这个图片挨着我们的线呢 ,这里有我们用到绝对定位,还记得绝对定位吗 ,首先我们要在这个 ,标签的负极 ,这个标签的负极看我们的html结构啊 ,也就是我们这个叫aboutus的 ,div ,我们需要给它加一个什么 ,

position,relative ,然后呢?在这里img里面加上position ,absolute,absoute什么呢?bottom底部 ,因为是挨着它的底部的,所以是0,保存一下 ,刷新 ,好,这样我们的这个图片就下来了看见没有 ,然后看到设计图里面,这是什么,公司介绍 ,好,我们来到html里面来 ,接着img,因为它们是平级关系 ,所以我们接着这个标签写div点 ,直接叫jieshao好了 ,什么字呢?公司介绍 ,好,我们再来编写这个介绍的样式,点 ,英文点,点介绍 ,好,我们来看一下啊,首先最基本的它的宽和高 ,量一下,180×80 ,宽度180px,高度80px,然后呢 ,文字颜色,白色对不对color ,井号,三个F或者六个F都可以,然后看下字体的大小啊 ,30点,字体大小微软雅黑,然后加粗,DW里面 ,font,size,30px ,字体啊防止我们打错,我们直接复制上面的微软雅黑 ,还有加粗font,bold,还差什么 ,还差一个底色对不对,缺一个底色,吸一下,复制 ,background-color ,

好,保存,去到浏览器里面看一下 ,出来了差什么,没有居中,文字的居中 ,text-align,center以及我们的行高line-height ,高度80,那行高也是80,刷新,诶 ,这怎么可以看到啊,有一点问题啦,是不是公司介绍 ,位置不对啊,由于我们这个图片是用的绝对定位 ,所以我们这个公司的介绍呢,也要用绝对定位 ,那么怎么定呢,首先我们要移到,看到设计图里面啊 ,它是挨着我们这个左边的图片的对不对 ,那它的绝对定位怎么写,position,absolute ,首先是left,left是多少呢,是不是这个img的宽度呀 ,也就是362,是362吗,应该是第363对不对,要多一个px ,好,我们再到浏览器看一下,刷新,好像是过来啦 ,诶,这里多了一个px的话,我们还是用那一个362吧 ,保存一下,刷新,好,这样它就挨着了,然后呢 ,我们还要让它往下对不对,往下怎么办 ,我们可以量上面 ,也可以量下面,这个我们直接量下面好了,228像素 ,复制,bottom,228px保存一下 ,诶,进到浏览器里面看一下啊 ,

登录后查看更多
换一批

为你推荐

每周一练

立即参与

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

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

赞助一下吧

确定学习吗?

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

成为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 个虎课币
.
书山有路勤为径,学海无涯苦作舟
— 唐代文学家 韩愈
虎课网 · 每天进步一点点
分享到