“Elaboración de páginas Web”

I.E.S. RIBERA DEL TAJO [pic 1][pic 2][pic 3]

CICLO FORMATIVO DE GRADO MEDIO

SISTEMAS MICROINFORMÁTICOS Y REDES - distancia Aplicaciones Web (AW)

APLICACIONES WEB  

TAREA UT0b: “Elaboración de páginas Web”

RA2. Elabora páginas web con lenguajes de marcas mediante herramientas editoras  de textos y específicas de desarrollo web, incluyendo scripts de navegador.

Criterios de evaluación:

a) Se han identificado las características generales de los lenguajes de marcas. b) Se ha realizado la estructura de un documento HTML identificado las secciones que  lo componen.

c) Se ha reconocido la funcionalidad de las principales etiquetas y atributos del  lenguaje HTML.

d) Se han establecido las semejanzas y diferencias entre los lenguajes HTML y XHTML. e) Se ha reconocido la utilidad de XHTML en los sistemas de gestión de información. f) Se han utilizado herramientas en la creación de documentos web. g) Se han incluido elementos multimedia en documentos web.

h) Se han identificado las ventajas que aporta la utilización de hojas de estilo. i) Se han aplicado hojas de estilo.

Enunciado 

Crear un proyecto web sobre SOSTENIBILIDAD en tu entorno (Centro donde estudias o  trabajas, pueblo o ciudad, etc..), mediante código HTML y CSS, donde hables de ese tema. La  web debe estar compuesta por al menos 3 páginas web distintas, teniendo en cuenta las  siguientes cuestiones:  

RESPECTO Al CONTENIDO (HTML):  

1. La página principal será index.html y todas las páginas deben tener una estructura  adecuada, codificada con UTF8 y con títulos diferentes y ser válidas, tanto en html  como en CSS.

a. https://validator.w3.org/ 

b. https://jigsaw.w3.org/css-validator/

1

C.F.G.M. SMR-distancia Aplicaciones Web – Tarea UT0b Elaboración de páginas web

2. El layout (estructura) de las páginas realizadas debe tener al menos los siguientes  componentes:

o Cabecera (header) que incluye todos los elementos invariantes de la parte  superior de la página (logotipo, imagen o banner, etc.).  [pic 4]

o Contenido (main, section…) engloba el contenido principal del sitio (la zona de  noticias, la zona de artículos o la zona de productos, dependiendo del tipo de  sitio web).  

o Menú (nav…) se emplea para agrupar todos los elementos del menú lateral de  navegación de la página

o Pie (footer) que incluye todos los elementos invariantes de la parte inferior de  la página (aviso de copyright, política de privacidad, términos de uso, etc.) o Lateral (aside) se emplea para agrupar los elementos de las columnas laterales  y secundarias de la página, como enlaces a otras páginas, publicidad, etc.  

3. Se deben utilizar las etiquetas de texto estudiadas: títulos, párrafos, marcado de texto, etc.

4. Enlaces:  

a. Al menos en una página, deben existir enlaces a distintas partes de la misma  página.  

b. Deben existir enlaces a páginas externas a nuestro sitio web.

c. Las tres páginas deben estar enlazadas.

5. Debe existir alguna lista ordenada y no ordenada.

6. La web debe incluir imágenes.

7. En la web debe existir al menos una tabla.

8. En la web debe existir un formulario que envíe los datos por e-mail.  9. La página principal se llamará index.html.  

RESPECTO A LA VISUALIZACIÓN DE LA PÁGINA (CSS):