1.
Nuevo sitio
Al iniciar el software por primera vez despus de la instalacin, se le present con
una pantalla de bienvenida. La pantalla de bienvenida le permite crear un nuevo
sitio y abrir sitios abiertos recientemente. Qu se va a hacer es crear un nuevo
sitio.
Youll se mostrar un cuadro de dilogo con algunas opciones de configuracin.
La nueva actualizacin que Adobe Muse haba recibido le permite crear tres
diseos: diseo de escritorio, tabletas y mviles. Esto permite al diseador para
crear un sitio web que responde al dispositivo que est viendo. Esto se conoce
como Diseo Web Sensible o RWD. En nuestro tutorial tambin se busca en la
creacin de una versin de escritorio
Lo invitamos a explorar las opciones que estn ah, y as slo cambiar una y esa
es la altura mnima a 600 pero mantener todos los dems de la misma y haga clic
en Aceptar.
2. El Plan
En esta seccin, tenemos previsto el nmero de pginas que tenemos y cmo se
relacionan entre s. Bueno ser el diseo de 8 pginas y la pgina tutorial tendr 2
subpginas, en el artculo 1 y el artculo 2. Para agregar pginas haciendo clic en
el botn [] a la derecha de la pgina principal. Si youd como para aadir
subpginas entonces stos se aaden en el [] en la parte inferior de la pgina.
Seguir adelante y aadir las pginas que siguen a la derecha de la pgina
principal: Cmo funciona, Precios
Youll tambin se dio cuenta de que Muse ha aadido una pgina adicional en la
parte inferior se llama Maestro. Bueno estar usando la pgina principal de
controlar el diseo predeterminado para todas las pginas de aqu.
3. La pgina maestra
Haga doble clic en la pgina maestra en proyeccin horizontal y esto te lleva a la
vista Diseo. Aqu, adems agregar el encabezado y pie de pgina. Adems, el
men se ve aqu.
En primer lugar, y aadir un fondo negro en el encabezado. Utilice la herramienta
Rectngulo(m) en la parte superior y haga clic y arrastre para dibujar un
rectngulo del tamao de la parte superior de la cabecera de borde a borde. A
continuacin, elija un relleno de Negro y cambiar la carrera a 0.
A continuacin le damos una imagen, vaya a Archivo-
No necesitamos la casa en el men y wed que cambiar el color, la posicin y las
opciones del men. En primer lugar, vamos a retirar el inicio en el men. Volver a
Plan en la parte superior y haga clic derecho la pgina de inicio y seleccione
Propiedades de la pgina ...
Mantenga todas las opciones de los mismos y cambiar las opciones de men para
excluir la pgina de mens. Luego regresa a la ficha A-Master o haga doble clic en
Maestro de nuevo para volver a disear. En el extremo izquierdo, ajuste la gua de
cabecera para que coincida con la parte inferior del rectngulo negro
4. Pie de pgina
Crear un cuadro de texto con la herramienta de texto y escriba (o copie y pegue) el
texto en el cuadro. A continuacin, hay que formatearlo. Para formatearlo, usted
ver una opcin de texto en la barra superior o el youll ver una opcin para
cambiar el tipo de letra, tamao y color. Theyll tambin ver algunas opciones de
estilo de prrafo. Se va a definir que el texto Helvetica, tamao 12 y ajuste el lder
de 160%. Seleccione la primera lnea y cambiarla a negrita, haga clic en el Bold T
en la barra de aplicaciones
Pulse ESCAPE y seleccione el cuadro de texto con la herramienta de seleccin
(acceso directo V) y en la barra de aplicaciones en la parte superior, que el cuadro
de texto de un objeto de pie de pgina. Tambin ajuste la gua de pie de pgina
sobre el cuadro de texto.
5. Men
Cambiar el tamao del men para ajustar el ancho de la pgina.
A continuacin, seleccione una de las cajas en el men y en el panel de color para
cambiar el color naranja para que coincida con el logotipo. Usted puede utilizar el
selector de color en el panel de escoger el color del logotipo.
Seleccione la etiqueta dentro del men y cambiar el tipo de letra en la barra de
aplicaciones en la parte superior. Elija Helvetica tamao 16.
A la derecha del men, usted ver un crculo azul con un tringulo blanco. Cuando
vea que le permite cambiar las opciones del men. Cambiar el men para mostrar
todas las pginas del men para tipo y dejar todas las dems opciones
6. Pgina de inicio
Volver a planificar y hacer doble clic en la pgina de inicio. En primer lugar as
colocar una bandera que se adapte a la anchura de la pgina. Archivo-
Seleccione la imagen y el cuadro de texto y agruparlos usando Comando-G o el
objeto-G.
Bueno, copie y pegue para que tengamos otra copia y la colocamos a la izquierda
de la misma. A continuacin, seleccione el grupo original y la copia, y copiar los
dos. Esto debe darle 4 pares Imagen / Descripcin y colocar el ltimo 2 por debajo
de ellos para crear una cuadrcula.
8. Subir
Hay un par de maneras que usted puede cargar su sitio cuando est terminado. El
primero es el uso de Adobe Business Catalyst que se incluye con el paquete
Creative Cloud o alojarlo con su proveedor de hosting a travs de FTP. La primera
opcin, Business Catalyst se encarga de todos los parmetros tcnicos y de
alojamiento y proporciona un mtodo sencillo de cargar y mantener su sitio actual.
Para utilizar Business Catalyst, haga clic en el botn publicar y rellenar los datos
que se haban inscrito su sitio Business Catalyst y el resto est hecho para usted.
La otra opcin es FTP, que es el mtodo ms popular, ya que usted elija y
proporcione su propio alojamiento. Hay miles de proveedores de alojamiento y de
firmar con un proveedor de hospedaje de terceros y theyll le proporcionan los
detalles. Una vez que tenga los detalles que usted haga clic en Archivo-
Rellene los detalles de su proveedor de terceros y clic en Aceptar y el Adobe Muse
subirlo al servidor FTP.
9. Conclusin
Se puede ver que hemos conseguido crear la mayor parte de la pgina y que no
escribir una palabra de cdigo. Adobe Muse se encarga de todos los aspectos
tcnicos y le permite concentrarse slo en el diseo. Slo aadido contenido a la
pgina de inicio, pero una vez que hayas creado la pgina en la etapa del Plan y
visto cmo disear una pgina (Pgina de inicio) y luego aadir el resto del
contenido es el mismo. Sabemos que todas las pginas de enlace entre s como
wed probado en Vista previa y en el navegador. As que desde la planificacin
hasta el diseo de Vista previa y publicacin de nuestro sitio, podemos ver que el
proceso es tan simple como un-dos-tres.
Recomendaciones
Medidas para paginas
Las medidas de la paginas tiene que ver con la resolucin de las pantallas (siempre con el ancho,
lo largo no importa), entonces si el ancho es de 1000px, a una persona de 800 x 600 no se le va a
ver la pagina completa por eso es importante.
Aunque ya no hay mucha gente que todava use esa resolucin Yo en mi pgina uso un ancho de
900.
Recomendacin: usar de 800px por el alto que se necesite, y tambin recomiendo no
pasarse de los 1024px por que la mayora usa 1024x768 (creo yo).
Pgina Maestra
Bueno en las pginas maestras todo lo que pones ah aparecer en las dems pginas.
Recomendacin: poner todo lo que quieras que aparezca en todos la paginas (tambin se
puede desactivar haciendo clic derecho en la pagina, En pagina maestra ---> Sin pagina
maestra).
Relleno del Navegador y Relleno
Esto ya de pende de ustedes como quieran hacer su web y las medidas. El relleno del navegador
seria cuando la pantalla es mas grande que el relleno, y si le sacas el relleno queda el relleno del
navegador.
Recomendaciones no hay para esto, por que es depende de como les guste a ustedes.
Ejemplo:
Tutoriales
Sacar Relleno y poner Relleno del Navegador
Para sacar el relleno de una pgina:
Para poner relleno de navegador:
1- Clic en Relleno del Navegador ---------> Clic en el signo de abrir imagen
2- Elegir la imagen, clic en abrir ---------> Y seleccionar de Tamao Original a
Mosaico
Colocar un psd en Muse
1- En el psd tienen que tener 3 capas: [Link], [Link] (pasar el mouse por
arriba), [Link]
2- Ir a Archivo ----> Colocar botn de Photoshop
Insertar Formulario PHP en Muse
1- Tener el formulario y editarlo para que llegue el mensaje a su correo.
2- Entras a [Link] o el hosting que tengas vas a Sub Domino.
3- Creas el sub dominio.
4- Vas a FileZilla o el programa que uses para subir los archivos entras todo en
public_html, contacto y pegas los archivos.
4- En Muse pones Insertar HTML ------>
<iframe src=el subdomimio" frameborder="0" iframe scrolling="NO" width="100%"
height="580">.
Poner favicon con Muse
1- Clic derecho sobre la pagina maestra -----> Y elegi una imagen .
PD: La imagen debe ser cuadrada si o si.