Muse CC práctico: Diseño de landing page

Creación de un nuevo sitio web con Adobe Muse

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
En este video creamos un nuevo sitio web y configuramos su ancho, el número de columnas, los márgenes y el relleno. Posteriormente guardamos nuestro archivo para continuar trabajando en él durante el resto del taller.
03:57

Transcripción

Vamos a empezar a crear nuestro "landing page". Para eso voy a hacer clic en el botón de creación de nuevo sitio o bajo el menú Archivo selecciono el comando Nuevo sitio o utilizo el atajo de teclado. Selecciono el comando y me abre la ventana de nuevo sitio. Por defecto, actualmente, todos los sitios que creemos con Muse son de anchura fluida. Sin embargo, si nosotros no necesitamos esa característica, simplemente hacemos clic en este menú desplegable y seleccionamos la opción Anchura fija. Yo voy a dejar este sitio con anchura fluida, recuerden que es el valor que está por defecto. Tenemos el valor de anchura máxima de la página, que en este caso es de 960, y voy a dejar este valor que queda por defecto. En el número de columnas, voy a cambiar el valor a 12 columnas. Estas columnas me van a permitir alinear los elementos que hacen parte del diseño, y por defecto, el valor de medianil o espacio entre columnas es de 20 píxeles. Yo voy a dejar también ese valor por defecto, hago clic en esta flecha para abrir las opciones avanzadas y dentro de estas opciones o ajustes avanzados tenemos Márgenes y Rellenos. Los márgenes son las distancias o espacios que existen entre el borde de la página y el contenido. Recuerden, esto me genera simplemente unas guías. Vamos a definir como valor de márgenes: 60 píxeles. Y ya que este ícono está activo, los valores son iguales en cada uno de los lados: Superior, Abajo, Izquierdo y Derecho. El valor de relleno es una distancia que existe entre el borde de la página y el borde de la ventana del navegador. Yo voy a configurar este valor como 40 píxeles y solamente lo voy a dejar para el relleno superior. Más hacia la parte derecha, encontramos este menú desplegable que me permite alinear todo el diseño hacia la parte izquierda o dejar, por defecto, el diseño centrado. Yo voy a dejar este diseño de forma centrada. Encontramos el área de resolución, por defecto la opción es Estándar. Sin embargo, si hacemos clic en este menú desplegable tenemos la opción HiDPI, es decir, que Muse permite que nuestros sitios web soporten dispositivos con Retina Display. Cuando seleccionamos esta opción, nosotros debemos preparar las imágenes al doble del tamaño. Por ese motivo, los sitios web quedan mucho más pesados que si utilizamos la opción estándar. Yo voy a dejar la opción por defecto que es la opción estándar. Tenemos, en la parte derecha, la opción de idioma. En mi caso, por defecto, está seleccionado el idioma español porque es el idioma en el cual está la interfaz de mi aplicación. Si nosotros tenemos la interfaz en un idioma diferente, debemos entonces asegurarnos que aquí está seleccionado español, porque este idioma hace referencia al idioma del contenido de texto que utilicemos dentro de nuestro sitio web y si lo elegimos incorrectamente, entonces el proceso de corrección ortográfica también va a ser incorrecto. Normalmente nosotros dejamos esta casilla de verificación activa que se llama Pie de página adherido. Sin embargo, en este caso en particular, nosotros necesitamos desmarcarla. Hago clic en el botón de OK y aquí tenemos ya nuestro archivo creado. Vamos entonces al menú Archivo y vamos a guardarlo, Guardar sitio, en la carpeta 'archivos' voy a guardar este sitio como 'landing- inicio'.

Muse CC práctico: Diseño de landing page

Lleva a la práctica tus conocimientos de Adobe Muse CC con este ejemplo sobre la creación de una landing page con comportamiento responsive y correctamente estructurada.

47 min (15 Videos)
Actualmente no hay comentarios.
 

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.