PROYECTO1 WEB RECETAS.

GLOSARIO

Elementos multimedia: vídeo, imagen, sonido

URL: dirección de cualquier elemento de internet.


EXPLICACIÓN

Si observamos  una página web, vemos que es un un archivo HTML que no contiene elementos multimedia, sino que hace referencia a donde están esos elementos. Es decir, los elementos multimedia de una página web están enlazados.

También puede contener enlaces a otras páginas, u otros elementos(pdf, zip para descargar....).

Si esos elementos multimedia son nuestros tienen que estar en nuestra carpeta. Por ejemplo:cuando hemos hecho las en la práctica de las listas, hemos puesto todas las imágenes que hemos utilizado porque son nuestras.

También. Podemos utilizarlo enlazados. Desde. Otro ordenador alojado en Internet, para ello tenemos que conocer su URL Por eso. Cuándo vamos a. Capturar por ejemplo una imagen de Internet decimos botón derecho guardar enlace de la imagen.

Si tienen etiqueta propia, por ejemplo <img src=""> la utilizamos, si no, utilizamos la etiqueta <iframe></iframe>

    EN ESTE PROYECTO VAMOS TODOS LOS ELEMENTOS MULTIMEDIA SERÁN ENLACES EXTERNOS





DESARROLLO DEL PROYECTO

  1. Crea carpeta que se llamará web_recetas. (En este caso no vamos a necesitar ni su carpeta images ni nada porque todo está enlazado desde internet, los elementos multimedia no son nuestros).
  2. Luego. Vamos a crear allí dentro, buestra página web de la receta de la tortilla de patata:receta_tortilla_patata.html
  3. Utilizaremos <style></style> para poner los estilos y que quede más aseado.
  4. Cuando tengáis la página hecha, la copiais  con el nombre receta_huevos_rellenos.html y modificadla para poner la receta de los huevos.

Ver vìdeos para crear la página web de recetas:

Video parte 1: https://youtu.be/0CKDryBSWMY

Vídeo parte 2: https://youtu.be/-7ybwyjbvl4



ARCHIVOS DE TRABAJO DE LA PRÁCTICA


Ejemplo de presentación:


Trucos: (no obligatorio)

Para centrar la imágen ponerla en un párrafo y centrar el párrafo

Para poner el tipo de letra, más bonita en el estilo de body añaden este estilo:

font-family: "Verdana";