1 00:00:00,000 --> 00:00:01,130 Muy bien, así que estamos avanzando. 2 00:00:01,125 --> 00:00:02,735 Y la siguiente sección va a ser 3 00:00:02,730 --> 00:00:05,460 la sección única de diseño viajado, 4 00:00:05,460 --> 00:00:07,800 que se verá un poco complicado, 5 00:00:07,800 --> 00:00:09,660 pero no es tan complicado. 6 00:00:09,660 --> 00:00:11,880 Básicamente tenemos una sección muy grande 7 00:00:11,880 --> 00:00:13,460 con múltiples columnas. 8 00:00:13,455 --> 00:00:16,445 Una columna sostendrá el encabezado. 9 00:00:16,440 --> 00:00:18,510 Diseño general único y vamos a tener 10 00:00:18,510 --> 00:00:20,790 el elemento divisor tendrá 11 00:00:20,790 --> 00:00:22,440 algunos textos y luego tendremos 12 00:00:22,440 --> 00:00:25,350 un elemento de sección interior con tres columnas, 13 00:00:25,349 --> 00:00:27,389 con tres títulos diferentes, 14 00:00:27,390 --> 00:00:29,130 diagramas, y algunos textos. 15 00:00:29,130 --> 00:00:34,090 Así que sigamos adelante y editemos la página de inicio una vez más. 16 00:00:34,090 --> 00:00:39,530 Y voy a desplazarse hasta aquí abajo. 17 00:00:39,529 --> 00:00:41,329 Y el primer nodo es simplemente hacer es solo 18 00:00:41,330 --> 00:00:43,310 arrastrar el encabezado aquí. 19 00:00:43,310 --> 00:00:46,910 Y agregaré la edición que dice todo 20 00:00:46,910 --> 00:00:54,670 diseñador de viajes único, único. 21 00:00:54,665 --> 00:00:58,465 Por supuesto, voy a alinear éste para descentrar. 22 00:00:58,460 --> 00:01:00,920 Ya que ahora tenemos contenido en nuestra sección, 23 00:01:00,920 --> 00:01:03,170 voy a seguir adelante y editar esta sección. 24 00:01:03,170 --> 00:01:08,580 Vamos a establecer el ancho en 1240 pixeles. 25 00:01:09,190 --> 00:01:12,500 Entonces estilo, vamos a añadir 26 00:01:12,500 --> 00:01:19,550 un color de fondo de FATF ocho. 27 00:01:19,550 --> 00:01:24,410 Entonces es este tipo de color blanco grisáceo. 28 00:01:24,410 --> 00:01:27,830 Realmente no sé el color exacto, como se llama. 29 00:01:27,830 --> 00:01:30,610 Pero el punto aquí es que estamos tratando de diferenciar 30 00:01:30,605 --> 00:01:33,265 la sección justo por encima de ella 31 00:01:33,260 --> 00:01:35,600 de la nueva sección que estamos creando. 32 00:01:35,600 --> 00:01:36,880 Por lo que una de las mejores formas de diferenciar, 33 00:01:36,875 --> 00:01:38,465 diferenciar secciones es agregando 34 00:01:38,465 --> 00:01:41,065 diferentes fondos de colores. 35 00:01:41,060 --> 00:01:42,680 Entonces creo que diseño de trufa, 36 00:01:42,680 --> 00:01:44,810 voy a volver a avanzar también. 37 00:01:44,810 --> 00:01:46,370 Añadir un poco de relleno. 38 00:01:46,370 --> 00:01:47,840 Por lo que 50 pixeles arriba, 39 00:01:47,840 --> 00:01:50,990 50 píxeles abajo también. 40 00:01:50,990 --> 00:01:52,580 Y ahí está. 41 00:01:52,580 --> 00:01:55,520 El siguiente elemento serán los elementos divisores 42 00:01:55,520 --> 00:01:58,780 que se caen justo debajo de nuestro diseño de viaje único. 43 00:01:58,775 --> 00:02:01,015 Mira hacia el centro de Atlanta y luego 44 00:02:01,010 --> 00:02:05,350 el ancho aquí estaría a punto, vamos con 50%. 45 00:02:05,345 --> 00:02:09,085 Quizá sea un poco demasiado. ¿Qué tal 40%? 46 00:02:09,080 --> 00:02:11,060 Muy bien, así que para el por ciento, 47 00:02:11,060 --> 00:02:14,230 siguiente va a ser los textos aquí, cerraduras donde no se trata de las estrellas en 48 00:02:14,225 --> 00:02:16,855 realidad robaron 49 00:02:16,850 --> 00:02:19,790 estos textos de algún sitio web. 50 00:02:19,790 --> 00:02:21,740 No recuerdo, pero no se me ocurrió 51 00:02:21,740 --> 00:02:23,720 esto con este texto. 52 00:02:23,720 --> 00:02:25,760 Ok. Yo no soy demasiado, no soy tan inteligente, 53 00:02:25,760 --> 00:02:28,520 así que voy a soltar el editor de texto todo justo debajo 54 00:02:28,520 --> 00:02:32,360 del divisor y pegar ese texto ahí mismo. 55 00:02:32,360 --> 00:02:35,030 Y por supuesto que lo vamos a alinear al centro 56 00:02:35,030 --> 00:02:37,580 son entonces por último pero no menos importante, 57 00:02:37,580 --> 00:02:40,340 sí tenemos nuestra sección de tres columnas aquí. 58 00:02:40,340 --> 00:02:43,940 Entonces vamos a usar la ina, sección. 59 00:02:43,940 --> 00:02:45,950 Vamos a caminar inteligentes otra vez. 60 00:02:45,950 --> 00:02:48,980 Básicamente, cada columna tiene exactamente el mismo diseño. 61 00:02:48,980 --> 00:02:50,130 Tienes un diagrama, 62 00:02:50,134 --> 00:02:52,224 tienes un encabezado, y luego tienes algunos textos. 63 00:02:52,220 --> 00:02:54,530 Así que simplemente lo haremos es, 64 00:02:54,530 --> 00:02:59,750 diseñaremos la primera imagen de la columna Jabbar aquí. 65 00:02:59,750 --> 00:03:01,220 Y es la imagen con 66 00:03:01,220 --> 00:03:05,650 el avión mundial pueden los delincuentes uno aquí mismo, 67 00:03:05,645 --> 00:03:09,455 insertar ese medio, hacerlo un tamaño completo. 68 00:03:09,454 --> 00:03:12,654 Entonces vamos a agregar un encabezado. 69 00:03:12,650 --> 00:03:16,210 Simplemente mueva la imagen. Vamos a hacer de éste un h3. 70 00:03:16,205 --> 00:03:18,835 Yo sí tengo algún texto aquí y se llama, 71 00:03:18,830 --> 00:03:21,070 éste tiene que ser destacado. 72 00:03:21,065 --> 00:03:23,425 Destinos, ese será 73 00:03:23,420 --> 00:03:26,230 el titular de futuros destinos. 74 00:03:26,225 --> 00:03:27,835 Hagamos un cambio. De acuerdo, me 75 00:03:27,830 --> 00:03:29,000 voy a alinear con el centro, 76 00:03:29,000 --> 00:03:30,350 pero luego por el estilo, 77 00:03:30,350 --> 00:03:32,570 vamos a cambiar la tipografía de mayúsculas 78 00:03:32,570 --> 00:03:36,110 a la luz apenas normal. 79 00:03:36,110 --> 00:03:37,250 Y luego por último pero no menos importante, 80 00:03:37,250 --> 00:03:39,640 tendremos la herramienta de edición de texto. 81 00:03:39,635 --> 00:03:41,215 Arrastrémoslo ahí. 82 00:03:41,210 --> 00:03:44,350 Así que déjame agarrar este texto aquí mismo. 83 00:03:44,345 --> 00:03:47,075 Similar ellos Ipsum texto ficticio. 84 00:03:47,075 --> 00:03:49,535 Voy a seguir adelante y pegar eso. 85 00:03:49,535 --> 00:03:50,995 Creo que en realidad son los mismos textos exactos, 86 00:03:50,990 --> 00:03:52,150 diferentes, tontos yo. 87 00:03:52,145 --> 00:03:53,705 Ok. Bueno, su estilo, 88 00:03:53,705 --> 00:03:55,955 Esto alineado al centro. 89 00:03:55,955 --> 00:03:58,435 Ahí está. Entonces lo que era 90 00:03:58,430 --> 00:04:00,940 simplemente tiene que hacer ahora es entrar aquí, 91 00:04:00,935 --> 00:04:03,145 clic derecho en el botón Editar columna 92 00:04:03,140 --> 00:04:04,780 y simplemente se duplica, 93 00:04:04,775 --> 00:04:07,595 y luego duplicar una vez más. 94 00:04:07,595 --> 00:04:12,325 Y luego entraremos aquí y eliminaremos la cuarta columna. 95 00:04:12,320 --> 00:04:13,490 Lo es. 96 00:04:13,490 --> 00:04:15,310 Entonces esto va a entrar aquí en este momento, 97 00:04:15,305 --> 00:04:19,315 cambiar esta imagen al centro comercial con el mapa. 98 00:04:19,310 --> 00:04:24,980 Y sí tengo los textos aquí que dicen guías de viaje. 99 00:04:24,980 --> 00:04:27,980 Por lo que además de poder 100 00:04:27,980 --> 00:04:31,700 contar con ciertos destinos a sus clientes, 101 00:04:31,700 --> 00:04:36,110 viajes de pasaporte también ofrece guías recorridos también. 102 00:04:36,110 --> 00:04:38,030 Y luego el último de aquí, 103 00:04:38,030 --> 00:04:39,410 voy a cambiar la imagen a la 104 00:04:39,410 --> 00:04:42,500 que tiene los boletos de avión. 105 00:04:42,500 --> 00:04:47,800 Yo sí tengo el encabezado aquí que dice asequible. 106 00:04:47,795 --> 00:04:49,885 Además bool. 107 00:04:49,880 --> 00:04:53,670 Para conseguirlo es. 108 00:04:53,665 --> 00:04:54,715 Ahí vas. 109 00:04:54,710 --> 00:04:58,460 Entonces voy a seguir adelante ahora y simplemente actualizar esto. 110 00:04:58,460 --> 00:05:03,300 Y veamos la página. 111 00:05:03,310 --> 00:05:07,550 Y voila iónico diseño de viajes. 112 00:05:07,550 --> 00:05:08,860 Ahí vas. 113 00:05:08,855 --> 00:05:13,235 Entonces ojalá hayas disfrutado esta lección en particular, 114 00:05:13,235 --> 00:05:14,545 Jimmy, en la siguiente, 115 00:05:14,540 --> 00:05:16,210 donde seguiremos construyendo 116 00:05:16,205 --> 00:05:18,995 nuestra página principal. Te veré entonces.