Tarea: Página Web de Presentación Personal Desarrolle una página web que sirva como su hoja de presentación personal. La página debe incluir su foto, una biografía breve, un resumen de sus habilidades y un formulario de contacto.
Estructura de la Página:
-
Cabecera: Menú de navegación con enlaces hacia las siguientes secciones: Inicio, Sobre Mí, Habilidades, Contacto.
-
Contenido Principal:Foto de perfil.Título (por ejemplo, su nombre).Subtítulo (por ejemplo, su profesión).Correo electrónico, teléfono, país y redes sociales (opcional).Biografía breve. Lista con al menos seis habilidades. Formulario de contacto con los siguientes campos: Nombre. Correo electrónico. Asunto y mensaje.
-
Pie de Página: Derechos de autor. Redes sociales (opcional). Consideraciones:
-
Defina fuentes, colores y márgenes.
-
Use clases e identificadores para estilos específicos.
-
Diseño adaptable (responsive) usando media queries.
-
Utilice flexbox o grid para organizar los elementos.
-
Asegúrese de que los campos del formulario de contacto no estén vacíos al enviarlo; de lo contrario, se imprimirá un error.
-
Verifique que el correo electrónico ingresado en el formulario de contacto tenga un formato válido; de lo contrario, se imprimirá un error.
-
Muestre un mensaje de bienvenida al enviar el formulario, usando el nombre ingresado.
Evaluación:
HTML: Estructura y semántica (20%).
CSS: Estilos y diseño responsive (30%).
JavaScript: Funcionalidad y validación (30%).
Creatividad y originalidad (10%).
Comentarios y buenas prácticas de codificación (10%).
Suba los archivos HTML, CSS y JavaScript a una plataforma de alojamiento web (como GitHub Pages) y comparta el enlace, o comprima los archivos en un ZIP y súbalos a través de la opción correspondiente dentro de esta actividad.