添加号召性用语：告诉用户您希望他们采取什么操作，例如点击链接或下载应用程序。

文章正文

号召性用语：

• 点击这里了解更多信息。
• 下载我们的应用程序：
  

其他信息：

1. 详细信息 1
2. 详细信息 2
3. 详细信息 3

谢谢您阅读文章！

视频在线获客方式的营销方案？

在当今以内容为王的营销时代，视频变得比以往任何时候都更加重要。 与任何其他类型的内容相比，高质量的视频具有告知、娱乐、启发和帮助人们更好地识别品牌的能力。 它使您能够以最具创意和视觉吸引力的方式讲述一个故事，这就是为什么它属于最有效的数字营销资产之一。 根据一些视频营销统计数据，超过 80% 的企业更喜欢使用视频作为营销工具，而高达 78% 的人每周都会观看在线视频。

考虑到所有这些因素后，您可能想知道——您可以采用哪些策略来创建吸引人的高转化视频，从而将您的营销结果提升到一个全新的水平？我们将介绍一些最有效的视频营销技巧，这些技巧不仅可以帮助您吸引目标受众的注意力，还可以鼓励他们与您的品牌互动并将他们转化为您的用户。 但在开始之前，我们将简要解释视频营销的含义，并分享一些最常用的营销视频类型。

什么是视频营销

简单来说，视频营销是使用视频内容来推广产品或服务、提高对品牌的认识、产生参与度并最终增加销售额。 现在，您将创建什么类型的视频内容完全取决于您的具体目标、您的品牌价值以及您想要向其展示这些视频的一般观众。 因此，在开始制作视频之前确定这三个因素非常重要。

至于最适合上传和与分享视频的平台，您可以上传视频的地方有很多很多（您可以根据实际情况决定）。

Questmobile 统计，抖音、快手、B 站等中短视频平台崛起过程中用户增量超 25%，高于传统视频行业的 17%；另据《2021中国网络视听发展研究报告》显示，截至 2020 年 12 月，中国网络视听用户规模 9.44 亿，其中短视频覆盖用户 8.73 亿，超出综合视频（涵盖长视频）用户规模1.69亿。

《2021中国网络视听发展研究报告》显示，综合视频平台中爱奇艺、腾讯视频、优酷、芒果TV、哔哩哔哩五大平台占据 88.3%的市场份额。

视频营销类型

您可以使用多种不同类型的视频来实现您的特定营销目标。我们将列出其中的一部分：

创作可转化的视频内容的最佳技巧

现在我们已经确定了什么是视频营销并讨论了几种不同的营销视频类型，是时候看看一些有用的视频创作技巧了。以下是最佳策略，可让您创作吸引人的视频内容，以提高转化率并提升您的整体营销策略：

让事情变得有趣——从头到尾

首先，您的视频应该能够吸引观众的注意力，同时明确展示您的品牌、产品或服务。 因此，从头到尾仔细规划您的视频非常重要。 总体目标是尽可能简洁和具体，同时为观众提供一些有趣（和有价值）的东西。

保持简短——在 10 秒内介绍你的观点

在视频内容的情况下，“时间就是金钱”不仅仅是一句话。 虽然最佳视频长度在很大程度上取决于您计划制作的视频类型，但您仍应保持简单，并在前 5 到 10 秒内介绍您的关键点。 确保从一开始就给他们一个明确的理由来吸引观众继续观看。

另一件重要的事情——如果可能的话，尽量不要在一个视频中塞进太多细节，而只保留必要的信息。 如果您有评论类型的视频并且您的产品或服务包含太多功能，则尤其如此。 在这种情况下，坚持只列出和解释最重要的那些。 谈论每一个可能的功能很容易让您的观众不知所措并分散他们的注意力，从长远来看，这只会适得其反。

添加一些动画

