Introducción
Cómo se crean las páginas web
¿Qué es el Frontend?
¿Qué es el Backend?
Sitios Code con HTML y CSS
¿Qué debo saber de HTML?
Mi primera página web con HTML
Maquetando el hero
Maquetando la sección de redes sociales
¿Qué debo saber de CSS?
Mis primeros estilos con CSS
Estilos del menú
Estilizando el Hero: elementos encima imágenes
Estilizando el Hero: información del hero
Estilos para las imágenes de redes sociales
Detalles finales con HTML y CSS
Despliega tu página a internet
Cómo hacer deploy a internet
Cómo publicar tu página web gratis en internet
Compra el dominio de tu página web
Cómo comprar un hosting para mi página web
Sitios No-code con WordPress
Qué es no-code
Despliega tu página web con WordPress
Instalación y configuración de Elementor
Mi primera página web con Elementor
Maquetando el hero con Elementor
Mi primera página web con una plantilla de WordPress
Conclusiones
¡Conoce otros proyectos de este curso!
Próximos pasos para convertirte en Web Developer
Comparte tu proyecto del curso
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Aportes 33
Preguntas 7
Para ver los cambios en tiempo real y evitar tanto F5 en el navegador instalen Live server para el visual studio code Clic aqui
De esta manera el navegador va a recargar el archivo html cada vez que se guarde.
Que gran profesor
He entendido perfectamente la explicación sobre el border-box!
Me causa gracia que digas “como dice la chaviza”, porque también eres joven.
Para evitar tener que modifcar los estilos siempre para eliminar padding y margin, pueden usar llamar esta hoja de estilos que “normaliza” los estilos para que se acomode con los estándores de hoy, como lo son el resetear el margin a 0 normalize.css
La tecnología CSS está diseñada para marcar la separación del contenido de las páginas web y la forma de presentación de estas. Lo que genera múltiples beneficios, como:
Gracias a Platzi por darme la oportunidad de aprender a un precio tan accesible, todo comenzó como una simple prueba y ahora se ha convertido en una de las cosas que mas me gustan, llegando al punto de plantearme de vivir de ello cuando me haga mas pro. Gracias profe y platzi.
No podía enlazar la hoja de estilos y tuve que escribir:
<link rel=“stylesheet” type=“text/css” href=“styles/style.css”>
No sé porque, pero solo así funcionó
10 de 10
Excelente, me encanta
excelente explicacion sobre el border-box!
Padding: El padding básicamente lo usamos para crear un espacio entre el contenido y el borde. El padding crea espacio extra entre un elemento y su borde. Es un margen interno.
Que crack el profe! Super entendido.
Sino le entiendes a Carlos y a FREDDY. mejor abandona la programacion xd
Aquí de pana
muy buena explicacion teacher.
Wow, tantos cursos de HTML y CSS en profundidad y la mejor explicacion sobre el padding, box-sizing: border-box; esta aqui. Gracias profe Retaxxxxxxxxx
.
veo que la mayoría tiene problemas a la hora del CSS esto es por el llamado que se esta haciendo en el HTML podemos llamarlo de esta forma
href="./css/styles.css" //si esta en el mismo nivel de la carpeta o usar
href=".//css/styles.css" //si esta en otro nivel
y les recomiendo usar esta extensión en visual “Live Server” para evitar el problema de que abecés no se ven los cambiaos registrados así actualicen la pagina no se ve ningún cambio con esa extensión lo pueden solucionar
Es INCREIBLE lo bien que explica Retax Master!! 🤩🤩🔥
La etiqueta <link> es utilizada para enlazar archivos externos al HTML, como los archivos CSS. El atributo rel es utilizado para indicar el tipo de relación que existe entre el archivo y el documento actual, por ejemplo, para indicar que se trata de un archivo de estilos CSS se utiliza el valor “stylesheet”.
En CSS, el asterisco (*) selecciona todos los elementos HTML, el atributo margin define el espacio alrededor del elemento, el atributo padding define el espacio entre el contenido y el borde, el atributo box-sizing define cómo se calcula el tamaño total de un elemento, el símbolo # se utiliza para seleccionar un elemento por su ID único, los atributos width y height definen el ancho y alto de un elemento, el atributo background define el fondo de un elemento y los estilos generales se refieren a estilos que se aplican a todo el documento.
El modelo de caja es la forma en que se calcula el tamaño total de un elemento, tomando en cuenta su ancho, altura, margen y padding.
Es importante tener en cuenta que los estilos CSS pueden ser aplicados a través de selectores de etiqueta, ID, clase o atributo, y que la especificidad es utilizada para determinar cuál de estos estilos será aplicado en caso de que haya conflictos.
Es común utilizar técnicas de alineación en CSS para posicionar elementos en la página, como el uso de float, position y display.
Interesante lo de “box-sizing: border-box;” la verdad eso no lo sabía pero si suena a que entre tanto código te puede venir de gran ayuda para empezar a descartar cosas que no encajan.
aplicacion padding, en espacio, y modificacion en tiempo real desde la pagina
No logre entender el juego :C
un muy buen curso que estaba esperando apenas llevo un mes y con los cursos de platzi si que estoy aprendiendo
de los mejores maxter para explicar
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?