Muse CC para diseño web responsivo

Trabajamos en la cuarta sección de la página inicio

¡Prueba gratis durante 10 días

nuestros 1203 cursos !

Prueba gratis Mostrar modalidades de suscripción
La cuarta y última sección de la página inicio contiene tres imágenes y los textos correspondientes, donde aplicamos estilos de párrafo que ya hemos creado anteriormente y que facilitan y aceleran la aplicación de formato.
05:42

Transcripción

Vamos a crear la cuarta y última sección que hace parte de la página de inicio. Vamos a importar primero unas imágenes: Archivo, Colocar, y las imágenes que vamos a importar son: graz2, leyva y montanita. Hago clic en el botón de abrir. Aquí tenemos las tres imágenes cargadas, con flecha hacia la derecha y flecha hacia la izquierda navego entre las imágenes. Vamos a importar primero esta imagen, luego vamos a importar esta imagen y finalmente vamos a importar esta tercera imagen. Tenemos estas tres imágenes para repartir entre las 12 columnas, así que cada imagen va a tener un tamaño de 4 columnas. Alineamos esta imagen en la parte izquierda de la primera columna. Este espacio, recuerden, es un margen. Y reducimos utilizando este manejador. Recuerden no utilizar la tecla Shift, porque si utilizamos la tecla Shift estamos haciendo la transformación sin respetar las proporciones de la imagen. Entonces escalamos –recuerden, el tamaño va a ser de 4 columnas– repetimos el proceso con esta imagen que primero hemos alineado hacia la parte superior y ahí tenemos 1, 2, 3 y 4 columnas como tamaño de esta imagen. Realizamos el mismo proceso con esta imagen y aquí tenemos las 4 columnas como tamaño al ancho. Vamos a alinear esta imagen con el borde inferior del rectángulo azul y en el panel Transformar, en la casilla Y, que corresponde a la ubicación vertical, vamos a sumarle 45 pixeles. Esto me da la separación que nosotros necesitamos exacta. Y alineamos las otras imágenes utilizando las guías inteligentes. Ahora tomo la herramienta de texto, vamos a crear una caja de texto y la vamos a ubicar aproximadamente aquí. Extendemos al ancho de las 4 columnas. El texto que vamos a utilizar es "Planes nacionales", copiamos, pegamos, duplicamos la caja. En este caso, estoy arrastrando y a la vez estoy presionando las teclas Option y Shift, o Alt y Shift si estoy utilizando Windows, repito el proceso y reemplazo el texto. Este es el texto de la segunda caja, copio, reemplazo el texto que tengo en esta caja, copio este texto y reemplazo el texto que tenemos en esta caja. Para aplicar el formato a este texto, vamos a utilizar los estilos de párrafo que ya tenemos creados. Primer párrafo, Titulos, Titulos, Titulos. Y los siguientes párrafos, con el estilo de párrafo Cuerpo. Y vamos a tomar estos textos y los vamos a alinear hacia la parte izquierda. Así que seleccionamos los dos párrafos, no tengo que seleccionar todos los caracteres de los dos párrafos. Aquí tengo un error. Selecciono primero el segundo párrafo y en los estilos de párrafo, aplico el estilo Cuerpo. Selecciono ahora los dos párrafos y quiero que estén alineados hacia la parte izquierda. Ahora vamos a tomar este botón, lo vamos a duplicar y lo arrastramos hacia la parte inferior. Recuerden, estoy arrastrando pero también a la vez utilizando la tecla Option, o la tecla Alt si estamos trabajando en Windows. Ubicamos el botón aproximadamente en esta posición, vamos a desplazar un poco más hacia arriba con la flecha hacia arriba, y ahora duplico en sentido horizontal. Ya tenemos el contenido de la cuarta y última sección de la página de inicio. En la parte inferior de la página, nos hace falta un texto. Sin embargo, los elementos que hacen parte del pie de la página se encuentran en la página maestra. Así que abrimos en el área de diseño de la página maestra, tomamos la herramienta de texto y voy a crear una caja definiendo el ancho respecto a las guías de margen. Voy al archivo textos.txt y este es el texto que corresponde a ese pie de página, así que copiamos y en Muse pegamos el texto. Lo voy a seleccionar, vamos a aplicarle el estilo de párrafo Cuerpo y voy a cambiarle el color a blanco. Listo, ya tenemos el texto del pie de la página, cerramos, vamos a la página de inicio y ya tenemos también aquí el texto, ya que esa página maestra está siendo aplicada sobre la página de inicio. Y de esta manera nosotros finalizamos el contenido que corresponde a la página de inicio.

Muse CC para diseño web responsivo

Crea una web responsive sin escribir una sola línea de código gracias a Adobe Muse CC, la aplicación de la familia Adobe que te permite diseñar tu página de forma gráfica.

3:10 horas (41 Videos)
Actualmente no hay comentarios.
 
Software:
Fecha de publicación:15/09/2016

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.