HACIENDO UN LAYOUT SENCILLO
(segunda parte)
Montando el Layout
Abre una ventana de mensajes, pega allí los materiales, las tres partes del Lay y texturas o patrones, separadores, que vas a usar, etc.
Voy a usar la imagen del tuto de fondos para demostrar:
Abre otro mensaje de respuesta debajo de donde pusiste tus materiales que ya tienes a la mano. Asegúrate que estás en el editor nuevo, ( si el rectángulo de la derecha dice " Editor HTML Viejo", quiere decir que estoy en el nuevo, y viceversa ).
Si deseas que tu lay lleve tablas, procede a armar las tablas primero (fondo). Tutorial de tablas AQUI
Si deseas el Lay sin tablas, sáltate el paso de arriba.
Procede a alinear al centro...
Elige el icono para insertar una nueva tabla
Sobre la ventanita que se abrió aplica los siguientes valores, no te olvides de elegir la alineación/ centrado si no quieres que tu lay salga cargado del lado izquierdo.
Cuando llegues a imagen de fondo,
ve a la discusión de arriba, donde están tus materiales, elige la parte de enmedio de tu lay, y dando click derecho con el mouse, elige la opción de copiar dirección de la imagen,
luego vuelve a la ventana anterior y pega ( teclas Ctrl v ) en el recuadro de imagen de fondo.
Da click en insertar.
Vas a ver lo que parece una línea alargada, con la parte de arriba parpadeando
ahora ve de nuevo a la la discusión de arriba, donde están tus materiales, elige la parte de arriba de tu lay y dando click derecho en el mouse, esta vez elige la opción copiar imagen
Vuelve a la ventana donde estás armando el lay, asegurándote que la linea siga parpadeando y pega ( teclas Ctrl v )...
Una vez pegada la parte de arriba de tu lay, vas a ver dos franjas divididas por lineas punteadas debajo de la parte que acabas de pegar (1-), la núm 2- es la parte de enmedio, la 3- es donde vas a pegar la parte de abajo del lay.
Repite el mismo paso, esta vez con la parte de abajo del lay, arriba, en tus materiales ( click derecho/copiar imagen ) pegar ( Ctrl V ) en la línea no. 3-...
Una vez pegada la parte de abajo, dando click sobre la línea de enmedio (2-), presiona la tecla Entrar/Enter varias veces para alargarla.
Pega tu separador o tu firma, y nota como sale cargado para el lado izquierdo, con el mouse da click derecho sobre la imagen del separador/firma, elige las opciones fila/propiedades de la fila
y en la ventanita sobre alineación y alineación vertical eliges centrado, click en actualizar y listo.
Ya tienes tu layout completo.
Aunque parece difícil la primera vez, con la práctica el proceso se va haciendo mas fácil.
El chiste es no darse por vencido.
Fin de la segunda parte.
Tutorial hecho por ©Mistik Julio 8 2020.
Puedes llevártelo a tu comunidad, respetando la autoría.
MistikArts |