# data[].attributes.body
Leer atentamente aunque por partes. A continuación veremos los pasos.

# data[].attributes.body
Recuerda que esta página es la que contiene los distintos frames. No olvides que hay que darle un nombre a cada uno.
Puedes consultar el ejercicio 4 de la primera relación.

# data[].attributes.headline
2.- Comenzamos a crear todas las páginas necesarias en blanco. 

# data[].attributes.subject
2.- Comenzamos a crear todas las páginas necesarias en blanco. 

# data[].attributes.body
Hacemos cada página con su estructura. Recuerda y completa....
<!doctype html>
<html>
......
</html>

# data[].attributes.headline
3.- Creamos un archivo con extensión .css para ir incluyendo en él todos los estilos de nuestras páginas. 

# data[].attributes.subject
3.- Creamos un archivo con extensión .css para ir incluyendo en él todos los estilos de nuestras páginas. 

# data[].attributes.body
Recuerda que para incluir el archivo, lo único es incluir en el head una etiqueta del siguiente estilo:
<link rel="stylesheet" type="text/css" href="direccion_del_archivo.css">

Ni que decir tiene que direccion_del_archivo.css es como hayáis llamado vosotros a vuestro archivo.

# data[].attributes.headline
4.- Hacemos un menu que irá en el frame 2 y que se irá abriendo en frame3. 

# data[].attributes.subject
4.- Hacemos un menu que irá en el frame 2 y que se irá abriendo en frame3. 

# data[].attributes.body
El menú debe incluir las siguientes opciones:

Galería de videos.

Galeria de imágenes

Información Relacionada

Enlaces Relacionados

# data[].attributes.headline
7.- Continuemos ahora con la página que irá en el frame1 (el superior)

# data[].attributes.subject
7.- Continuemos ahora con la página que irá en el frame1 (el superior)

# data[].attributes.body
La imagen (podéis ser vosotros o cualquier icono que encontréis en internet) debe estar situada en la parte derecha de la página. El nombre de la Web debe estar incluido en una capa o iframe (o bien lo ponéis todo en una tabla y que os quede en una celda la imagen y en la otra celda el título) que debe tener el siguiente formato:
 Margen: el mismo para todos (superior, derecho, inferior e izquierdo), aplicándole una unidad de medida relativa.
 Relleno: el mismo para izquierdo y derecho. Para el superior e inferior será el mismo, pero menor que el utilizado para izquierdo y derecho. Se aplicará una unidad de medida relativa. (esto vais probando y cuando tengáis algo que os mole, perfecto!)
 Bordes: poseerá la misma anchura, color y estilo para todos los bordes.
 Imagen y color de fondo: poseerá un color e imagen de fondo. A ser posible, relacionada con el tema de la web.
 Os piden un enlace a que ponga ACerca de... y que cuando lo pinchéis se abra en el frame 3 y os muestre un formulario conlos siguientes campos:
 Nombre y apellidos del desarrollador, en este caso, tú.
 Tiempo dedicado al desarrollo de la web en horas. Así como fecha de inicio y fecha de fin.
 Tema en el que versa la Web.
 Un comentario (sobre 3 o 4 líneas) de por qué ha elaborado la web referente a ese tema. Para esta información el tamaño de la fuente será a iniciativa del alumno.
Ni que decir tiene que tenéis que crear una página que se llame acercade.html donde pongáis toda esa información

# data[].attributes.headline
Llegados aquí hemos cumplido con creces por esta semana!!!!

# data[].attributes.subject
Llegados aquí hemos cumplido con creces por esta semana!!!!

# data[].attributes.body
Podemos empezar por ejemplo por la galeria de imágenes y videos.
Recuerda:
Para insertar una imagen se usa la etiqueta img.
<img src="direccion imagen.jpeg">
y para insertar un video? Mira en el video del comienzo....

# data[].attributes.attachment_link.title
Como insertar videos de youtube en mi pagina web FACIL!

# data[].attributes.headline
5.- Llegados a este punto. Cosa importante. Que todo funcione!!!

# data[].attributes.subject
5.- Llegados a este punto. Cosa importante. Que todo funcione!!!

# data[].attributes.body
Se supone que todas las páginas que vamos a necesitar están creadas y los enlaces del menú funcionan correctamente.
No olvides haber incluido en cada head el enlace al archivo css de manera que nos haga todo mas sencillo
Esto es gran parte de lo que nos piden. Empecemos ahora