La ciberseguridad es un tema de gran importancia en la era digital, ya que permite proteger la información y la privacidad en línea. Para esta actividad, deberás desarrollar un sitio web informativo sobre ciberseguridad, en el que se expliquen conceptos clave, se brinden consejos de seguridad y se presenten ejemplos de ataques comunes y cómo prevenirlos.
Este proyecto formará parte de tu portafolio, por lo que se evaluará tanto la funcionalidad como el diseño y la documentación del código.
Crear un sitio web responsivo e interactivo que informe sobre ciberseguridad, aplicando conocimientos en HTML, CSS, JavaScript, Bootstrap y jQuery, y gestionando el código con Git y GitHub.
**1. Estructura del Proyecto
Deberás diseñar un sitio web de tres páginas con el siguiente contenido:
**Inicio
- Intro a la ciberseguridad.
- Barra de navegación con enlaces a las demás secciones.
- Imagen destacada con un mensaje llamativo.
**Amenazas Comunes
- Información sobre ataques cibernéticos como phishing, ransomware, malware y ataques DDoS.
- Uso de tarjetas o secciones interactivas para cada tipo de amenaza.
- Un carrusel o acordeón con ejemplos de casos reales.
**Consejos de Seguridad
- Lista de buenas prácticas para protegerse en línea.
- Formulario de contacto para solicitar más información (con validación en JavaScript).
- Un modal con un "test de seguridad" donde el usuario pueda responder preguntas básicas y recibir retroalimentación.
**2. Diseño y Estilo
- HTML5: Uso de etiquetas semánticas para estructurar correctamente el contenido.
- CSS3 y Bootstrap: Implementación de estilos modernos y diseño responsivo con media queries.
- jQuery: Uso de efectos interactivos como ocultar/mostrar información, manipulación del DOM y validaciones.
- Bootstrap + jQuery Plugins: Inclusión de al menos un carrusel, acordeón o modal.
**3. Uso de Git y GitHub
- Inicializar el repositorio con git init.
- Realizar mínimo 5 commits con mensajes descriptivos.
- Configurar .gitignore para excluir archivos innecesarios.
- Publicar el código en GitHub y compartir el enlace.
- Documentar el proyecto en README.md, explicando su estructura y funcionalidad.