Muse CC: Responsive webs

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

¡Prueba gratis durante 10 días

nuestros 1142 cursos !

Prueba gratis Mostrar modalidades de suscripción
La segunda sección de la página inicio contiene imágenes en formato svg que pueden ser escaladas sin perder calidad. Estas imágenes se pueden generar desde varias aplicaciones de Adobe, como Photoshop e Illustrator.
04:09

Transcripción

Continuamos creando los elementos que hacen parte de la página de Inicio. Vamos a tomar la herramienta de texto, hacemos un marco texto, definimos el tamaño 373 por 110 pixeles. Tomamos esa caja de texto y la vamos a ubicar aproximadamente aquí. Observen como esta caja de texto que acabamos de crear cubre 1, 2, 3 y 4 columnas con sus respectivos medianiles o espacios intermedios. Ahora vamos al archivo de texto y vamos a seleccionar estos dos párrafos: "Seguridad" y el texto que está debajo, copiamos y pegamos aquí. Vamos ahora a duplicar esta caja de texto, para eso arrastramos hacia la parte derecha mientras presionamos las teclas Optional + Shift, o Alt y Shift si estamos trabajando en Windows, y repetimos el proceso. Las cajas que hemos creado quedan ahora con un espacio que corresponde a uno de los medianiles. Seleccionamos estos dos párrafos siguientes, los pegamos en la segunda caja y los dos párrafos siguientes copiamos y los pegamos en la tercera caja. Vamos ahora a importar unas imágenes: bajo el menú Archivo, selecciono el comando Colocar o utilizo la atajo de teclado Comando + E. Las imágenes que vamos a utilizar son 'seguri.svg', 'confia.svg' y 'acomo.svg'. Selecciono las tres imágenes a la vez, hago clic en el botón de Abrir y aquí tenemos el puntero con las tres imágenes. El texto que aparece en la parte derecha entre paréntesis me está indicando el número de imágenes que tengo listas para ser ubicadas dentro de la página. Con flecha hacia la derecha y flecha hacia la izquierda, nosotros podemos verificar visualmente cada una de las imágenes. Esta, por ejemplo, va a ser la imagen de seguridad, entonces hacemos un clic para ubicarla aquí. Esta va a ser la imagen de acompañamiento. Y esta va a ser la imagen que va en la mitad. Vamos a tomar cada una de estas imágenes y ellas van a tener un tamaño de 100 % pixeles, entonces marcamos la opción de proporción: 100 pixeles para esta imagen, 100 píxeles para esta imagen y 100 pixeles para esta imagen. Vamos ahora a ubicar todos estos elementos, voy a hacer un zoom, en este caso estoy utilizando barra espaciadora y comando o barra espaciadora y Control si estamos trabajando en Windows. Voy a tomar esta herramienta y voy a dibujar un rectángulo. El rectángulo que voy a dibujar va a tener 45 pixeles de alto y esa va a ser la distancia, la separación o el margen que va a existir entre la imagen que tenemos en la parte superior y este logo. Ahora tomamos el texto, lo desplazamos un poco hacia la parte inferior, dejando también un espacio, y finalmente eliminamos este elemento, Comando 0 o Control 0, alineamos los otros elementos utilizando las guías inteligentes o "smart guides", entonces podemos darnos cuenta si estos elementos ya están alineados. El texto también lo desplazamos hacia la parte inferior y nuevamente las guías inteligentes o "smart guides" nos ayudan a realizar esa alineación. Tomamos ahora las imágenes, hacemos el mismo proceso. Aquí ya tenemos alineada esta imagen. Y realizamos el mismo proceso con esta última imagen.

Muse CC: Responsive webs

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.