使用动画是为您的视频内容添加一些创造力和额外魅力的好方法。 动画可以很有趣，鼓舞人心，并且整体上很有趣。 如果做得好，它们可以引发观众的情绪，让他们与你的品牌产生共鸣。 因此，他们甚至可以鼓励他们开始联系或查看更多您提供的产品，这只会提高您的品牌认知度并增加转化率。 例如，如果您正在制作教育或促销类型的视频，最好在几秒钟内引入一些动画并说明您的产品或服务的特定功能的工作方式。

最后，无论您尝试创建哪种类型的动画，都要让它代表您品牌的独特颜色。 此外，您的动画必须与您的业务个性以及整体信息和价值观保持一致。

优化您的音频

不用说，您的视频质量应该是完美的，而良好的音频质量是其中的重要组成部分。 假设您有高质量的制作视频和不好的音频，例如，用户可以听到随机的背景噪音、回声，或者更糟糕的是，他们无法正常听到您的声音。 不用说，这种组合很容易让你的观众流失，并对你的品牌产生负面印象。

有许多不同的方法可以提高视频的音质。 当然，第一步是选择合适的录音设备——例如，如果您打算在制作视频时（创建产品评论、推荐、直播或任何其他内容）在相机上录制自己（或其他人）其他），我们建议使用便携式录音设备。 如果您打算在视频中录制画外音，那么 USB 麦克风将是您的最佳选择。 您还应该考虑使用合适的视频编辑软件，例如Adobe Premiere Pro、Final Cut Pro或Lightworks（如果您想要免费的）。 此外，如果可能，请在没有背景噪音的安静房间内录制视频。

添加号召性用语 (CTA)

号召性用语（或 CTA）是多种营销形式中使用的重要工具，视频营销也不例外。您应该考虑视频的目的并问自己——您希望视频观众接下来采取什么行动？您是希望他们购买产品、分享您的内容，还是只是想获得更多浏览量？

一些最常见的视频 CTA 包括“喜欢、分享和关注”、“访问我们的网站”等短语。 找出最适合您和您的总体目标的短语然后相应地调整您的 CTA。

弄清楚这一点后，请确保在视频中任何您认为合适的地方添加突出且可操作的 CTA 。 不过，有一条建议——虽然许多视频在最后都有 CTA ，但并不是每个人都完整地观看视频。 因此，无论如何，请在其中包含您的 CTA，但不要犹豫的是，重复并在整个视频中多介绍几次（在开头、中间等）。

介绍一个令人难忘的角色

无论您选择为角色设计和制作动画，还是选择在屏幕上显示真实的人，在您的视频中添加“一个令人难忘的角色”总是一件好事。 它不仅有可能为您的内容赋予额外的个性，而且还可以帮助您的品牌进一步人性化，使其更令人难忘，更容易吸引观众。 例如，在推荐视频的情况下，即使不是强制性的，也欢迎展示客户的LOGO。

如果您打算在视频中加入动画角色（或所谓的吉祥物），我们建议您在视频介绍中使用它，最后，以及任何您想要添加 CTA 的时间。

如果您打算在视频中展示真人，则可以应用类似的策略，但根据主题，您（或将出现在视频中的任何其他人）可以在您认为合适的任何地方出现在屏幕上。 我们建议在编辑中混合使用，引入合适的品牌或产品相关的视觉效果，然后切换回向观众讲话的人。 通过这种方式，您将吸引观众的注意力，同时显得专业和可信。

总结

视频是最有效的营销工具之一，它有可能吸引观众并提高品牌知名度，这是独一无二的。 虽然在您开始计划视频时需要考虑和处理的事情有很多，但我们已尝试涵盖最重要的提示，以帮助您大致了解从哪里开始。 不要犹豫，尝试我们的建议，并尽快开始利用视频营销的优势为您带来更多的价值。

怎么设计css布局怎么设计css布局图

css网页布局方式css布局的几种方式

