引导功能

Bootrstrap 是一个用于创建网站和 Web 应用程序的框架

在本系列的第二篇文章中 让我们处理 Bootstrap 功能。 它是用于设计网站和应用程序的完整资源库,包括用于表单、字体和菜单等的模板和元素。

以前的文章 我们认为,有时内容管理器不是最佳选择,而且 从头开始为网站编写代码是正确的选择。 然而,这并不意味着我们必须重新发明轮子。 使用像 Bootstrap 这样的框架可以大大减少设计时间,并且更容易获得结果。

引导功能

要了解 Bootstrap 的特点,我们需要了解 网站设计的范式转变。

当他们出现时 网站只需要适应不同尺寸的显示器。 但是,随着时间的推移,手机和平板电脑越来越成为用户的首选访问方式。 挑战在于使页面适应不同的屏幕,而用户无需放大、缩小或移动内容即可看到它。

原则上采用了以下方法:

  • 响应式设计: 设计是相同的,但会自动适应屏幕的大小。 这种方法存在一些问题,例如用户可能被迫放大页面的某些部分才能看到它们。
  • 渐进式推进: 它首先为资源较少的设备设计站点(通常是手机,因为它的屏幕较小,浏览器对高级功能的兼容性较差,并且通常需要使用数据计划进行连接)。 完成后,基于此设计,添加功能以获得平板电脑、笔记本电脑和台式电脑的版本。
  • 逐渐退化: 这是反向路径。 首先创建桌面站点并删除功能,直到获得适合移动设备的版本。

由于添加总是比删除更容易,因此渐进式发展是成功的趋势。 B.例如 ootstrap 采用“移动优先”的方法,也就是说,设计的基础始终是以最小的屏幕尺寸显示的版本,然后,将在传递给随后的尺寸时进行修改。

使用 Bootstrap 的一个额外优势与以下事实有关: 谷歌在其搜索中优先考虑适合移动设备的网站。

我们必须考虑的另一个概念是前端和后端设计之间的差异。 前端设计负责用户看到的所有内容以及与之交互的所有内容。 后端将服务器上所做的事情分组。 前者的一个示例是 Web 表单。 显示一系列选项显示为下拉菜单是前端设计,选择的选项通过邮件发送或添加到数据库是后端设计。

Bootstrap 是一个框架,它结合了 CSS 样式元素和 Javascript 编程来控制呈现并为 HTML5 开发的页面的所有组件提供交互性。

我们可以使用 Bootstrap 控制的内容包括:

  • 辅助功能: 菜单或对话框等组件与屏幕阅读器兼容或适合行动不便的人使用。
  • 纽扣: 包括度量、样式、状态和分组。
  • 形式:  包括渲染、控件类型和输入验证。
  • 意象:控制插入图像的原点、对齐方式和屏幕尺寸。
  • 导航元素: 例如,可隐藏的侧边栏或垂直或水平菜单,具体取决于设备。
  • 排版: 控制文本不同部分的显示方式。
  • 布局: 根据设备调整内容渲染

在下一篇文章中,我们将看到一些使用它的实际示例。


本文内容遵循我们的原则 编辑伦理。 要报告错误,请单击 信息.

发表评论,留下您的评论

发表您的评论

您的电子邮件地址将不会被发表。

*

*

  1. 负责资料:AB Internet Networks 2008 SL
  2. 数据用途:控制垃圾邮件,注释管理。
  3. 合法性:您的同意
  4. 数据通讯:除非有法律义务,否则不会将数据传达给第三方。
  5. 数据存储:Occentus Networks(EU)托管的数据库
  6. 权利:您可以随时限制,恢复和删除您的信息。

  1.   埃雷马丁

    期待学习一些有关引导程序的知识。
    谢谢你的时间!