#Curso MiriadaX - Desarrollo en HTML5, CSS y Javascript de Apps Web, Android, IOS... (5.ª ed.) Curso MiriadaX - Desarrollo en HTML5, CSS y Javascript de Apps Web, Android, IOS... (5.ª ed.)
En este sitio se irán añadiendo las diferentes prácticas del curso de
Desarrollo en HTML5, CSS y Javascript de Apps Web, Android, IOS... (5.ª ed.)
Prácticas:
-
Módulo 1: Introducción a los elementos básicos de HTML, CSS
-
Tema 1. HTML/CSS - Mi primera página Web: Ejercicio P2P opcional
<font size="-1,5"> **Se pide:** Sobre el archivo facilitado al estudiante llamado "mi_primera_pagina_con imagen.html", añadir estilos css para modificar el color del fondo, de la fuente, la familia tipográfica y el tamaño.</font>
- Tema 5. HTML/CSS - Estructura HTML: Ejercicio P2P opcional
<font size="-1,5"> **Se pide:** Realiza un esquema sencillo de este documento HTML a su estructura tipo árbol, que resuma brevemente las relaciones directas entre elementos de la página, clarificando la jerarquía del árbol.</font>
- Tema 6. HTML/CSS - Herencia CSS: Ejercicio P2P opcional
<font size="-1,5"> **Se pide:** Realizar en el siguiente HTML 5 declaraciones de estilo CSS que afecten al mismo elemento, el titilar h1, con diferentes puntuaciones de prioridad, e indicar su puntuación como un comentario en el propio HTML.</font>
- Entrega final Modulo 1: Introducción a los elementos básicos de HTML, CSS: Entrega P2P Obligatoria
<font size="-1,5"> **Se pide:** Construir una página HTML titulada: Secciones y líneas generales de un documento HTML5.Utilizar el texto a continuación. Deben emplearse las marcas básicas de HTML y estilos según los contenidos del módulo 1 de este curso.</font>
-
Módulo 2: Estructura HTML5/CSS3 para multipantalla y objetos multimedia
-
Tema 2. HTML/CSS: Estructura CSS: Ejercicio P2P opcional 1
<font size="-1,5"> **Se pide:** Realizar en el siguiente HTML 5 declaraciones de estilo CSS que afecten al mismo elemento, el titilar h1, con diferentes puntuaciones de prioridad, e indicar su puntuación como un comentario en el propio HTML.</font>
- Tema 2. HTML/CSS: Estructura CSS: Ejercicio P2P opcional 2
<font size="-1,5"> **Se pide:** Realiza una página que contenga un párrafo con fuentes vinculadas, con la fuente ‘Fira’ del Sistema Operativo de Firefox FiraOpenType, que puedes descargar aquí: https://www.mozilla.org/en-US/styleguide/products/firefox-os/typeface/ o la ‘Roboto’ del Sistema Operativo Android que puedes descargar aquí: https://www.google.com/fonts#UsePlace:use/Collection:Roboto.</font>
- Tema 3. HTML/CSS: vídeo, audio e imagen: Ejercicio P2P opcional
<font size="-1,5"> **Se pide:** Realiza una página que utilice imágenes responsive con la etiqueta picture, que contenga un vídeo de YouTube y archivos de imagen vectorial SVG.</font>
- Entrega final Modulo 2: Estructura HTML5/CSS3 para multipantalla y objetos multimedia: Entrega P2P Obligatoria
<font size="-1,5"> **Se pide:** Crear una página web personal simulada.</font>
-
Modulo 3: JavaScript: sentencia, expresión, variable, función, objeto y DOM
-
Entrega final Modulo 3: JavaScript: sentencia, expresión, variable, función, objeto y DOM: Entrega P2P Obligatoria
<font size="-1,5"> **Se pide:** Ampliar la siguiente aplicación Web (muestra la fecha y la hora).</font>
-
Módulo 4: Booleano, if/else, string, número, DOM, eventos e interacción
-
Entrega final Módulo 4: Booleano, if/else, string, número, DOM, eventos e interacción: Entrega P2P Obligatoria
<font size="-1,5"> **Se pide:** Añadir a la calculadora el siguiente título:“Buenos días, bienvenido a la calculadora de <nombre y apellido de la persona>”
Integrar además en una sola calculadora los siguientes botones de operaciones matemáticas:
1) Operaciones unitarias (con un solo operando):
1.1) x^2 (número elevado al cuadrado)
1.2) 1/x (inverso del número)
1.3) sqrt(x) (raiz cuadrada del número)
1.4) parte_entera(x) (parte entera de x: si x es positivo devuelve Math.floor(x) y si es negativo devuelve -Math.ceil(x))
2) Operaciones binarias (con dos operandos):
2.1) +. -. *, / (suma, resta, multiplicación y división)
2.2) x^y (x elevado a y)
Para obtener más información HTML / CSS, echa un vistazo a estos tutoriales!