1
00:00:00,970 --> 00:00:06,160
En este video vamos a copiar lo que vienen siendo las imágenes aquí tengo algunas ya imágenes listas

2
00:00:06,820 --> 00:00:12,720
para este proyecto así que no tienes que preocuparte si no tienes Photoshop no hay ningún problema yo

3
00:00:12,730 --> 00:00:18,370
te estaré proveyendo lo que vienen siendo las imágenes los colores etcétera.

4
00:00:18,370 --> 00:00:23,650
Puedes completar el proyecto sin ningún problema solo que a mí me gusta mucho trabajar con diseños de

5
00:00:23,650 --> 00:00:31,000
Photoshop convirtiendo paso a paso en los archivos del curso encontrarás todos los archivos necesarios

6
00:00:31,030 --> 00:00:32,770
para completar este diseño.

7
00:00:32,830 --> 00:00:38,620
Vamos a copiar las carpetas de IE M.G. con todas las imágenes y abrimos nuestro proyecto que hemos creado

8
00:00:38,620 --> 00:00:46,560
GDL webcam y abrimos la carpeta de imágenes y Ahí pegamos todas las imágenes lo siguiente que hacer

9
00:00:46,560 --> 00:00:55,300
es abrir Hatoum y aquí después de este IHF vamos a eliminar la parte que dice que es dejarlo huir y

10
00:00:55,300 --> 00:01:05,440
vamos a comenzar a escribir nuestro código que vamos a crear primero mujer poner una clase de TGD y

11
00:01:05,440 --> 00:01:10,800
vamos a darle cerrar el aquí siguiente por normal.

12
00:01:10,800 --> 00:01:20,160
Si recuerdas esta imagen así grande se le llama Jiro para la class y luego se imagen la estaremos utilizando

13
00:01:20,160 --> 00:01:30,520
como fondo con CSS así que además podremos Rakı no va a tener la imagen y vamos a crear otra clase de

14
00:01:30,520 --> 00:01:39,260
Clas contenido Getter para poder utilizarla con CSS y poder cambiar todo lo que tenemos aquí de diseño

15
00:01:41,100 --> 00:01:45,650
si vemos nuestro diseño y vemos el orden lo primero es el menú de redes sociales.

16
00:01:45,840 --> 00:01:47,570
De momento no va a imprimir los iconos.

17
00:01:47,580 --> 00:01:52,720
Vamos a agregar una librería en los siguientes dos vídeos.

18
00:01:52,770 --> 00:02:05,550
El siguiente paso para las redes sociales así podemos utilizar el selector o esta clase para escribir

19
00:02:07,730 --> 00:02:10,030
el CSS para las redes sociales.

20
00:02:11,140 --> 00:02:16,130
Y vamos a crear a y aquí va a decir Facebook.

21
00:02:16,170 --> 00:02:25,100
Soy el primero que tenemos Facebook y lo copiamos éste pegamos Twitter pegamos.

22
00:02:25,140 --> 00:02:28,600
El tercero es Pinterest.

23
00:02:28,680 --> 00:02:32,680
El cuarto va a ser YouTube e Instagram

24
00:02:35,640 --> 00:02:37,170
derritan.

25
00:02:37,200 --> 00:02:42,630
Cuando agregamos los iconos esto lo quitaremos sin embargo es bueno tener la estructura de lo que vamos

26
00:02:42,630 --> 00:02:44,820
a estar trabajando.

27
00:02:44,950 --> 00:02:51,510
Vamos otro DIY y este se va a llamar información evento como dije yo siempre me gusta como darle nombres

28
00:02:51,510 --> 00:02:54,030
descriptivos a mis contenedores.

29
00:02:54,030 --> 00:02:59,920
Por ejemplo esta para mí es la información del evento ya que trae la fecha y el lugar así como estos

30
00:02:59,920 --> 00:03:15,170
iconos y aquí la vamos a poner un párrafo con la clase fecha cerramos el párrafo iba a decir 10 12 de

31
00:03:15,170 --> 00:03:25,820
diciembre creamos otro con la clase ciudad cerramos el párrafo y el 10 12 es este que está aquí y las

32
00:03:25,820 --> 00:03:30,260
ciudades de Guadalajara MX Yo soy de esta ciudad de Guadalajara así que si un día me ves en la calle

33
00:03:30,400 --> 00:03:41,780
no puedes saludar y siguiente vamos a ponerla aquí después información evento y la vas a poner un h

34
00:03:41,780 --> 00:03:43,680
1 si recuerdas.

35
00:03:43,720 --> 00:03:50,080
Dijimos que el H1 puede ser utilizado para poner el nombre del sitio web así que le ponemos el nombre

36
00:03:50,100 --> 00:03:54,250
de sitio y le ponemos GDL web.

37
00:03:54,670 --> 00:04:03,240
Puedes poner así como GDL webcam cualquier forma está bien podemos utilizar CSS para ponerlo todo en

38
00:04:03,240 --> 00:04:08,820
mayúsculas vamos a abrirlo aquí recargarlas para ver cómo va nuestro diseño.

39
00:04:08,820 --> 00:04:15,810
Luego tenemos Facebook Twitter Pinterest YouTube Instagram las fechas I.G de la webcam se ve mucho HTML

40
00:04:15,990 --> 00:04:22,530
para lo que llevamos pero va a valer la pena porque ya tenemos estas clases agregadas va a ser más fácil

41
00:04:23,700 --> 00:04:31,020
el flujo que estaremos usando en este curso será escribir en HTML CSS HTML CSS para ir avanzando de

42
00:04:31,020 --> 00:04:32,680
una forma más rápida.

43
00:04:33,190 --> 00:04:40,070
Creamos una clase que sea llama Logan y aquí se llama la mejor conferencia de diseño web.

44
00:04:40,080 --> 00:04:47,190
Puedes ver que la parte de diseño web está como en negritas podemos utilizar un spam y ponemos la mejor

45
00:04:47,700 --> 00:04:54,790
conferencia de spam diseño web y cerramos el párrafo.

46
00:04:57,090 --> 00:05:02,930
Así que con eso tenemos toda la estructura casi de nuestro Jeddah en el siguiente y vamos a ver cómo

47
00:05:02,930 --> 00:05:08,630
agregar estos iconos para que sea más fácil trabajar con ellos donde se agregará una librería llamada

48
00:05:09,010 --> 00:05:11,840
oso qué lo va a hacer mucho más sencillo.