Entradas

Acordes nativos

  <! DOCTYPE html > < html lang = "es" > < head > < meta charset = "UTF-8" > < title > Acordeón Moderno </ title > < style > body {     font-family : Arial , sans-serif ;     max-width : 800px ;     margin : 30px auto ; } details {     margin-bottom : 10px ;     border : 1px solid #ccc ;     border-radius : 8px ;     overflow : hidden ; } summary {     padding : 15px ;     background : #0078D7 ;     color : white ;     cursor : pointer ;     font-weight : bold ; } details p {     padding : 15px ;     margin : 0 ;     background : #f4f4f4 ; } </ style > </ head > < body > < h2 > Carrera de Soporte Informático </ h2 > < details >     < summary > 🔧 Instalación y Mantenimiento </ summary >     < p > Aprende a ensambl...
Publicar un comentario
Leer más

Investigacion

 Investigar programas para crear animaciones: Blender Pencil2D Adobe Animate Synfig Studio Y escribir: ¿Para qué sirven? ¿2D o 3D?
Publicar un comentario
Leer más

Diferencias entre imagenes de bits y vectoriales

  1. Mapas de Bits (Bitmaps / Raster) Están formados por una rejilla de puntos individuales llamados píxeles . Cada píxel tiene una ubicación y un color específico. Composición: Píxeles (cuadritos de color). Dependencia de resolución: Si se amplían demasiado, pierden calidad y se "pixelan" (se ven los cuadros). Uso ideal: Fotografías reales y gradientes de color complejos con muchas sombras. Formatos comunes: .jpg , .png , .gif , .webp . Peso del archivo: Suele ser alto, ya que la computadora debe guardar la información de cada píxel. 2. Imágenes Vectoriales No usan píxeles, sino fórmulas matemáticas (puntos, líneas y curvas) para definir las formas. Composición: Nodos y trayectorias (vectores). Independencia de resolución: Se pueden ampliar al tamaño de una valla publicitaria o reducir al de un icono de celular sin perder ni un poco de nitidez. Uso ideal: Logotipos, iconos, tipografías e ilustraciones planas. Formatos comunes: .svg , .ai , .eps . Peso del archivo: ...
Publicar un comentario
Leer más

EJERCICIO IMC

  HTML <!DOCTYPE html> <html lang="es"> <head>     <meta charset="UTF-8">     <link rel="stylesheet" href="estilos.css">     <title>Calculadora IMC - Bachillerato</title> </head> <body>     <div class="contenedor">         <h1>Calculadora de IMC</h1>         <input type="number" id="peso" placeholder="Peso en kg">         <input type="number" id="altura" placeholder="Altura en cm">         <button onclick="calcularIMC()">Calcular Resultado</button>         <div id="resultado">Ingrese sus datos para comenzar</div>     </div>     <script src="script.js"></script> </...
Publicar un comentario
Leer más

Barra

Imagen
 Html < div id = "barra" ></ div > < script src = "estilo.js" ></ script > CSS #barra {         position : fixed ;         top : 0 ;         left : 0 ;         height : 5px ;         background : linear-gradient ( 90deg , #2c32e4 , #00c6ff );         width : 0% ;         z-index : 9999 ;     } JS
Publicar un comentario
Leer más

Menú desplegable

HTML < body >     < nav class = "navbar" >   < ul class = "nav-links" >       < li >< a href = "#" > Inicio </ a ></ li >         < li class = "dropdown" >       < a href = "#" class = "dropbtn" > Materias ▾ </ a >       < ul class = "dropdown-content" >         < li >< a href = "#" > Matemáticas </ a ></ li >         < li >< a href = "#" > Programación </ a ></ li >         < li >< a href = "#" > Diseño UI </ a ></ li >       </ ul >     </ li >     </ ul > </ nav > </ body >   CSS /* Estilos generales de la barra */ .navbar {   background-color : #2c3e50 ;   font-family : Arial , sans-serif ; } .nav-links {   list-st...
Publicar un comentario
Leer más

Software de Edición de Sitios Web

  🛠️  Software de Edición de Sitios Web El software de edición web se clasifica principalmente según la forma en que permite al usuario interactuar con el código, dirigiéndose a diferentes niveles de experticia. 🗃️ Categoría Principal Nombre Enfoque Software de Edición de Sitios Web Conjunto de herramientas para crear, modificar y gestionar páginas web. 🎨 1. Editores WYSIWYG ( What You See Is What You Get ) Característica Descripción Definición Permite diseñar visualmente el sitio web (arrastrar y soltar) sin escribir código. El resultado en pantalla es muy similar al resultado final publicado. Público Objetivo Principiantes y usuarios sin conocimientos de programación. Ventaja Clave Rapidez en el diseño y facilidad de uso. Desventaja Clave Genera código que puede ser ineficiente o "sucio". Ejemplos Wix, Squarespace, Webflow (modo visual), Constructores de WordPress (Elementor, Divi). 💻 2. Editores de Código (IDE) Característica Descripción Definición Se enfoca en la e...
Publicar un comentario
Leer más