HTML/CSS

HTML/CSS EJERCICIOS, PROYECTOS, PRÁCTICAS, EXÁMENES

1) McLibre (Teoría y Ejercicios)

• Principiante
• 30 Ejercicios: clases, bordes, fuentes, texto, imágenes vectoriales, secciones, fondos, enlaces, listas, tablas, posicionamiento.
• Crear página con curriculum vitae, adivinar película en función de emojis, crear página con bordes exteriores e interiores, crear página con citas en distintas fuentes, imágenes de mapa de bits, imágenes vectoriales, crear página con secciones, enlaces en página, etc.

2) Universidad de Oviedo (PDF, teoría y ejercicios)

• Principiante
• 16 Ejercicios

2) Abrir Llave

• Principiante
• 12 Ejercicios: comentarios, estilos, texto, enlaces, listas, incidencias. Crear documento HTMLcon comentarios, crear cuatro párrafos con estilos (span y class), crear web con receta cocina, crear doc HTML con enlaces, crear página biográfica de grupo musical, etc.
  

3) Universidad Politécnica de Madrid (Registro requerido)

• Principiante
• 10 Ejercicios: Soluciones

4) Universidad de Deusto

• Principiante
• 6 Prácticas: enlaces, listas, estilos. Diferencias entre *.txt, *.htm, edición listas anidadas, creación de secciones, incorporación de imágenes y enlacesinternos y externos, hojas de estilo XML, etc.
  

5) Todo CSS (Teoría y Ejercicios)

• Principiante
• 12 Ejercicios: tipografía, enlaces, imágenes, tablas, distribución, listas. Añadir las reglas CSS al código HTML proporcionado, determinar las reglas CSS necesarias para añadir los bordes mostrados, aplicar las reglas CSS necesarias para que el formulario muestre el aspecto requerido (tablas), modificar menú vertical para obtener determinadas funcionalidades, etc.
  

5 ) Aulaclic (Teoría y ejercicios)

• Principiante – Intermedio
• 70 Ejercicios: estructura de página, texto , hiperenlaces, imágenes, tablas, marcos, formularios, multimedia, JS. Insertar hiperenlaces e imágenes, configurar marcos, llamadas a JavaScript, aplicar estilos, modificar propiedades de una capa, etc.
  

6) Sergio Luján Mora

• Intermedio
• 35 Ejercicios, tests, 1 examen. Corregir errores en el código, replicar página con enlaces y listas, crear página que contenga un formulario,  añadir los selectores a las reglas CSS de una página proporcionada, crear una página web con un menú etiquetado con una lista, replicar página con maquetación de diseño elástico, replicar formato textos, etc.
  

7) Suarez de Figueroa

• Intermedio
• 15 Ejercicios: textos, hipervínculos, posicionamiento, estilos compuestos, elementos flotantes, orden de aplicación de estilos, etc.

9) Introducción a CSS. Javier Eguiluz Pérez

• Intermedio (Libro)
• 13 Ejercicios: añadir las reglas CSS para  replicar página de muestra, añadir selectores y reglas CSS al código para aplicar estilos requeridos, reglas CSS para mostrar márgenes y rellenos mostrados, codificar  un formulario, etc.
  

10) Arkaitz Garro (CSS)

• Intermedio
• 10 Ejercicios:  aplicar los Media Query necesarios para obtener el comportamiento mostrado en imagen muestra, desplazar una una caja n pixeles, doblar el tamaño de una caja, rotar elementos x grados, cambiar color del texto y fondo, simular efecto de nieve, ocultar título,texto y enlace al cargar la página, simular comportamiento reloj, etc.
  

11) Tecnológico de Monterrey

• Intermedio
• 9 Ejercicios: tablas, formas, crear página con preguntas y respuestas en distintos colores, implementar menú vertical mediante bloques, etc.
  

12) YOUTUBE – Rimorsoft (10 vídeos)

• Intermedio
• 10 Prácticas: logo, iconos redes sociales, propiedad CLEAR, regla media de CSS3, etc.
  

13) Ticarte

• Intermedio
• 1 Proyecto, crear una página siguiendo directrices:  diseño web adaptable a diversos tamaños, capa contenedor centrada en el navegador, hoja de estilos CSS definida en un único archivo, etc.
  

14) Tecnologías de la información y comunicación

• Intermedio
• 3 Ejercicios: menú horizontal, distribución en la página. Ejercicios de W3.
  

15) Programarivm (CSS)

• Intermedio
• 6 Ejercicios: replicar distintas distribuciones de texto en página.
  

16) Anónimo (CSS)

• Intermedio
• 1 Práctica: a partir de código HTML crear un archivo de CSS para reproducir estilo de imagen de muestra.
  

17) Universidad de Sevilla

• Intermedio
• 2 Prácticas: página web con un horario de clases, reproducir un formulario como imagen de muestra, etc.
  

18) Universidad Pontificia de Salamanca (PDF)

• Intermedio
• 2 Prácticas: lenguajes de marcas, maquetación con CSS.
  

19) Universidad de la Rioja (4 PDF)

• Intermedio – Avanzado
• 1 Práctica. reproducir página personal/CV cumpliendo  condiciones descritas.
  

20) Universidad Autónoma de Manizales

• Intermedio
• 1 Examen práctico: reproducir tienda online.
  

¿Más ejercicios de HTML/CSS? Visita Practity en inglés

ENCUESTA