Entradas

Mostrando entradas de octubre, 2023

Creando un Formulario HTML: "Modern Clix Survey Form"

Imagen
 ¡Bienvenidos a Modern Clix! En este blog post, vamos a explorar en detalle cómo crear el emocionante "Modern Clix Survey Form" utilizando HTML. Profundizaremos en los elementos y atributos HTML utilizados para construir este formulario. Puedes ver el código completo en el repositorio de Github  y puedes visitar el sitio para revisar el resultado. Vale aclarar que el objetivo es trabajar con la maquetación de formularios con fines didácticos, por ello el formulario en este caso no está enviando la información a un servidor. Estructura Básica de la Página Antes de sumergirnos en el formulario en sí, es esencial entender la estructura básica de nuestra página HTML que proporciona la base para nuestro formulario: <! DOCTYPE html > < html lang = " en " > < head >     <!-- Metadatos, enlaces a fuentes y estilos -->     < title > Modern Clix Survey Form </ title > </ head > < body >   ...

¡Bienvenidos al fascinante mundo de los colores en CSS!

Imagen
Los colores son una parte fundamental del diseño web. Pueden transmitir emociones, resaltar información clave y hacer que un sitio web sea atractivo y agradable a la vista. En este blogpost, vamos a explorar los diferentes métodos para aplicar color en CSS para que puedas ser más creativo y efectivo al elegir y aplicar colores en tu diseño web. Podés visitar el sitio web de los ejemplos aquí  y ver el código completo en nuestro repositorio de GitHub .  Así luce nuestro sitio "CSS COLORS" Modelos de color: RGB y CMYK Antes de sumergirnos en las formas de aplicar color en CSS, es importante entender los modelos de color. Hay dos modelos principales: el modelo aditivo RGB (rojo, verde, azul) utilizado en dispositivos electrónicos y el modelo sustractivo CMYK (cian, magenta, amarillo, negro) utilizado en la impresión. En el modelo RGB cada color se crea mezclando diferentes cantidades de rojo, verde y azul. Puedes utilizar la función CSS rgb(red, green, blue) para especificar ...

Un viaje a través de las bases de CSS: Diseñando el Menú CBD de Queen Indika

Imagen
¡Bienvenidos al mundo del diseño web con CSS! Hoy, vamos a desglosar el código CSS para la creación del menú de "Queen Indika CBD" (Una tienda ficticia de productos de CBD) y explorar cómo utilizar este lenguaje para crear un diseño elegante para tus sitios web. Puedes ver el código aquí y el resultado final del sitio  aquí  . Así luce nuestro menú. Introducción Antes de sumergirnos en el código CSS, observemos la estructura HTML básica de la página. El archivo HTML contiene una estructura jerárquica que organiza el contenido de manera lógica. Luego, el CSS se encarga de darle estilo a esta estructura. Este es el código HTML. Presiona aquí para verlo en Github Para vincular el archivo HTML a nuestro archivo de hoja de estilos CSS, generalmente llamado "styles.css" tenemos que agregar en el <head> la siguient...