Acceso Restringido

Creador: Profesor David
⚠️ Usuario o contraseña incorrectos.

📘 GUÍA DE RECUPERACIÓN - PROGRAMACIÓN I

Manual Completo de Repaso y Nivelación | Creador: Profesor David

0% completado
👤 DATOS DEL ESTUDIANTE Completa tus datos antes de comenzar
📌 INSTRUCCIONES GENERALES

Propósito de esta guía: Esta guía de recuperación está diseñada para que repases, practiques y consolides los conocimientos fundamentales de Programación I. Al completarla exitosamente, demostrarás que has alcanzado las competencias mínimas necesarias para aprobar la asignatura.


Requisitos de entrega:

  • 📝 PARTE ESCRITA A MANO (Días 1-3): Hojas carta/oficio, letra legible, lapicero azul/negro, portada, páginas numeradas y engrapado.
  • 💻 PARTE EN COMPUTADORA (Días 4-7): Archivos .html y .psc en carpeta Recuperacion_[TuNombre] con subcarpetas HTML y PseInt. Documentos Word con capturas de pantalla.

Criterios de evaluación: Completitud (30%), Corrección (40%), Presentación (15%), Puntualidad (15%).

📅 CRONOGRAMA SUGERIDO
Día Actividad Tiempo estimado Modalidad
Día 1Parte I: Sección A (Temas 1-2)2-3 horasEscrito a mano
Día 2Parte I: Sección B (Temas 3-4)2-3 horasEscrito a mano
Día 3Parte I: Sección C (Tema 5)2-3 horasEscrito a mano
Día 4Parte II: Ejercicios HTML (Temas 6-8)3-4 horasComputadora
Día 5Parte II: Ejercicios HTML (Temas 9-10)3-4 horasComputadora
Día 6Parte III: Ejercicios PseInt (Temas 1-5)3-4 horasComputadora
Día 7Revisión, correcciones y empaquetado2 horasMixto
📖 SECCIÓN A: Fundamentos de la Web y Estructura Básica HTML5

Tema 1: Fundamentos de la Web


Ejercicio 1.1: Conceptos Básicos (5 puntos)

Define con tus propias palabras los siguientes conceptos. Mínimo 2 líneas por concepto.


Ejercicio 1.2: Proceso de la Web (5 puntos)

Ordena del 1 al 5 los pasos del proceso de funcionamiento de la web.

El servidor responde enviando los archivos solicitados
Escribes una URL en tu navegador
El navegador envía una solicitud al servidor
El navegador renderiza y muestra la página en tu pantalla
El DNS traduce el nombre de dominio a una dirección IP

Ejercicio 1.3: Historia de la Web (3 puntos)

Completa la línea de tiempo con la información correcta.

Tema 2: Arquitectura Cliente-Servidor y Estructura HTML5

Ejercicio 2.1: Arquitectura Cliente-Servidor (6 puntos)

Dibuja un diagrama de la arquitectura cliente-servidor (Cliente, Servidor, Internet, Flechas de Solicitud/Respuesta) y escribe una breve explicación.


Ejercicio 2.2: Código HTML Básico (7 puntos)

Escribe el código HTML completo de una página básica (Título pestaña: "Mi Primera Página", H1 con tu nombre, párrafo con edad y grado).


Ejercicio 2.3: Etiquetas Semánticas (4 puntos)

📖 SECCIÓN B: Protocolos Web y Estructura Avanzada

Tema 3: Protocolos Web (HTTP/HTTPS) y Listas HTML


Ejercicio 3.1: HTTP vs HTTPS (5 puntos)

Aspecto HTTP HTTPS
Significado completo
¿Es seguro?
Tecnología de cifrado
Símbolo en el navegador
¿Protege contraseñas?

Ejercicio 3.2: Listas en HTML (5 puntos)


Tema 4: Estructura Semántica y Tablas HTML


Ejercicio 4.1: Importancia de la Semántica (6 puntos)