2.两列布局:说到两列布局，最常见的就是用float来实现。 浮动布局的缺点是浮动会造成文字换行等效果，浮动需要及时清除。

3.三栏布局:两边宽度固定，中间自适应。 首先设置父元素的宽度，可以设置左、右、左浮动。 然后在中间设置边距来调整间距。 您还可以将它们设置为向左浮动，设置边距，并调整间距。 还要注意清除浮动的影响。

4.混合布局:在一栏式布局的基础上，保留顶部和底部，将中间主要部分改造成两栏式或三栏式布局。 小模块也可以用同样的方法一步一步划分。

app设计中，常用的界面布局方式有哪些？

您已经对如何使用网格有了基本的了解，您可能想知道如何将其应用于您在网络上看到的布局。 响应式网格是一种系统地调整您的设计，分配命令，建立层次结构和“逻辑”设计的方法。 它使事情看起来不那么浮动，您通常可以分辨出谁在使用网格以及谁没有使用网格。 随着人们成为更好的设计师，他们的眼睛不断在各处绘制水平和垂直线，以创建这种顺序和对齐方式。

在该注释上，我经常会遇到诸如“等等，粘性面板如何在网格布局中工作?”之类的问题。 或“您对端到端的Web应用程序做什么?”我们将研究响应式网格的一些应用程序，以及它们如何按比例缩小到移动设备。 更重要的是，我想教您如何混合和匹配布局以适应您的设计需求。

如果不确定如何在响应式设计中使用网格，请阅读第一部分：响应式网格以及如何实际使用它们。 还是顺其自然，一切都很好。

免责声明：我不在这些公司中任职，也不知道他们如何建立自己的网格。 这纯粹是一个学习练习，我仅以这些网站为例。

单列布局

又名全页布局。 这是最简单的布局，用于登录页面。 您有足够的空间来显示大图像，以创建可增强您的产品或品牌的声明。 一栏式布局中的事物充当单独的模块，并且易于在移动设备上扩展，因为事物已经按照您希望它们显示的顺序进行了堆叠。 因为它在激发情绪方面非常强大，所以这是主页，，操作指南或新产品等的通用布局。 即使在模块中，也有可能将事物分成不同的网格列，整体而言正在利用12列作为主要内容。

网格使用

您可以清楚地看到，WeWork在其设计中使用了网格，因为尽管每一行都划分了所有内容，但它们仍然排列在一起。 一个简单的赠品是元素之间的填充量是一致的(在4张卡片和两个客户成功案例之间)，并且外部边缘的宽度相同，这使此设计非常令人赏心悦目。 我也喜欢这个示例，因为它表明您仍然可以在执行基于行的模块的同时以有趣的方式分解页面。

例子

这是一列布局的其他一些示例。 请注意，父元素内的元素可能如何划分为不同的列，但整个父元素位于一个主容器下。

两列布局

这可能是最常见的布局之一，只是因为您不希望文本的宽度超过6_8列。 另一个好处是您可以将其他元素置于折叠上方，并使用此侧栏进行导航，广告，号召性用语，类似清单等。 您应将8栏用作主要内容，并将4栏用作侧面内容。 这样，您的两面都是偶数，如果需要，您可以将主要内容切成两半，以很好地并排显示内容。

“但是等等，有8列?然后我的设计空间就大大减少了!”你可能会说。 在网络上，切勿让文本使用全部12列。 这是一个基本的排版原则，舒适的阅读宽度在16px处约为60_80个字符，而在桌面上恰好不超过8列。 其实8列是真正推动它，因为你必须要考虑那些谁使用了大量的桌面，所以我不会设计的东西多比。 即使在单列主页布局中，内容也居中并具有最大宽度。 因此，“更少的空间”确实是没有问题的，甚至可以使您的设计更好。

这种布局用途广泛，适用于网站的内页，例如，当您有大量文本要阅读时。 一些页面示例是博客，说明，常见问题解答，操作方法，您希望在其中使导航或其他方便用户使用的内容。

