Cómo crear una simple página de aterrizaje personal usando adobe muse

Hay dos principales etapas involucradas en el proceso de diseño de sitios web. La primera es el diseño de la apariencia de las páginas y el segundo es traducir el diseño en el producto real - las páginas web. La primera etapa requiere habilidades de diseño, mientras que la segunda etapa precisa de los conocimientos de codificación. El problema es, la búsqueda de una persona que tiene habilidades tanto es difícil.

Para aquellos que tienen mejores ojos para el diseño (y ningún interés en la codificación), hay musa de Adobe. La compañía afirma que este multiplataforma AIRE aplicación puede ayudar a nadie a diseñar y publicar páginas web HTML sin tener que escribir ningún código en absoluto.

Comience a planear su aterrizaje Página Personal

Una pregunta antes de comenzar. ¿Por qué alguien use una herramienta de creación de web como Muse cuando se puede usar WordPress y sus temas en su lugar? La respuesta es “personalización”. A pesar de que hay literalmente miles de temas de WordPress por ahí, personalizando el tema de De Verdad adaptarse a nuestras necesidades es difícil. Otra razón es que el uso de un sistema de base de datos avanzada de WordPress para un sitio simple y lineal sería una exageración.

Puede descargar desde el sitio web de la musa. Está disponible de forma gratuita hasta el lanzamiento v.1.0 a principios de 2012. La aplicación funciona en Windows y Mac, pero requiere que el sistema tenga instalado AIR.

Para entender mejor cómo funciona Muse, vamos a tratar de utilizarlo para crear un simple página personal de aterrizaje, algo a lo largo de las líneas de Flavors.me o Sobre mi. Comience eligiendo “Crear nuevo sitio”De la ventana de inicio o desde el menú Archivo.Cinco consejos para crear un lugar fresco buscando Landing Página PersonalCinco consejos para crear un lugar fresco buscando Landing Página PersonalLee mas

• A continuación, se le pedirá a personalizar su sitio mediante la elección del ancho de la página, el número de columnas, márgenes, etc.

• El primer paso en la construcción de un sitio web es decidir cuántas páginas tendrá y cuál es la relación entre las páginas. Usted puede fácilmente añadir, eliminar y reordenar las páginas en el “Plan" ventana.

Vídeo: #DimeLuis - Cómo crear una página de aterrizaje

• Haga clic en el "+ (Más)”botón para añadir, y el“xbotón”para cerrar. Haga clic en el nombre de la página para cambiar el nombre, a continuación, arrastrar y soltar para reorganizar.

Vídeo: Como crear una landing page o pagina de aterrizaje

• En la parte inferior de la página, se puede ver la página A-Master. Esta es la plantilla que se utiliza en todo su sitio. Así que si hay elementos que desea mantener en todas sus páginas, sería mucho más fácil si se definen los elementos en A-Maestro en lugar de repetir una y otra vez.

Iniciar la construcción

• Si hace doble clic en una de las páginas, que se abrirá en una nueva pestaña. Usted puede comenzar a construir y diseñar las páginas utilizando las herramientas en la barra de herramientas superior.

• Otras herramientas que le ayudarán a lo largo del proceso de diseño son el “paneles" a la derecha. Puede mostrar u ocultar estos paneles a través del menú Ventana.

• Para construir nuestra página personal de aterrizaje, vamos a cambiar el fondo mediante la inserción de una imagen. Puede personalizar la imagen al cambiar la escala y la posición.

Vídeo: Aprende a crear una Landing Page con Adobe Muse

• A continuación, vamos a añadir un menú de navegación escogido desde el panel de widgets, a continuación, arrastrar y soltar en la página web.

• Puede personalizar el menú de navegación a través del “opciones“. Haga clic en la pequeña flecha azul de invocar la ventana Opciones.

• También puede cambiar el aspecto del texto (tipo, color, tamaño) utilizando el “Texto”Pestaña en los paneles de la derecha.

• A continuación, puede añadir textos y rectángulos utilizando las herramientas de la barra de herramientas. Arrastrar estos elementos a la posición que desea, y personalizarlos a través de los paneles de la derecha. Para agregar enlaces externos (u otros elementos HTML), el uso “Insertar HTML”Menú“Objeto“.

• Anote el código HTML de los enlaces en la ventana emergente y haga clic en Aceptar para agregarlo al sitio.

• Al igual que en los otros elementos, el código HTML introducido es altamente personalizable. Por desgracia, todavía no se puede cambiar el color de los enlaces. Con suerte esta función aparecerá en una versión futura de la aplicación.

• Después de que todo está listo, se puede ver el resultado haciendo clic en el “Avance”Enlace.

El último paso

• Después de que todo está listo, ya está listo para poner su sitio en la web. Para ello, utilice el “exportación como HTML”Menú“Archivo“.

• Decidir sobre la ubicación para guardar el proyecto y haga clic en “Exportar”.

• Si desea adjuntar a su página personal de aterrizaje a una URL que ya posee, utilizar cualquier decente cliente FTP para cargar todo dentro de la carpeta a su cuenta de hospedaje web. Dado que los diferentes proveedores de alojamiento utilizan diversos ajustes, consulte a su proveedor de alojamiento sobre esto.

Este breve experimento nos ha demostrado que la creación de una página de destino personal a través de Muse es tan simple como añadir y elementos de personalización. Pero Muse también es capaz de crear sitios más complicados con múltiples páginas. Hay muchos ejemplos de sitios web que muestran lo que Muse puede hacer por su “Escaparate" página. Para obtener más información sobre Muse, se puede visitar su “Aprender" página.

¿Qué opinas sobre Muse? Va a tratar esta herramienta para ayudarle a construir su sitio web? Comparte tu opinión en los comentarios a continuación.