图片和文字控件|学习笔记

简介: 快速学习图片和文字控件。

开发者学堂课程【网站架构师 CUED 训课程图片和文字控件】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/548/detail/7549


图片和文字控件

 

内容简介:

一、图片控件

二、文字控件

 

一、图片控件

在组件里面直接找到图片的控件,有两种常规图片,还有动态的图片效果。

首先选一个常规图片,选中之后,直接在空白处鼠标左击,图片就会弹出,然后我们可以直接选择图片库里已经有的图片,也可以上传本地的图片,直接选择一个图片,点击确定,这样就会添加图片。

同时,我们还可以对图片进行编辑,首先是样式填充方式:

等比缩放、裁剪填充、拉伸填充以及边框、阴影、透明度都是可以单独设置的。

然后数据可以对它进行图片切换,另外也可以对图片进行美化,直接点击美化后,它实际集成的是一个美图秀秀的功能,可以在美图秀秀里对它进行初步的编辑、裁剪以及马赛克的处理等。

然后,我们可以对图片设置链接,图片链接可以连接到页面、文章、产品、具体的链接、弹出窗口,然后,下面的打开方式、动效,我们可以对图片进行动态效果的展示。

很多网站做的非常漂亮,就是因为这个效果做的非常好。设置完效果之后,还可以设置它的方向、动画的延迟时间、持续时间等都是可以自己设置的,然后有常见的尺寸和位置的设置。

 

二、文字控件

首先,我们可以直接在组件里选择文字控件,有站点标题、页面标题、大标题和小标题进行区别,选中其中一个标题后,在空白的地方直接选择右击直接出现。

然后,文字控件我们可以双击对它进行编辑。然后,一些常见的字体、字号、颜色、加粗都可以自己设置。

如果想对文字的动态效果、排列做设计,可以直接点击设置编辑。

相关文章
|
JSON Java 数据格式
springboot后台下载文件报错: Could not find acceptable representation
使用springboot实现从服务器下载文件功能时,报错:Could not find acceptable representation
1811 0
|
9月前
|
移动开发 人工智能 算法
互动游戏开发新趋势:弹幕游戏源码与H5游戏源码开发的融合与创新
在当今快节奏的数字时代,用户对游戏的期待已不再局限于单纯的娱乐,他们渴望更沉浸、更互动、更具社交性的体验。山东布谷科技作为一家专注于互动游戏开发和社交系统开发的公司,我们敏锐地捕捉到这一趋势,并将弹幕游戏与H5游戏的优势相结合,致力于打造更具吸引力和竞争力的游戏产品。
|
Python
【Leetcode刷题Python】53. 最大子数组和
LeetCode第53题"最大子数组和"的Python解决方案,利用动态规划的思想,通过一次遍历数组并维护当前最大和以及全局最大和来求解。
322 2
|
10月前
|
机器学习/深度学习 自然语言处理 TensorFlow
解锁 AIGC 工具:入门者到高级达人的终极蜕变手册
解锁 AIGC 工具:入门者到高级达人的终极蜕变手册
|
8月前
|
人工智能 自然语言处理 监控
LongPort MCP:证券业首个券商MCP,AI赋能智能投资新时代,散户也能玩转机构级交易
LongPort MCP是长桥集团推出的证券行业首个券商模型上下文协议,通过标准化接口实现AI与金融服务的无缝对接,支持自然语言交互的智能投资服务。
1214 8
LongPort MCP:证券业首个券商MCP,AI赋能智能投资新时代,散户也能玩转机构级交易
|
9月前
|
SQL 关系型数据库 数据库连接
|
消息中间件 存储 监控
ActiveMQ、RocketMQ、RabbitMQ、Kafka 的区别
【10月更文挑战第24天】ActiveMQ、RocketMQ、RabbitMQ 和 Kafka 都有各自的特点和优势,在不同的应用场景中发挥着重要作用。在选择消息队列时,需要根据具体的需求、性能要求、扩展性要求等因素进行综合考虑,选择最适合的消息队列技术。同时,随着技术的不断发展和演进,这些消息队列也在不断地更新和完善,以适应不断变化的应用需求。
886 1
|
SQL 缓存 关系型数据库
MySQL基础(三)----DQL详解
MySQL基础(三)----DQL详解
362 2
|
消息中间件 Shell RocketMQ
就软件研发问题之RocketMQ中ACL授权管理的问题如何解决
就软件研发问题之RocketMQ中ACL授权管理的问题如何解决
240 0
|
安全 网络协议 Java
log4j-CVE-2021-44228-vulhub复现
log4j-CVE-2021-44228-vulhub复现
706 0