移动

在移动设备上，这是一个简单的层次结构问题。 您需要根据侧面板中的内容做出堆叠决策。 如果侧面板是导航或关于FAQ的一系列问题，则应将其放在主要内容之前。 如果侧面板是“阅读更多”或“其他建议”，则应将其堆叠在主要内容的底部。

三列布局

由于您要处理三列，因此您可以选择如何分配它们。 让我们先来看一个简单的示例-均匀的4_4_4分布。

4_4_4分布

当您需要发布大量图像时，这对于布局很有用。 如果设计将不使用最大宽度，则可以由您选择。 我在下面显示了两个示例。

分布不均(3_6_3)

分布不均匀是一种布局，用于当您拥有可以处理较长内容的产品时，您还希望突出显示用户可以做的其他事情。 当主要内容不需要很多水平空间时，这是最合适的。

这是Dribble设计工作板上3_6_3布局的示例。 紫色轮廓指示内容位于网格上的位置，紫色块指示它们为元素提供的其他填充。 我非常喜欢这个示例，因为它提醒您可以按自己的喜好分解页面。 在这里，标题和大号的CTA是一个模块，用作三列之前的标题语句。 但是，如果仔细看，它实际上仍在中间的6列之内。

就像两列布局一样，您需要决定如何显示内容，而这取决于信息的重要性。 使用相同的Dribbble示例，在平板电脑上，左面板完全消失。 在移动设备上，右侧面板会塞入过滤器按钮。 单击过滤器按钮可展开该部分并将内容推入下面。 仅出于理论上的考虑，如果左侧是导航，则可以将其堆叠在主要内容的顶部，放在抽屉中，尝试水平滚动的锚点，或者创建带有导航元素的粘性页脚。

Dribble的3列布局更改为平板电脑上的2列(左)。 在移动设备上，右侧面板会塞入过滤器按钮(中间)。 单击过滤器按钮可展开该部分，并将内容推入下方(右)。

分布不均(2_5_3)

Facebook和Twitter使用这种布局，其中主要内容是供稿的长滚动区域。 您可能会注意到左侧和右侧的列数不均。 他们的左侧面板是导航栏，右侧是一列较宽的栏，其中包含生日，精彩集锦，提醒和趋势等杂项。

如果您回想起我以前的文章，则12列是台式机上最基本和最标准的列，但这并不意味着您需要使用它。 不同的页面可能需要不同的网格设置，具体取决于您的产品。 在这里，布局之所以有用，是因为提要不需要太宽，而且分布不均匀也使提要具有层次结构和注意力。

基本上，您可以按自己的喜好分割网格，只需要认真考虑站点的用途以及削减层次结构将如何支持该目的。 UI设计网格布局有哪些如果站点的目的是主要阅读长篇小说或查看大图像，则我不会使用散列布局，因为我想使用更多的水平空间。 取而代之的是，我将导航放在顶部，并使用两列布局。 或者，如果我需要一个介于图像和文本之间的不错的选择，那也将是使用两列布局的一个很好的理由，例如Reddit的当前设计。

粘板

粘性面板是指您的区域具有粘性，或者在用户向下滚动页面时“跟随”用户。 粘性面板中的信息可以是静态的，例如带有号召性用语的警告消息，也可以是动态面板，该面板会在您更改信息时进行更新。 布局本身与两列布局相同，但粘性内容要短得多。 它之所以非常有效，是因为它可用于反映用户在非粘性方面所做的事情，并始终吸引号召性用语。 使号召性用语保持一致很重要，因为它可以提醒用户下一步应该做什么，从而增加转化次数。 与滚动两列布局相比，当您要突出显示用户可以执行的单个操作时，最好使用粘性列，而对于多个操作则最好使用不粘滞。

如果使用网格系统进行设计，则面板应位于网格内部。 在台式机上，面板将占用外部3或4列。 其余的，无论是右侧还是左侧，将是滚动的8列或9列。

