Cómo crear una página de inicio personal simple utilizando Adobe Muse

Hay dos etapas principales involucradas en el proceso de diseño del sitio web. El primero es diseñar el aspecto de las páginas y el segundo es traducir el diseño al producto real: las páginas web. La primera etapa requiere habilidades de diseño, mientras que la segunda etapa requiere conocimientos de codificación. El problema es que encontrar un individuo que tenga ambas habilidades es difícil..

Para aquellos que tienen mejores ojos para el diseño (y no tienen interés en la codificación), hay Muse de Adobe. La compañía afirma que esta aplicación multiplataforma de AIR puede ayudar a cualquier persona a diseñar y publicar sitios web HTML sin tener que escribir ningún código..

Comience a planificar su página de destino personal

Una pregunta antes de comenzar. ¿Por qué alguien usaría una herramienta de construcción web como Muse cuando puedes usar WordPress y sus temas? La respuesta es “personalización”. Aunque hay literalmente miles de temas de WordPress por ahí, personalizando el tema para De Verdad encajar nuestras necesidades es dificil Otra razón es que el uso de un sistema de base de datos avanzado de WordPress para un sitio simple y lineal sería excesivo.

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

Para comprender mejor cómo funciona Muse, intentemos usarlo para crear una página de aterrizaje personal simple Cinco consejos para crear una página de aterrizaje personal de aspecto atractivo Cinco consejos para crear una página de aterrizaje personal de aspecto atractivo Flavorsme - Cree su propia página web personalizada gratuita Flavorsme - Cree su propia página web personalizada gratuita Leer más o About.me. Comience por elegir “Crear nuevo sitio” Desde la ventana de inicio o desde el menú Archivo..

• Luego se le pedirá que personalice su sitio seleccionando el ancho de la página, el número de columnas, márgenes, etc..

• El primer paso para construir un sitio web es decidir cuántas páginas tendrá y cuál es la relación entre las páginas. Puede agregar, eliminar y reorganizar fácilmente páginas en el “Plan” ventana.

• Haga clic en el “+ (más)” botón para agregar, y el “X” botón para cerrar. Haga clic en el nombre de la página para cambiar el nombre, luego arrastre y suelte para reorganizar.

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

Empezar a construir

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

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

• Para construir nuestra página de destino personal, cambiemos el fondo insertando una imagen. Puedes personalizar la imagen cambiando la escala y la posición.

• A continuación, agreguemos un menú de navegación seleccionándolo en el panel de widgets, luego arrastrándolo y soltándolo en la página web.

• Puede personalizar el menú de navegación utilizando la “Opciones“. Haga clic en la pequeña flecha azul para invocar la ventana de Opciones.

• También puede cambiar la apariencia del texto (tipo, color, tamaño) usando la “Texto” pestaña en los paneles de la derecha.

• Luego, puede agregar Textos y Rectángulos usando las herramientas en la barra de herramientas. Arrastre estos elementos a la posición que desee y personalícelos a través de los paneles de la derecha. Para agregar enlaces externos (u otros elementos HTML), use la “Insertar HTML” menú bajo “Objeto“.

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

• Similar a los otros elementos, el código HTML insertado es altamente personalizable. Desafortunadamente, todavía no podemos cambiar el color del enlace. Esperemos que esta característica aparezca en una versión futura de la aplicación..

• Una vez que todo está configurado, puede ver el resultado haciendo clic en el botón “Avance” enlazar.

El último paso

• Una vez que todo esté listo, estará listo para poner su sitio en la web. Para hacer eso, usa el “exportar como HTML” menú bajo “Expediente“.

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

• Si desea adjuntar su página de destino personal a una URL que ya posee, use un cliente FTP decente Los 3 mejores clientes FTP gratuitos para Windows Los 3 mejores clientes FTP gratuitos para Windows FTP es un método útil para compartir archivos y el método de acceso. para subir archivos a un servidor web. Aquí están los mejores clientes FTP que puedes tomar gratis. Lea más para cargar todo dentro de la carpeta a su cuenta de alojamiento web. Dado que diferentes proveedores de alojamiento utilizan diferentes configuraciones, consulte a su proveedor de alojamiento sobre esto.

Este breve experimento nos ha demostrado que crear una página de destino personal con Muse es tan simple como agregar y personalizar elementos. Pero Muse también es capaz de crear sitios más complicados con varias páginas. Hay muchos ejemplos de sitios web que muestran lo que Muse puede hacer en su “Escaparate” página. Para aprender más sobre Muse, puedes visitar sus “Aprender” página.

¿Qué piensas de Muse? ¿Probarás esta herramienta para ayudarte a construir tu sitio web? Comparte tus pensamientos en los comentarios a continuación.

Explore más acerca de: Adobe Air, diseño web, desarrollo web, herramientas para webmasters.