Cuando crezca quiero ser como tu :3. Desde abril me he estado esforzando tantoooo para lograrlo
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 20
Preguntas 8
Cuando crezca quiero ser como tu :3. Desde abril me he estado esforzando tantoooo para lograrlo
Me gustaría recomendarles el Audiocurso de Accesibilidad Web: Casos de Estudio
En temas de accesibilidad se aprenden muchas cosas y se toca el tema del texto alternativo en las imágenes.
Si quieren saber la función de cada una de las etiquetas en HTML les dejo el siguiente recurso:
https://developer.mozilla.org/es/docs/Web/HTML/Element
Unas cosas que tengo para recomendar:
Remarcar la importancia de la Indentación, que es y xq se usa
Y también la importancia del Autoguardado o recordar Guardar siempre que se pueda.
Vengo del mundo del diseño, estoy dando mis primeros pasos en programación y sencillamente me está encantando.
Me encanta el profe como hace su explicación tan sencilla de entender. Genial para dar los primeros pasos en programación.
que buena clase , eres el rey para explicar ¡¡¡
Excelente la clase, la forma de explicar del profesor es muy buena, por primera vez estoy siguiendo los pasos y no me he perdido, ni he tenido ganas de dejar todo botado 🙂👍
Mejor explicado, Nunca, Gracias Profe
Lo más difícil de las clases es la creatividad al nombrarlas
Me parece genial que hayan diferentes profesores que expliquen las mismas cosas en diferentes cursos. Te ayuda a ver diferentes puntos de vista, etc.
La maquetación de un sitio web es la etapa en la que se estructuran, organizan y distribuyen de manera gráfica los espacios y elementos que tendrá el sitio; como menús, imágenes, botones, videos, enlaces, títulos y más, para luego pasar a una previsualización de cómo se verá el sitio terminado.
Se eligen paletas de colores, tipografías y estilo para que así el diseño del sitio web luzca increíble pero también sea funcional y cumpla con lo que queremos lograr a través de una página web.
Una vez aprobada la maqueta del sitio, el proyecto pasa a programación para comenzar con la construcción del sitio web.
Visto de otro modo, la maquetación de un sitio web es similar al proceso de diseño en arquitectura; antes de construir un edificio se crean planos con datos técnicos de la estructura y después se crea una maqueta o un modelo en 3D de cómo se verá el edificio terminado.
Excelente Clase. Muy bien explicado.
Las cajitas! jeje buena forma de verlo, me ayuda a entender mejor!
Maquetar en programación es el proceso de diseñar y crear la apariencia visual de una interfaz de usuario utilizando herramientas de diseño y maquetación. Los diseños visuales se convierten en código utilizando lenguajes de marcado como HTML y CSS para producir una versión funcional de la interfaz en el navegador web. La maquetación es un proceso importante en el desarrollo de aplicaciones y sitios web ya que la apariencia visual de la interfaz de usuario puede influir significativamente en la experiencia del usuario y en la capacidad del usuario para interactuar de manera efectiva con la aplicación o el sitio web.
Carlos: Excelente forma de enseñar con sencillez y conocimiento. Felicitaciones
Las hero images son aquellas imágenes de mayor tamaño que aparecen en la parte superior de una página web y que ocupan prácticamente toda la anchura del site. Se utilizan principalmente para llamar la atención del usuario de una manera mucho más eficaz y para mostrar las características que se quieran destacar de la marca
Este es un nuevo aporte para mis conocimientos en HTML, Muchas Gracias
Excelente clase! Excelente profesor, voy entendiendo perfecto lo que explica!
Aquí podemos ir viendo como en la maquetación de nuestro HTML vamos a ir agregando todas esas secciones que queremos para nuestra página web, y con el CSS le vamos a dar el estilo a estas secciones.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.