WebPage_CiberSeguridad

🔧 Tecnologías Utilizadas

Tecnologías usadas en el proyecto:

---

Descripción de Tecnologías

🔧 Tecnología	📄 Descripción
HTML5	Lenguaje de marcado para estructurar contenido
CSS3	Hojas de estilo para diseño visual
JavaScript	Lenguaje de programación para interactividad
Bootstrap	Framework CSS para diseño responsivo y componentes UI
jQuery	Librería JS para manipulación del DOM

---

Contexto

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.

Objetivo

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.

Instrucciones

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.