Tarjeta de Presentación Digital
Tarjeta de Presentación Digital
Usa HTML, CSS y JavaScript para crear una tarjeta de presentación digital dinámica, receptiva y visualmente atractiva.
Creado: 11/06/2023 por Brian Jensen
Nivel de habilidad: principiante
Temas utilizados:
Tiempo estimado de finalización: 2 horas
En la era digital actual, la marca personal es más vital que nunca. Se acabaron los días en que las tarjetas de negocio físicas eran el único medio para causar una impresión duradera. Presenta la "Tarjeta de Negocio Digital" — una alternativa moderna, interactiva y ecológica que es accesible desde cualquier parte del mundo.
Este proyecto muestra una maqueta para Jane Smith, una talentosa diseñadora floral. No solo destaca sus hermosos diseños florales, sino que también integra sus perfiles de redes sociales, permitiendo a los espectadores conectar con ella en varias plataformas. La adición del código QR ofrece un acceso rápido a su sitio web profesional, proporcionando una solución todo en uno para cualquiera que desee comunicarse o colaborar.
Conceptos Básicos de HTML
Aprende HTML (Lenguaje de Marcas de Hipertexto), el idioma común de todos los sitios web. HTML describe la estructura básica y el contenido de una página web.
Conceptos Básicos de CSS
Aprende los conceptos básicos de CSS, una de las tecnologías principales para diseñar y construir sitios web y aplicaciones.
Diseño CSS
Cubre cómo el Modelo de Caja de CSS impacta la presentación de cada elemento HTML, aprende a controlar la posición de cada elemento en pantalla e incluso comienza a ajustar nuestros diseños para diferentes tamaños de pantalla y entornos.
Diseño de Diseño CSS Flexbox
Flexbox es un conjunto de propiedades de CSS que te proporciona una forma flexible de diseñar contenido.
Transiciones y Transformaciones CSS
Con transiciones y transformaciones de CSS, puedes crear animaciones simples que mejoren las interacciones del usuario en sitios web y aplicaciones.
Diseño de Cuadrícula CSS
CSS Grid Layout proporciona una forma integrada y más eficiente de diseñar diseños basados en cuadrículas en el navegador.
Fundamentos de JavaScript
En este curso, aprenderás los conceptos fundamentales de programación y la sintaxis del lenguaje de programación JavaScript.
JavaScript y el DOM
JavaScript te permite crear páginas web interactivas que pueden responder a las acciones del usuario. En este curso, aprenderás a dar vida a las páginas web usando el poder de JavaScript.
-
0
Para comenzar, haz clic en Comienza la Aventura en la parte superior de la página y luego descarga tus archivos de inicio.
-
1
Usa elementos HTML semánticos para estructurar la página.
-
2
Crea un diseño responsivo que se adapte a varios tamaños de pantalla.
-
3
Usa CSS Flexbox o Grid.
-
4
Agrega un efecto de desplazamiento a los iconos de redes sociales.
-
5
Usa transiciones CSS para animar el efecto de desplazamiento.
-
6
Asegúrate de que el código sea accesible y cumpla con los estándares WCAG.
-
7
Usa JavaScript para habilitar la funcionalidad de voltear la tarjeta.