1 00:00:00,260 --> 00:00:05,070 Vamos a continuar puedes ver que si abrimos de nueva cuenta nuestro diseño estas imágenes de lo que 2 00:00:05,070 --> 00:00:14,450 vienen siendo las propiedades también son parte o requieren imágenes de casas y de paz en venta antes 3 00:00:14,450 --> 00:00:21,520 del H3 aquí vamos a poner y M.G. y ponemos y el que a suponer la carpeta y MGA de nueva cuenta y la 4 00:00:21,520 --> 00:00:23,880 imagen se llama anuncio 1.El JPG. 5 00:00:23,890 --> 00:00:27,020 Puedes ver que ahora utilizo una imagen de JPG. 6 00:00:27,060 --> 00:00:35,300 Aquí ponemos anuncio casa en el lago entonces guardo cambios y abro mi proyecto el que aparece la imagen 7 00:00:35,300 --> 00:00:43,460 de esta casa copiamos esta imagen y vamos a utilizarla aquí y acá abajo también. 8 00:00:43,840 --> 00:00:50,680 Después de décadas enumeré 2 3 por ejemplo aparecen las diferentes imágenes de quien además de poner 9 00:00:50,680 --> 00:00:55,660 diferentes alternativos en caso de que por algo no se carguen las imágenes 10 00:00:59,240 --> 00:01:05,250 casa de lujo logo y cualquier cosa en realidad que las imágenes se ven correctamente si abrimos nuestro 11 00:01:05,250 --> 00:01:08,420 diseño y damos un poco más de scroll pues cerca aparecen estos íconos. 12 00:01:08,420 --> 00:01:14,360 Lo veremos un poco más adelante en algo que se llaman listas y después aparece esta imagen. 13 00:01:14,390 --> 00:01:20,770 Esta imagen se agrega como fondo la diferencia entre agregar una imagen como ésta y una como ésta es 14 00:01:20,960 --> 00:01:25,330 puedes ver que estas imágenes no tienen nada de contenido arriba es decir nada más es la imagen. 15 00:01:25,910 --> 00:01:32,630 Cuando tienes una imagen que tiene texto encimados usualmente se coloca como una imagen de fondo y eso 16 00:01:32,630 --> 00:01:39,180 se hace con CSS lo veremos un poco más adelante y si damos scroll puedes ver que tenemos estos dos lo 17 00:01:39,520 --> 00:01:40,640 que son las entradas de blog. 18 00:01:40,650 --> 00:01:47,840 Por lo tanto usar un poco de scroll más hacia el blog y antes de este CH4 vamos a colocar aquí. 19 00:01:47,850 --> 00:01:59,640 MG Sí MG y ponemos la carpeta Image diagonal y ponemos blog 1 Ponemos entrada de blog y voy a copiar 20 00:01:59,640 --> 00:02:04,920 todo de este de aquí y quién es el H4 lo pego y pongo aquí la imagen 2. 21 00:02:04,920 --> 00:02:09,060 Guardamos cambios abrimos el proyecto y es del que aparecen las dos imágenes. 22 00:02:09,060 --> 00:02:10,350 Entonces se va viendo bastante bien. 23 00:02:10,350 --> 00:02:13,700 Por último lo que viene siendo los testimoniales tienen esta comilla. 24 00:02:13,710 --> 00:02:19,080 También va a ser parte o mejor dicho se va a agregar con una imagen de fondo así que con eso está listo 25 00:02:20,010 --> 00:02:24,560 puede ser que ya agregamos más elementos y muy importante. 26 00:02:24,630 --> 00:02:28,020 Puedes ver dos cosas que quiero que te lleves o tal vez tres. 27 00:02:28,320 --> 00:02:34,940 MG no tiene etiqueta de cierre sources lo que viene siendo la imagen que vas a utilizar. 28 00:02:34,980 --> 00:02:41,040 Por ejemplo puedes agregarle un enlace sobre una imagen y eso lo va a hacer un enlace a un link. 29 00:02:41,100 --> 00:02:46,740 En cuanto a formatos SVG se recomienda para vectores que puedes generar con ilustrador o Adobe excedí 30 00:02:47,220 --> 00:02:48,170 y también está. 31 00:02:48,180 --> 00:02:55,560 JPG o PNG son formatos que también soporta una una página web entonces se va viendo bastante bien en 32 00:02:55,560 --> 00:02:59,350 realidad el siguiente paso es estructurar el contenido. 33 00:02:59,580 --> 00:03:07,890 Puedes ver que de momento tenemos estos elementos por ejemplo enlaces H1 H2 y diferentes párrafos diferentes 34 00:03:07,890 --> 00:03:09,000 imágenes. 35 00:03:09,000 --> 00:03:14,580 Usualmente cuando entras a un sitio web por ejemplo puedes ver que diferentes secciones y existen etiquetas 36 00:03:14,610 --> 00:03:20,880 para estructurar el contenido es decir dividirlo en ciertas secciones agruparlos con elementos que son 37 00:03:20,880 --> 00:03:24,490 relacionados a él así que veamos en los siguientes videos.