Bienvenido de nuevo.
Continuemos con la construcción de la página de inicio.
Y como pueden ver, he vuelto a cambiar a
la imagen de fondo tradicional.
Pero como dije, si quieres usar
el video, eso está bien.
El siguiente apartado que vamos a construir será
la sección de dos columnas que tendrá
algunos textos a la izquierda, una imagen a la derecha.
Y luego la tercera sección aquí es muy, muy similar.
Sólo son las columnas invertidas.
En la tercera sección, tenemos la imagen a la izquierda
y luego el texto a la derecha.
Entonces, ¿cómo exactamente vamos a lograr esto?
Esto es muy, muy, muy sencillo.
Vamos a ir a una página de inicio.
Vamos a editar.
Y se puede ver en este momento es
básicamente dos columnas, 5050.
Así que muy fácilmente vamos a venir aquí abajo,
crear una nueva sección con dos columnas, 5050.
Voy a editar la sección, se
asegura de que vaya de ancho completo.
Y entonces las columnas GAAP van a decir que no hay brecha.
Muy bien, entonces la primera sección de aquí,
va a tener algunos textos.
Permítanme dibujar aquí el editor de texto.
Lambda copia blandidamente el texto ficticio de Lorem Ipsum
que tengo por aquí.
Déjame seguir adelante y pegar eso.
Y luego también tenemos el encabezado.
Déjame dejar caer eso por atrevo. Es un h2.
Aquí.
En realidad no creé
ningún encabezado real, ningún título real.
Así que déjame simplemente escribir.
Nos encantaría viajar.
Sólo algo. Eso es eso.
Y luego para la segunda columna aquí,
vamos a sumar la imagen,
y voy a añadir esta imagen que tomé en Estambul.
Se trataba de un grupo de nuestros estudiantes universitarios.
Estaba caminando por ahí y le dije: Oye,
¿te gustaría que tomara una foto de esta idea?
Entonces tomé la foto.
Así que asegúrate de configurar esta imagen para engañar.
Porque de nuevo, queremos que la imagen ocupe
todo el ancho y la altura de su columna.
Pero entonces también necesitamos agregar el botón Saber más.
Entonces lo que voy a hacer por supuesto,
es volver aquí,
arrastrar el botón, soltarlo aquí.
Y entonces voy a decir aprender, aprender más.
Entonces este enlace puede ir a tal vez la página sobre.
Así que simplemente voy a decir barra hacia adelante sobre.
Y ahí está.
Voy a alinearme con el centro.
Hagamos algunos cambios.
Tipografía de estilo.
Voy a decir transformar a mayúsculas.
La declaración sobre no dentro de lo que es una integración.
Y luego el color del texto.
Voy a cambiar eso a negro.
Ahora para el botón real en sí van a ir con
un color de fondo de blanco.
teclear de fondo aquí va a ser de color blanco.
Pero entonces vamos a establecer un borde de
sólido para que en realidad podamos ver el botón.
Y si lo quisieras, podrías
agregar algunos videos de frontera también.
Pero no voy a hacer eso.
Una cosa final a hacer sería
alinear nuestro contenido en el medio.
Por lo que voy a hacer click en el botón Editar Columna,
comentarios, Alinear Vertical, establece medio.
Y entonces una cosa más que hacemos
para tener algo de espacio a la izquierda y a la derecha está en
contra ahora mismo el texto no es
exactamente justo al borde de la columna,
por lo que necesitamos agregar un poco de espaciado.
Así que voy a volver aquí.
Lo que vamos a hacer es muy, muy sencillamente,
vamos a ir a avanzado
por la misma columna. Aquí mismo.
Vamos a desvincular los valores para el patrón.
Y luego voy a dar 50 pixeles
por 50 pixeles a la izquierda.
Y ahí está.
Hemos construido nuestra segunda sección muy fácilmente,
ya que la tercera sección es muy, muy
similar en diseño,
lo que podemos hacer es simplemente hacer clic derecho en
la sección de edición proteína y luego duplicar.
Y ahora lo que simplemente voy a hacer
es que voy a arrastrar esta primera columna aquí,
arrastrarla hasta aquí, cambiar las columnas.
Y ahora muy sencillamente,
sigamos adelante y editemos esta imagen.
Voy a elegir éste que tomé en Argentina.
Montaje encaja en L, color graso.
Y luego por supuesto, para los textos de aquí,
¿añadí cualquier cosa viajada a
los mejores lugares como el encabezado, vale,
así que déjame simplemente cambiar ese encabezado aquí y
decir viajar a los mejores lugares.
Ahí vas. Muy bien, sigamos adelante ahora actualizaciones.
Digamos cómo se ve la página.
Vamos, vamos.
No soporten conmigo. Desafortunadamente, estos son
los riesgos ocupacionales de un instructor, un maestro.
A veces el incidente comienza
a estropearse y finalmente se actualiza.
Vale, gracias. Ahora, veamos la página.
Desplazemos hacia abajo y ahí está.
De acuerdo, una cosa más.
Al igual que un bonus,
podríamos añadir alguna animación
para que las imágenes tal vez les guste,
ya sabes, esta diapositiva desde la izquierda y la derecha.
Entonces lo que podemos hacer es simplemente volver
atrás y revisar esta alegoría para la primera imagen,
la que tiene aquí los alumnos,
voy a editar la imagen.
Ve a Encendedor avanzado,
tienes efectos de movimiento.
Voy a decir animación de entrada.
Vamos a deslizarnos desde las luces.
De acuerdo, tan ligeramente adentro de la derecha,
así que rebanando desde la derecha.
Y luego para esta imagen era simplemente hacer
la diapositiva opuesta adentro desde la izquierda.
Efectos de movimiento.
Desacelerado, informa o amado.
De acuerdo, eso fue un poco raro.
No estoy seguro exactamente lo que hicieron.
Permítanme volver a hacer eso.
Ok.
Por alguna razón la ventana de imagen
sobre a la segunda columna.
No sé por qué pasó eso,
pero está bien, voy a seguir adelante y actualizarme.
Ahí vamos.
Veamos la página. Desplazemos hacia abajo.
Hace deslizamiento desde la izquierda,
engañado y deleite, y ahí está.
Y así así, nuestra página de inicio
está empezando a surtir efecto.
Así que únete a mí en el siguiente video donde ahora vamos
echar un vistazo a cómo vamos a
construir la siguiente sección,
que sería el diseño de viaje único.