Categorizando etiquetas según nuestra estructura en HTML
Clase 21 de 41 • Curso de HTML y CSS 2019
Contenido del curso
Los básicos del web
Construcción de un producto digital
- 14

Paper wireframe
10:50 min - 15

¿Cómo instalar XD?
00:51 min - 16

Diseño de interfaces
06:41 min - 17

Maquetación de la NavBar
13:10 min - 18

Maquetación de main_section y agregando estilos CSS
08:22 min - 19

Maquetación de tarjetas de producto
09:07 min - 20

Fuentes personalizadas y variables de CSS
07:46 min - 21

Categorizando etiquetas según nuestra estructura en HTML
Viendo ahora - 22

Reto 2: Maquetar el home del producto digital
00:39 min - 23

Reglas responsive
07:14 min - 24

Animaciones y transiciones
08:47 min
Integrando otras herramientas
- 25

Atributos especiales de las etiquetas para mejorar el funcionamiento de nuestros formularios
02:47 min - 26

Librería vs Framework
05:42 min - 27

Sistema de Grillas
08:05 min - 28

Completando el Sistema de Grillas
04:03 min - 29

Reto 3: implementación del sistema de grillas
00:34 min - 30

Maquetación del formulario
13:03 min - 31

Creación de formulario: inputs
10:39 min - 32

Creación de formulario: botones
08:43 min - 33

¿Cómo crear tu cuenta en Paypal?
01:26 min - 34

Configuración del botón de pago con Paypal
08:02 min - 35

Autofill del formulario de PayPal
01:03 min - 36

Maquetación de pantalla de éxito y error
10:37 min
Deploy
Conclusión
Bonus
Para estructurar nuestro proyecto, necesitamos ordenar nuestra definición de etiquetas con CSS. La conexión entre nuestra estructura HTML y CSS da como resultado una página web. A continuación veremos las reglas de nomenclatura que dan orden a nuestra definición de CSS.
Para darle nombre a los estilos podemos utilizar diferentes métodos, aunque es recomendable seguir estos pasos:
-No utilizar palabras en español: la mayoría de los lenguajes no aceptan ñ o tildes, es por eso que evitamos esta característica.
-Para los espacios utilizamos guión medio o guión bajo, recuerda usar solo uno de los dos caracteres.
-Describir el nombre de manera general a particular, por ejemplo: home_bar
También podemos definir las siguientes etiquetas, las cuales nos permiten crear secciones dentro de HTML y evitamos un concepto llamado divismo.
<section> Lo usamos para dividir secciones <footer> Define el footer ya sea de toda la página o solo de un componente. <iframe> Nos ayuda a incrustar otra página en nuestro html <video> Nos ayuda a incrustar video dentro de nuestra web
Ahora que ya sabemos esto continuaremos en las próximas clases construyendo con HTML y CSS.