Skip to content

ymdx/Practica_HTML5_CSS_JS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Practica_HTML5_CSS_JS

Creación de una pagina web con un diseño de mi CV.

# Detalles de implementación:

• Se deberá crear una estructura web con contenido semántico mediante las etiquetas de HTML 5.

• Dentro de la web encontraremos un mínimo de 3 temáticas diferentes:

o Portada: donde pondremos una imagen de foto con un texto (deberá ocupar el viewport de la pantalla).

o Quien soy: donde se mostrará información de interés y una foto nuestra.

o Estudios: sección donde aparecerán nuestros diferentes estudios o cursos realizados.

o Experiencia: donde se contará la experiencia laboral con la que contamos.

o Sobre mi: Sección donde mostraremos algunos de nuestros intereses o aficiones con un pequeño video (máximo 10 Mb).

o Contacto: donde se mostrará los datos de contacto.

• También se deberá implementar un menú para poder navegar por las diferentes secciones, implementando un “smooth scroll” para realizar la navegación.

• Se deberá implementar animaciones CSS sin librerías externas.

• En la zona de formulario, se deberá implementar mínimo:

o Un campo de nombre requerido.

o Un campo de email y validarlo correctamente.

o Un campo se selección (“como me has conocido”), que tenga varias opciones y una de ellas se “Otros”, si seleccionamos está opción nos deber aparecer un campo dinámicamente de tipo texto para rellenar libremente.

o Un número de contacto, validando que el número es correcto.

o Un campo de textarea, con un máximo de 150 palabras (no caracteres).

o Un botón de envio.

• Se deberá implementar una sección para el uso de peticiones AJAX (por ejemplo una zona de gestión de tareas como veremos en el curso).

• Se deberá crear una o más hojas de estilo CSS para aplicar el diseño deseado a nuestra web.

• Las fuentes, imágenes, videos,... utilizados deben de ser de libre distribución.

• Se puede usar cualquier regla de estilo CSS 3 que cumpla con las condiciones de compatibilidad de la aplicación (ver abajo).

• Se deberá crear archivos JavaScript para definir las interacciones definidas en nuestra página web. • Se permite el uso de jQuery.

Condiciones de compatibilidad:

La página web tiene que ser visible correctamente tanto en Google Chrome, como en Firefox y en Internet Explorer versión 11 o EDGE. No se permite el uso de frameworks externos como Bootstrap.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published