开发者学堂课程【网站架构师 CUED 训课程:图片和文字控件】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/548/detail/7549
图片和文字控件
内容简介:
一、图片控件
二、文字控件
一、图片控件
在组件里面直接找到图片的控件,有两种常规图片,还有动态的图片效果。
首先选一个常规图片,选中之后,直接在空白处鼠标左击,图片就会弹出,然后我们可以直接选择图片库里已经有的图片,也可以上传本地的图片,直接选择一个图片,点击确定,这样就会添加图片。
同时,我们还可以对图片进行编辑,首先是样式填充方式:
等比缩放、裁剪填充、拉伸填充以及边框、阴影、透明度都是可以单独设置的。
然后数据可以对它进行图片切换,另外也可以对图片进行美化,直接点击美化后,它实际集成的是一个美图秀秀的功能,可以在美图秀秀里对它进行初步的编辑、裁剪以及马赛克的处理等。
然后,我们可以对图片设置链接,图片链接可以连接到页面、文章、产品、具体的链接、弹出窗口,然后,下面的打开方式、动效,我们可以对图片进行动态效果的展示。
很多网站做的非常漂亮,就是因为这个效果做的非常好。设置完效果之后,还可以设置它的方向、动画的延迟时间、持续时间等都是可以自己设置的,然后有常见的尺寸和位置的设置。
二、文字控件
首先,我们可以直接在组件里选择文字控件,有站点标题、页面标题、大标题和小标题进行区别,选中其中一个标题后,在空白的地方直接选择右击直接出现。
然后,文字控件我们可以双击对它进行编辑。然后,一些常见的字体、字号、颜色、加粗都可以自己设置。
如果想对文字的动态效果、排列做设计,可以直接点击设置编辑。