重要：如果您决定设计粘性面板，则该面板必须足够短，以使其在所有桌面屏幕上都可见。 因此，它必须简明扼要，如果它是动态的或具有伸缩性，则应确保内容未在其最大高度处被剪切。

移动

您是否注意到台式机与两栏式布局相同，但侧面板较短?区别在于移动设备，面板被压入了一个粘性页脚。 另一个选择是，它也可以是包含在内容中间的另一个模块。

在移动体验上，Airbnb会将粘性的右面板变成粘性的底部页脚。 当用户单击“预订”时，将显示带有预订详细信息的模式。 通常，粘性页脚会非常汇总，如果用户单击粘性页脚，则可能会显示一个模态或您可以像抽屉一样将其拉起。 在移动网络上，与抽屉相比，该模式更易于开发，但是抽屉将模仿更近的桌面体验。

网络应用

某些站点具有持久的导航功能，该导航功能通常会粘在屏幕边缘，通常在屏幕的顶部和左侧。 这些粘性导航菜单可帮助用户感觉就像他们在使用应用程序，并且对于基于动作的UI(用户需要在不同目标之间进行切换)非常有用。 由于这样的设计意味着导航始终存在，因此您可以利用它来简化内容。

对于Web应用程序设计，粘性导航实际上不属于网格。 它留在它外面，因为它将一直存在。 网格将成为您的内容，其外部还有粘性导航。 通常，此粘性导航的大小也是固定的。 在此示例中，Spotify的左侧面板和底部面板具有粘性，并且在拉伸浏览器时，只有网格中的内容会动态更改大小。 大多数网络应用程序都保持网格流畅以填充浏览器。

移动

通常，Web应用程序倾向于具有实际的移动应用程序(从应用程序商店下载应用程序)。 与移动网络相比，有了移动应用程序，您可以做更多的事情(在手机上以chrome打开页面)。 在移动体验中，由于菜单项很多，导航项往往会塞入汉堡菜单。 如果在桌面上有一个顶部导航充当总体导航，则它在移动设备上可能仍会粘在顶部或底部。 为什么是底部?它离您的手更近，因此更容易接近。 因此，现在有几家公司不再将导航放在其应用程序的顶部。

Slack的移动应用程序将导航隐藏在左上角的图标中。 将导航隐藏在移动应用程序的汉堡菜单中，但还引入了新的即时贴按钮来创建新的便笺。 Youtube的移动网络版本具有导航功能，可作为页脚。

这还不是全部。 您还可以利用许多其他很酷的方法来利用网格进行出色的设计。 有时您不必使用装订线，有时甚至不必在桌面上做12列。 您的三列布局甚至不需要从页面的开始处开始。 这仅仅是设计中如何使用网格的开始。 最后，它可以帮助您思考层次结构。 希望本文能够在技术方面为您提供帮助，但更重要的是，在如何考虑设计并提供适合页面目的的可视化解决方案方面，您会有所帮助。 良好的可用性不仅取决于外观，还取决于有效的，可扩展的和可转换的。

UI设计网格布局有哪些在p+css布局的网页中如何加入视频？

新建一个html文件，命名为，用于讲解在p+css布局的网页中如何加入视频。

30 个网站建设术语及其含义

网站设计的广阔前景是不断发展和扩展的，随之而来的是大量的术语和行话，这对于初学者甚至一些经验丰富的设计师来说可能会令人望而生畏。 无论您是一位有抱负的网站设计师、一位想要温习词汇的专业人士，还是一位寻求与网页团队更有效沟通的企业主，了解网站设计的关键术语都将大有裨益。

在本文中，我们将深入探讨在当今数字时代至关重要的“30 个网站设计术语”。 从基本的（如 HTML 和 CSS）到更复杂的（如响应式和自适应设计），每个术语都将得到全面的解释，为您提供对复杂的网页设计世界的宝贵见解。 通过熟悉这些术语，您不仅可以增强对网页设计技术的理解，还可以提高您参与有关网站开发的有意义的对话的能力。

