Introducción a Bootstrap 5

所在平台: Udemy

课程主页: https://www.udemy.com/course/introduccion-a-bootstrap-5/

课程评论:没有评论

第一个写评论        关注课程

课程简介

**课程名称:Bootstrap 5 入门** **课程概述:** Bootstrap 5 是当今最流行的响应式网页设计框架,它不仅能帮助您快速、专业地创建适应各种设备的网页,还提供了丰富的工具来简化 Web 设计和开发流程。本课程适合零基础学员,从入门到精通,助您构建灵活强大的网页。 **课程要求:** * 具备 HTML 和 CSS 基础知识,无需精通。 * 无需 JavaScript 基础,课程不涉及 JavaScript。 **课程目标:** * 了解 Bootstrap 5 的起源,学习本地安装或使用 CDN。 * 掌握使用栅格系统创建响应式页面。 * 学习 Bootstrap 5 对 `abbr`、`mark`、`pre`、`kbd`、`blockquote` 等 HTML 标签的排版和样式区别。 * 学会创建各种组件,如: * 分组列表、面板、面板组 * 下拉菜单 * 可折叠列表 * 手风琴效果 * 选项卡菜单(包括居中和药丸样式) * 垂直选项卡 * 创建普通和反色导航栏,添加下拉菜单、对齐选项、按钮、表单,并实现小屏幕下的可折叠导航。 * 学习创建和修改媒体对象,实现垂直居中、左右对齐或嵌套。 * 创建图片轮播(Carousel),添加字幕,创建模态窗口、工具提示(Tooltip)、弹出框(Popover)。 * 学习使用 ScrollSpy 和 Affix 组件。 * 创建适用于不同设备(小、中、大屏幕)的多列响应式页面,并了解 `hidden`、`visible`、`clearfix`、`offset`、`pull` 和 `push` 等类。 **课程资源:** * 每节课均提供学习笔记。 * 超过 100 个练习,帮助您掌握课程内容。 **所需工具:** * 连接互联网的电脑。 * 现代浏览器。 * 代码编辑器(如 Sublime Text, Brackets, Dreamweaver 等)。

课程评论(0条)

课程详情

Bootstrap 5 es sin duda el framework más utilizado para hacer páginas web responsivas de manera rápida y profesional en el mundo, pero no solo nos permite adaptar nuestras páginas web a cualquier dispositivo, sino que nos brinda una enorme gama de herramientas para simplificarnos la vida de diseñadores y desarrolladores web. Este curso está enfocado para personas que no tengan ningún conocimiento sobre el tema, hasta poder lograr páginas flexibles y poderosas. Es necesario que se tengan conocimientos básicos sobre HTML y CSS, pero no necesitas ser un experto en el área. No necesitas tener ningún conocimiento en JavaScript, ya que no utilizaremos este lenguaje.Al final el curso podrás:Comprender los inicios de Bootstrap 5, cómo instalarlo en la computadora o desde un CDN, usar básicamente la cuadrícula para hacer una página responsiva.Aprender las diferencias de tipografía y de estilo entre HTML y Bootstrap 5 en etiquetas como abbr, mark, pre, kdb o blockquote.Aprender a crear listas agrupadas, paneles y grupos de paneles, menús dropdown, listas colapsables, crear un acordeón, menú de tabuladores, menú de píldoras, menús verticales, así como tabuladores y píldoras centradas en Bootstrap.Crear barras de navegación normales y en colores invertidos, añadir un dropdown, crear opciones a la derecha e izquierda de la barra, agregar botones, un formulario y hacer una barra colapsable para un dispositivo pequeño.Aprender a crear y modificar los objetos media, centrando verticalmente, justificarlo a la izquierda o derecha o anidarlos.Crear un carrusel de imágenes y posteriormente agregará subtítulos, creará ventanas modales, añadirá un tooltip a un elemento HTML, creará ventanas popover, así como una barra ScrollSpy y un componente Affix.Crear páginas responsivas de varias columna para dispositivos pequeños, medianos, computadoras de escritorio y de pantalla ancha. Conocerá el uso de las clases hidden, visible, clearfix, offset, pull y push.En el curso encontrarás los apuntes a cada sección, así como más de 100 ejercicios que te ayudarán a lograr nuestros objetivos. Para este curso necesitas una computadora con Internet y un navegador moderno, así como un editor de código como SublimeText, Brackets, Dreamweaver, etc.

课程标签

0人关注该课程

主题相关的课程