jordan198767 /
Componente-Practico-2
Proyecto practico de desarrollo web-componente interactivo con HTML ,CSS y JavaScript
Active repository
MIT
⑂ 0 forks◯ 0 issuesUpdated Nov 18, 2025
Loading repository data…
Loading repository data…
D-a-v-i-d-Vargas / repository
Proyecto web interactivo 'ABC' desarrollado en equipo mediante HTML, CSS y JavaScript. Enfoque en desarrollo front-end, resolución de bugs y flujos de trabajo colaborativos con Git/GitHub.
Proyecto web interactivo 'ABC' desarrollado en equipo mediante HTML, CSS y JavaScript. [cite_start]Enfoque en desarrollo front-end, resolución de bugs y flujos de trabajo colaborativos con Git/GitHub.
Este repositorio contiene el desarrollo del proyecto "ABC", un sitio web interactivo y dinámico diseñado para mostrar el abecedario de forma visual utilizando elementos del entorno. El proyecto fue rescatado y completado bajo un enfoque de desarrollo ágil (Sprint rápido) para resolver problemas heredados de maquetación, estilos e interactividad.
feature branches) y organización del flujo de trabajo a través de GitHub Projects.Desarrollado de manera conjunta por los miembros del equipo para asegurar el despliegue óptimo antes de la fecha límite (03/07/26):
Selected from shared topics, language and repository description—not editorial ratings.
jordan198767 /
Proyecto practico de desarrollo web-componente interactivo con HTML ,CSS y JavaScript
NewtMercado /
Este proyecto es un juego web interactivo donde el objetivo es adivinar un número secreto generado aleatoriamente. Es una excelente manera de aplicar conocimientos básicos de programación y matemáticas en un entorno de desarrollo web. HTML: Estructura la página web. CSS: Proporciona estilos para mejorar la interfaz de usuario. JavaScript: Añade int
Esteban-Dev-Max /
Proyecto web interactivo que presenta información de un dominio específico con estadísticas, elementos relacionados y funcionalidades dinámicas usando HTML, CSS y JavaScript.
GaloRamiro /
Menú interactivo que reúne todos mis proyectos web (juegos y aplicaciones). Funciona como un portafolio en crecimiento donde voy mostrando mi progreso en HTML, CSS y JavaScript.
pamelamichellga01 /
Proyecto web de J.f. Ingeniería y Soluciones S.A.S. que incluye un carrusel interactivo, una sección informativa sobre la empresa, y otros elementos visuales desarrollados con HTML, CSS y JavaScript para mejorar la experiencia del usuario en la gestión de equipos biomédicos.
kreye /
<div class="container py-5"> <h1 class="h2">¿Qué es HTML?</h1> <a class="btn btn-primary" href="index.html1.html" rel="noopener noreferrer" target="_blank"> Ejemplo de formulario HTML-------> <a class="btn btn-primary" href="index.html" rel="noopener noreferrer" target="_blank"> DAR CLICK PARA VER PROYECTO----------> <div Empecemos a hablar ahora de las diferentes partes del código de una página en HTML. Lo primero es la estructura básica de un documento HTML. Hay variantes en cuyos matices no quiero entrar por no dispersarnos, pero para mantener las cosas simples, te recomiendo usar siempre esta plantilla: <!DOCTYPE HTML> <html lang="es"> </title> <meta charset="UTF-8"> <meta name="description" content="Descripción de la página…"> </head> </div </html> <h1> Estructura básica de un documento HTML</h1> <p> </p> <p> Elegir un buen editor para crear páginas HTML Ahora que ya hemos visto la teoría básica y un pequeño ejemplo concreto, es hora de ponerse manos a la obra. Para ello, lo que necesitas ahora es un editor. Puedes editar HTML en cualquier editor, incluso en el Notepad de Windows, si me apuras, puesto que, como has podido ver, el código HTML es simple texto. Sin embargo, no es lo conveniente. Te conviene usar un editor HTML especializado. Así que veamos cuáles hay y cuál de ellos puede ser una buena opción para ti. <span class="text-danger">♥</span></p> </div> <!doctype html> <html lang="en"> <head> <img src="IMAGEN.1.jpg" class="col-form-label"" alt="..."> </title> </head> <!DOCTYPE html> <html lang="es"> <head> <h1 class="displa y-1"> Creando un contenido para tu página web</h1> <div <body> <IMG SRC="msTKl.png" ALIGN=LEFT WIDTH=500 HEIGHT=400 > </body> <> <h1> ¿Cual es la función del html y css? <div Antes de meternos a lleno quiero asegurarme que entiendas bien cual es la función del html y css. No te voy a aburrir con ninguna de esas definiciones tediosas que solo expertos entienden. Básicamente quiero que entiendas que el html es un lenguaje de marcado con el cual le das la estructura a una pagina web. Mientras que el css es un lenguaje de estilo que define la presentación de un documento html. </h1> <body background="FONDO.jpg"></body> <div <body background="FONDO.jpg" bgcolor="FFCE"> <p> Esto se puede hacer de una manera más purista en modo texto trabajado directamente con el código HTML, o bien, de una manera más visual y amigable con un editor HTML especializado, muy parecido a cómo se trabaja también en un editor como Microsoft Word, por ejemplo. A partir de aquí, el proceso (que iré desglosando y será lo que aprenderás a lo largo del post) sería: Aprender el principio fundamental de HTML: crear documentos estructurados con etiquetas. Elegir el mejor editor para tu caso concreto. la estructura básica de tu página HTML: la cabecera y el cuerpo. Crear el contenido y aplicarle formato con las etiquetas HTML: títulos, párrafos de texto, enlaces, imágenes, tablas, audio y vídeo embebido, etc. Si los necesitas, integrar también los elementos interactivos (formularios). Implementar, en su caso, en el servidor la lógica para responder a los formularios. Publicar (hacer visible) la página en Internet o en local. </p> <style> a { color: rgba(58, 2, 39, 0.767) ; } /* CSS link color */ </style> </head> <body> <A HREF="Aprende_lenguaje_html.jpg" ISMAP></A> </body> <br> <body> <a href="http://example.com/" style="color:#0a0106;"> <IMG SRC="IMAGEN/SCC.png" USEMAP="#nombre1"> </a> </body> <div class="border border-success p-2 mb-2"> DOCTYPE HTML: Es la etiqueta que define que el documento es HTM</div> <div class="border border-success p-2 mb-2 border-opacity-75"> HTML: Es la principal etiqueta de una página HTML;</div> <div class="border border-success p-2 mb-2 border-opacity-50"> HEAD: Es la etiqueta que abre el bloque de información sobre la web;</div> <div class="border border-success p-2 mb-2 border-opacity-25"> TITLE: Acá, escribimos el título genial que daremos a la página web. Ese que aparece en el borde de la ventana del navegador.</div> <br> <body> <img src="Aprende_lenguaje_html.jpg" class="col-form-label"" alt="..."> <div> <body> <video autoplay controls src="y2mate.com - 1 Crear una página Web con Visual Studio Code_1080p.mp4"> </video> <div <br <div class="col-8"> CREA TU PÁGINA CON ESTILO </div class="card-body"> <body> <body> <a href="http://example.com/" style="color:rgb(2, 20, 10);"> <a href="https://chat.whatsapp.com/GzWc1FDWtuq6dfPzblTwlg">Envíanos un mensaje de WhatsApp</a> </body> <p>GRACIAS POR SU ATECIÓN! <span class="text-danger">♥</span></p>