因此，无论您是在创建、管理还是只是探索网站设计的深度，这本综合指南都是您值得信赖的伴侣。

学习这 30 个基本术语，您将获得驾驭复杂而令人兴奋的网页设计领域所需的理解。 让我们深入研究并扩大我们的网站设计词汇。

HTML（超文本标记语言）是用于创建网页的标准标记语言。 它提供了网站的基本结构，并通过 CSS 和 JavaScript 等其他技术进行了增强和修改。 HTML 元素是 HTML 页面的构建块，由标签表示。 浏览器不显示 HTML 标签，而是使用它们来呈现页面内容。 了解 HTML 是网页设计和开发的基础，因为它为构建网站奠定了基础。

CSS（层叠样式表）是一种样式表语言，用于描述以 HTML 编写的文档的外观和格式。 它用于同时控制多个网页的布局。 CSS 允许您将样式应用到网页。 更重要的是，CSS 使您能够独立于构成每个网页的 HTML 来完成此操作。 CSS 处理网页的外观和感觉部分。 使用 CSS，您可以控制文本的颜色、字体样式、段落之间的间距、列的大小和布局方式、使用的背景图像或颜色、布局设计、不同设备和屏幕尺寸的显示变化，以及许多其他美学方面。 CSS 显着提高了 Web 的可访问性，并减少了页面加载时间。

JavaScript

JavaScript (JS) 是一种高级解释性编程语言，可实现交互式网页。 HTML 布置页面结构，CSS 规定样式，而 JavaScript 向页面添加行为，从而可以添加交互性、动态更改内容、动画图像等等。

响应式设计

响应式设计是一种网页设计方法，旨在设计网站以提供最佳的观看体验——轻松阅读和导航，只需最少的调整大小、平移和滚动——跨从台式计算机显示器到移动电话的各种设备。

移动优先设计

移动优先设计是一种设计策略，该策略表示网站应首先针对移动设备进行设计，然后再针对平板电脑和台式机等更大的设备进行扩展。 这种方法是对移动互联网使用量显着增长的回应。

用户体验（UX）

用户体验 (UX) 涵盖最终用户与网站、网站服务和产品交互的所有方面。 用户体验设计的主要目标是确保产品使用起来令人愉悦、高效且有效。

用户界面（UI）

用户界面 (UI) 是网站的图形布局。 它包括用户单击的按钮、他们阅读的文本、图像、滑块、文本输入字段以及用户交互的所有其他项目。 这包括屏幕布局、过渡、界面动画和每一个微交互。

前端

前端 Web 开发，也称为客户端开发，涉及创建用户加载 Web 应用程序时看到的内容 - 内容、设计以及与之交互的方式。 这是通过三种编码语言实现的：HTML、CSS 和 JavaScript。

后端

后端 Web 开发涉及应用程序的服务器端以及数据库和浏览器之间通信的所有内容。 这是实现 Web 应用程序功能以及存储和检索数据的地方。

全栈

全栈开发人员是对网络在各个级别如何工作有深入了解的人，包括设置和配置 Linux 服务器、编写服务器端 API、深入研究为应用程序提供支持的客户端 JavaScript 以及将“设计”转变为“设计”。 眼睛”到CSS。

内容管理系统（CMS）

内容管理系统 (CMS) 是一种软件应用程序，允许用户在网站上构建、管理和修改内容，而无需专业的技术知识。 这使得不懂技术的用户无需编写代码即可创建网站并上传内容。

搜索引擎优化（SEO）

搜索引擎优化 (SEO) 是优化网站的做法，使其在搜索引擎结果页面 (SERP) 中排名更高。 这是通过结合页面优化（例如关键字使用和元数据）和页面外优化（例如反向链接和社交信号）来完成的。