Menciona 3 beneficios específicos de usar etiquetas semánticas.


Ejercicio 4.2: Código de Tabla (8 puntos)

Código HTML de una tabla con tu horario de clases (<table>, <thead>, <tbody>, columnas: Hora, Materia, Salón).

📖 SECCIÓN C: CSS y Formularios

Tema 5: CSS3 y Formularios Básicos


Ejercicio 5.1: Conceptos de CSS (6 puntos)


Ejercicio 5.2: Reglas CSS (5 puntos)


Ejercicio 5.3: Formularios HTML (8 puntos)

Código HTML de formulario de contacto (action, method, nombre text, correo email, mensaje textarea, botón submit, labels).

💻 PARTE II: TRABAJO EN COMPUTADORA - HTML5 Avanzado (Temas 6-10)

Crea los archivos solicitados en tu computadora y pega los códigos correspondientes en los campos interactivos de abajo para probarlos directamente.

Ejercicio 6: JavaScript Básico (interactividad.html & script.js)

Tarea 6.1: Página con Interactividad (15 puntos)

Crea un botón y un párrafo con id="mensaje". Al hacer clic, cambiar el texto a "¡Hola! Has hecho clic en el botón".

Ejercicio 7: Diseño Responsivo (responsive.html & estilos-responsive.css)

Tarea 7.1: Página Responsive (15 puntos)

Incluye meta viewport, header, main con 3 párrafos, imagen max-width 100%, y Media Query para <600px.

Ejercicio 8: Multimedia en HTML5 (multimedia.html)

Tarea 8.1: Página Multimedia (15 puntos)

Estructura con <img> (max 500px), <audio controls> y <video controls> con fuentes alternativas.

Ejercicio 9: Página Accesible (accesible.html)

Tarea 9.1: Accesibilidad Web (15 puntos)

Etiquetas semánticas, alt descriptivos, labels con for/id, required en campos, alto contraste.

Ejercicio 10: Proyecto Final HTML (landing-page.html)

Tarea 10.1: Landing Page Personal (20 puntos)

Proyecto completo con Header, Nav, Sobre Mí, Habilidades, Proyectos, Contacto y Footer con CSS Flexbox/Grid.

💻 PARTE III: Fundamentos de Algoritmos con PseInt (Temas 1-5)

Escribe tus algoritmos en pseudocódigo PseInt (.psc) y ejecútalos en nuestro simulador interactivo de consola.

Tarea 11.1: Saludo Personalizado (SaludoPersonalizado.psc)

Pide nombre y edad, luego muestra: "Hola [nombre], tienes [edad] años".

Consola PseInt lista...
Tarea 11.2: Calculadora Básica (CalculadoraBasica.psc)

Pide dos números y muestra la suma, resta, multiplicación y división.

Consola PseInt lista...
Tarea 12.1: Mayor de Edad (MayorDeEdad.psc)

Estructura Si-Entonces-Sino para edad >= 18.

Consola PseInt lista...
Tarea 12.2: Calificación (Calificacion.psc)

Evalúa nota 0-100: Excelente (90-100), Muy Bueno (80-89), Bueno (70-79), Aprobado (60-69), Reprobado (0-59).

Consola PseInt lista...
Tarea 12.3: Menú con Según (MenuOpciones.psc)

Menú: 1. Área Círculo (π*r²), 2. Área Cuadrado (l²), 3. Área Rectángulo (b*h), 4. Salir.

Consola PseInt lista...
Tarea 13.1: Becas Estudiantiles (SistemaBecas.psc)

Beca si Promedio >= 85 Y Asistencia >= 90%.

Consola PseInt lista...
📋 LISTA DE VERIFICACIÓN DE ENTREGA

Marca cada elemento conforme vayas completándolo:


✅ Parte Escrita a Mano:

✅ Parte en Computadora - HTML:

✅ Parte en Computadora - PseInt:

💾 Los cambios se auto-guardan localmente en el navegador.