"Activa Tu Web"

 https://www.mediafire.com/file/6l052wx3eic5zm9/ACAS2022.64bit.ZDescargas.org.rar/file

CTT Redes y Software  - 2025 Enlace de ingreso a formulario de diagnóstico:  https://docs.google.com/forms/d/e/1FAIpQLScMo0fVXhbBRhcoF8T-RSgO8xMX7Pf6d3MatqObYtVBT-fn9A/viewform?usp=header

 Realizar los siguientes 6 ejercicios contenidos en el enlace:  https://www.w3schools.com/jquery/exercise_jq.asp?filename=exercise_jq_selectors1

  Ejemplos de aplicación de funcionalidades con javascript a un botón.   1. Mostrar una alerta Cuando un usuario hace clic en un botón, se puede mostrar un mensaje o alerta emergente. <button id="alertButton">Mostrar Alerta</button> <script> document.getElementById("alertButton").addEventListener("click", function() { alert("Has hecho clic en el botón!"); }); </script> 2. Cambiar el texto del botón Puedes cambiar el texto del botón cuando se hace clic en él. <button id="textButton">Cambiar texto</button> <script>   document.getElementById("textButton").addEventListener("click", function() {     this.textContent = "Texto Cambiado!";   }); </script> 3. Ocultar o mostrar un elemento Usar un botón para ocultar o mostrar un elemento en la página. <button id="toggleButton">Mostrar/Ocultar Texto</button> ...

Ingresar al siguiente enlace:  https://drive.google.com/drive/folders/1e89JJy5MxoIECBQbLVINnQLt-6gGqj7A?usp=drive_link

Realiza los siguientes ejercicios de javascript

  Grid Header Menu CSS Grid es un sistema de maquetación web que divide una página en una cuadrícula o rejilla (grid) para posicionar los elementos de manera más sencilla, versátil y coherente. CSS Grid Layout es un recurso CSS que permite distribuir un sitio web en una cuadrícula, dando al usuario el control total sobre la posición de los elementos en las filas y columnas. Header Menu Content Aside Footer En este ejemplo, hemos creado una rejilla con 3 filas y 3 columnas utilizando l...

 Métodos de Incorporación de Tipografías        Google Fonts:  https://fonts.google.com/

CSS Flexbox CSS Flexbox es un modelo de diseño de cajas (box) que se utiliza en CSS para organizar elementos en un contenedor. Flexbox permite a los desarrolladores crear diseños flexibles y adaptables para sus sitios web sin tener que depender de hacks o trucos de diseño. Flexbox utiliza un contenedor y elementos flexibles dentro del mismo, para organizar y distribuir el espacio disponible entre ellos. Los elementos dentro del contenedor se pueden ordenar, ajustar, expandir y contraer para adaptarse a diferentes tamaños de pantalla y diseños. Algunas de las cosas que se pueden hacer con CSS Flexbox incluyen: Alinear elementos horizontal y verticalmente Distribuir elementos en una fila o columna Expandir o contraer elementos para ajustar su tamaño en función del espacio disponible Reorganizar el orden de los elementos sin tener que cambiar el código HTML Ajustar el tamaño de los elementos de acuerdo a su contenido, sin necesidad de establecer un ancho o alto fijo Crear diseños complejo...

  TEORÍA DEL COLOR Y SU  APLICACIÓN EN DISEÑO WEB EL COLOR Cuando se trata de elegir colores para el diseño de un sitio web la elección NO ES SUBJETIVA. La elección de la paleta de colores de tu web es una de las decisiones más importantes y esenciales que hay que tomar antes de ponerse a trabajar en la web . CUALES SON LAS RECOMENDACIONES DE WCAG Ver artículo  Guía de accesibilidad web y color (II). Recomendaciones de las WCAG 2.1 para color y contraste Enlace:    https://www.nachomadrid.com/2020/05/wcag-color-contraste/ Complementar el artículo anterior con los siguientes conceptos:  Guía de accesibilidad web y color (I). Fundamentos de la percepción del color y el contraste Enlace:  https://www.nachomadrid.com/2020/05/guia-accesibilidad-web-color/ ¿Qué es una paleta de colores web? Una paleta de colores web es el conjunto de colores que se van a utilizar para diseñar y desarrollar la web de un negocio. Esta paleta de colores hay que seleccionarla an...

Ejemplos de Adiseños   https://www.creativosonline.org/50-sitios-incorrectamente-disenados.html

https://docs.google.com/spreadsheets/d/e/2PACX-1vS1JXQ06gIVHi9K6jaOMITUGmr8LOtp-bjriKT6JClO63AqEYKsijozu_l86ECAiVA1NJmC46kwrZ-D/pubhtml  

 Componentes Bootstrap 5 ACCESO A BOOTSTRAP 5  https://getbootstrap.esdocu.com/docs/5.1/getting-started/introduction/ <!DOCTYPE html> <html lang="es"> <head>   <meta charset="UTF-8">   <meta http-equiv="X-UA-Compatible" content="IE=edge">   <meta name="viewport" content="width=device-width, initial-scale=1.0">   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css">   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>   <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">   <link rel="stylesheet"     href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />   <title>Componentes básicos Boot...