Sígueme si te gustan mis post y mis shouts.
Tienes alguna duda ¿? Mándame un
Necesitamos tener instalado Adobe Muse. Si no lo tienes dale clic en la imagen y accede a su descarga.
Si quieres crear sitios web pero lo tuyo no es programar, tus plegarias han sido escuchadas. Muse es una aplicación que Adobe acaba de anunciar en versión beta (la versión final se espera para los primeros meses del 2012) la cual permite crear sitios web completos bajo estándares actuales (HTML5, CSS3, JS, etc) sin necesidad de escribir ni una sola línea de código de ningún tipo.
Muse está desarrollado para que cada herramienta y función genere código estandarizado y actualizado (HTML5, CSS3, JS, etc) el cual a su vez es más fácil de crear que en las versiones anteriores. Otras herramientas como Fireworks están diseñadas originalmente para crear elementos visuales y porteriormente se le agregó la capacidad de generar código mediante exportación el cual no sirve para la producción final.
¿Con qué navegadores son compatibles los sitios web creados con Muse?
Firefox 4.0, 5.0, 6.0 y 7.0 para Mac y Windows
Internet Explorer 7, 8 y 9 para Windows
Safari 5 para Mac
Chrome para Windows
Firefox 4.0, 5.0, 6.0 y 7.0 para Mac y Windows
Internet Explorer 7, 8 y 9 para Windows
Safari 5 para Mac
Chrome para Windows
Pantalla de Inicio
Al dar clic en Crear nuevo "Sitio"
Nos direccionará a esta pantalla:
Al dar clic en OK, aparecerá lo siguiente:
Rojo: La barra de navegación entre Plan, Diseño, Previsualizar y Publicar.
Azul: Cómo nuestro Website va a estar organizado.
Le damos clic en Diseño
Clic en Nuevo Sitio
Clic en OK
Clic en Diseño
1. Seleccionamos la herramienta rectángulo.
2. Dibujamos un rectángulo.
3. La rellenamos con cualquier color en este caso azul.
Pulsamos Ctrl+D para abrir una imagen
Seleccionamos la imagen que queramos y le damos clic en abrir
En este caso elegí el logo de Taringa!
Alineamos la imagen donde queramos
1. Seleccionamos la herramienta texto.
2. Dibujamos un cuadro y escribimos algo footer.
3. Le damos formato.
Insertamos algo en el body en este caso una imagen y texto.
*Nótese que se puede añadir sombra, biselado o resplandor. Yo le añadí una sombra.
Le voy a añadir un Widget de Twitter. Los que deseen pueden ir a este link para su widget.
Copiamos el código.
Al pulsar Ctrl+V
Vemos como Muse interpreta el código gráficamente para hacerlo más fácil.
Movemos el Widget al lugar donde queramos.
Damos clic en Plan y creamos otra página a la derecha.
Vamos a insertar una presentación.
En el lado derecho elegimos la presentación que queramos y la arrastramos hacia el body.
Pulsamos Ctrl+D
Y elegimos las imágenes de la presentación.
Le damos clic en abrir, ya tenemos nuestra presentación.
En el lado derecho elegimos la presentación que queramos y la arrastramos hacia el body.
Pulsamos Ctrl+D
Y elegimos las imágenes de la presentación.
Le damos clic en abrir, ya tenemos nuestra presentación.
Nos queda insertar la Navbar.
Nos vamos a la Home.
1. Escogemos un menú.
2. Lo arrastramos al lugar donde queramos.
Nos resta previsualizarlo.
Una vez constatado que funciona lo exportaremos a HTML.
Vamos a Archivo Exportar como HTML o Ctrl+E
Lo guardamos donde queramos:
En este caso en el escritorio.
Y efectivamente constatamos los archivos que se han creado. Nos quedaría subir nuestros archivos al servidor.
Espero que les haya gustado, esta es una pequeñísima muestra del potencial de este software.
Lo guardamos donde queramos:
En este caso en el escritorio.
Y efectivamente constatamos los archivos que se han creado. Nos quedaría subir nuestros archivos al servidor.
Espero que les haya gustado, esta es una pequeñísima muestra del potencial de este software.