域名

域名是标识互联网上网站的唯一地址。 这是当您想要访问网站时在网络浏览器的地址栏中输入的内容。 域名对于确保世界各地的用户都能找到和访问您的网站非常重要。

网络托管

网络托管是一项允许个人和组织将网站或网页发布到互联网上的服务。 网络主机或网络托管服务提供商是提供在互联网上查看网站或网页所需的技术和服务的企业。

SSL证书

SSL（安全套接字层）证书是将加密密钥以数字方式绑定到组织详细信息的小型数据文件。 当安装在 Web 服务器上时，它会激活挂锁和 https 协议（通过端口 443）并允许从 Web 服务器到浏览器的安全连接。

线框

线框是代表网站骨架的视觉指南。 创建它是为了排列元素以最好地实现特定目的。 目的通常是告知页面布局或界面的功能描述。

原型

原型是工作产品的初步可视化。 在网页设计中，原型说明了网站的布局设计、用户界面和导航方案，作为最终产品的现实模型。

登陆页面

登陆页面是一个独立的网页，专门为营销或广告活动创建。 这是访问者点击电子邮件中的链接或来自 Google、Bing、YouTube、Facebook、Instagram、Twitter 或网络上类似位置的广告后“登陆”的地方。

微型网站

微型网站是一个单独的网页或一小群页面，旨在充当现有网站内的离散实体或补充离线活动。 微型网站的主登陆页面可以有自己的域名或子域。

电子商务

电子商务，也称为电子商务或互联网商务，是指使用互联网购买和销售商品或服务，以及执行这些交易的资金和数据传输。 电子商务通常用于指在线实体产品的销售，但它也可以描述通过互联网促进的任何类型的商业交易。

导航

在网页设计中，导航是指在万维网中导航信息资源网络的过程，万维网以超文本或超媒体的形式组织。 辅助导航的 UI 通常称为网页导航，是网页设计的重要方面。

页脚

网站的页脚传统上是网站底部的区域。 它用于显示对用户实现目标并不重要的内容，例如隐私政策或使用条款的链接。 页脚也是经常用于站点关键区域的辅助导航的区域。

英雄区

网站的英雄区域是一个大型横幅式设计，通常出现在网页的顶部。 它通常是访问者在网站上遇到的第一个视觉元素，其设计可以极大地影响用户对产品或品牌的第一印象。

号召性用语（CTA）

号召性用语 (CTA) 是网站上的提示，告诉用户采取某些指定的操作。 号召性用语通常写为命令，例如“注册”或“立即购买”，并且通常采用按钮或超链接的形式。

下拉菜单

下拉菜单是每当单击一段文本或按钮时就会出现的选项列表。 这是网页设计中的一个常见功能，允许干净、简约的网站界面，同时仍然提供对多个页面的访问。

面包屑

面包屑是辅助导航工具，可帮助用户了解当前页面与站点层次结构级别之间的关系，直至到达主页。 它们对于具有大量以分层方式组织的内容的网站尤其重要。

网站图标

收藏夹图标是“收藏夹图标”的缩写，是与特定网站或网页相关的小图标。 提供网站图标支持的浏览器通常会在浏览器的 URL 栏中以及书签列表中的页面名称旁边显示页面的网站图标。

侧边栏

侧边栏是网站上提供的垂直列，位于网页的左侧或右侧。 它们用于显示不属于主要内容但又太重要而不能放在页脚的信息。

小工具

在网页设计中，小部件是一个小型独立应用程序，可以插入到任何网页中。 小部件可以提供各种功能，例如提供天气更新、显示新闻行情或促进社交媒体共享。

弹出窗口

在网页设计中，弹出窗口是一个图形用户界面（GUI）显示区域，通常是一个小窗口，突然出现在可视界面的前台。 弹出窗口通常用于显示广告或电子邮件订阅表格。