LMSGI - UT2 - A

ENTREGA

• Desde la carpeta de usuario en Dropbox, crea una carpeta U (las dos letras en mayúsculas) y dentro de ella crea una carpeta 02.
• Dentro de la carpeta 02 sube los ejercicios con el nombre de fichero indicado (respetando las minúsculas y la extensión).
• La fecha de entrega es el jueves 30 de noviembre de 2017 a las 23:59:59.
• Todos los documentos tienen que estar validados en XHTML 5.2, CSS3 y WCAG 2.0 AAA.

ACTIVIDADES

Filename T Question Extra
a01.html T Identifica y clasifica los lenguajes de marcas relacionados con la web y sus diferentes versiones.
b01.html T Analiza la estructura de un documento HTML e identifica las secciones que lo componen.
c00.html P Crea una página web tal como aparece en la imagen. PNG
c01.html P Muestra una imagen de un buscador que cuando hagas clic en ella te lleve a dicho buscador.
c02.html P Muestra imágenes y enlaces usando tanto URL absolutos como relativos (para los relativos crea una carpeta y mete en ella una imagen y un documento HTML).
c03.html P Crea un párrafo tal como aparece en la imagen. PNG
c04.html P Muestra en pantalla <p>La entidad de ñ es &ntilde;.</p> usando el elemento code. URL
c05.html P Muestra el código de una página en blanco XHTML 5.2 usando el elemento pre. URL
c06.html P Muestra un vídeo y un audio con URL absolutos usando los elementos video y audio.
c07.html P Muestra tres objetos de diferente tipo usando el elementos object.
c08.html P Crea dos listas tal como aparecen en la imagen. PNG
c09.html P Crea una lista anidada (nested list) tal como aparece en la imagen. PNG
c10.html P Crea una lista anidada (nested list) tal como aparece en la imagen. PNG
c11.html P Crea una tabla tal como aparece en la imagen. Usa los elementos caption, thead y tbody. PNG
c12.html P Crea una tabla con el horario de tu curso. Usa los elementos caption, thead y tbody.
c13.html P Crea una tabla compleja (complex tables) tal como aparece en la imagen. PNG
c14.html P Crea una tabla anidada (nested tables) tal como aparece en la imagen. PNG
c15new.html P Crea un formulario que contenga un elemento input de tipo text con su atributo name asociado y que los datos de dicho formulario se envíen a procesar.php. ¿Qué ocurre en la barra de navegación de procesar.php?
c16.html P Crea un formulario que contenga dos elementos input y los elementos fieldset y legend. Los elementos input deben tener su atributo name asociado.
c17new.html P Crea dos formularios que contengan dos elementos input (uno de tipo text y otro de tipo number) con su atributo name asociado y que los datos de dichos formularios se envíen a procesar1.php y procesar2.php respectivamente. ¿Qué ocurre en la barra de navegación de procesar1.php y de procesar2.php?
c18.html P Crea un formulario con los atributos action y method que contenga dos elementos input con su atributo name asociado.
c19.html P Crea un formulario que contenga quince elementos input de, al menos, diez tipos diferentes. Usa varios elementos fieldset con su elemento legend.
c20.html P Crea un formulario tal como aparece en la imagen. PNG
d01.html T Enumera las semejanzas y diferencias entre los lenguajes HTML y XHTML.
e01.html T Explica por qué es útil XHTML y qué errores se pueden cometer si no se usa XHTML.
f01.html T Describe alguna herramienta para la creación de un documento web. Razona por qué puede ser útil usar solo LF como EOL y UTF-8 como codificación de carateres.
g01.html T Identifica las ventajas que aporta la utilización de hojas de estilo.
h01.css P Crea una página web tal como aparece en la imagen. PNG
h02.css P Crea una página web tal como aparece en la imagen. PNG
h03.css P Crea una página web tal como aparece en la imagen. Pista: la imagen de Dog tiene la siguiente declaración CSS: float: right; PNG
h04.css P Crea una página web tal como aparece en la imagen. PNG
h05.css P Crea una página web tal como aparece en la imagen usando elementos semánticos header, nav, section, aside y footer y con ayuda de estos recursos. PNG
h06.css P Crea una página web tal como aparece en la imagen usando elementos header, nav, section, aside y footer y con ayuda de estos recursos. PNG
final.html P Crea una página web responsiva de un tema a tu elección usando una plantilla de W3layouts o HTML5 UP.

Volver.

Curso creado por Manuel Ignacio López Quintero bajo esta licencia.