 Cómo crear una página web sin código

mediante Adobe Muse

Check out our HTML and CSS: Quicklook Guide course!

3. Setting Up Your Environment

9. A Look at Structure

16. Introducing Hypertext

Adobe Muse es una gran adición a Adobes Creative Suite. Adobe Muse es parte
de la Creative Cloud y se puede obtener como parte de la suscripción Nube de
Creative Suite, o bien puede suscribirse a Adobe Muse independiente.
Alternativamente, si youd gustaría seguir a lo largo de este tutorial y usted no
tiene una copia de Adobe Muse, puede descargar una prueba del sitio web
Adobes .

Si usted es un diseñador de impresión o nueva para diseñar en conjunto,

entonces esta herramienta es una buena manera de conseguir que la
construcción de sitios de forma rápida y con poco ruido. Que comparte muchas
de las características de otros paquetes de Adobe y sus más cercanos a Adobe
InDesign. Así que si usted ha InDesign utilizado en el pasado youre mitad del
camino con el conocimiento del software. La ventaja de usar Muse sobre otro
software de creación de páginas web es que no hay ningún código para aprender
o escribir. El software se encarga de ello para usted y los implementos y diseña
el sitio usando una interfaz gráfica de usuario. También se toma una gran
cantidad de la interactividad cargo de algo que se llama los widgets que también
miran con mayor detalle más adelante.

En este tutorial, Il le muestre la forma de planificar, diseñar, previsualizar y luego

publicar su sitio en la web. Pues mira a la creación de una versión más simple
del sitio macProVideo.

1. Nuevo sitio
Al iniciar el software por primera vez después de la instalación, 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 diálogo con algunas opciones de configuración.

La nueva actualización que Adobe Muse había recibido le permite crear tres
diseños: diseño de escritorio, tabletas y móviles. Esto permite al diseñador para
crear un sitio web que responde al dispositivo que está viendo. Esto se conoce
como Diseño Web Sensible o RWD. En nuestro tutorial también se busca en la
creación de una versión de escritorio
Lo invitamos a explorar las opciones que están ahí, y así sólo cambiar una y esa
es la altura mínima a 600 pero mantener todos los demás de la misma y haga
clic en Aceptar.

2. El Plan
En esta sección, tenemos previsto el número de páginas que tenemos y cómo
se relacionan entre sí. Bueno ser el diseño de 8 páginas y la página tutorial tendrá
2 subpáginas, en el artículo 1 y el artículo 2. Para agregar páginas haciendo clic
en el botón [] a la derecha de la página principal. Si youd como para añadir
subpáginas entonces éstos se añaden en el [] en la parte inferior de la página.
Seguir adelante y añadir las páginas que siguen a la derecha de la página
principal: Cómo funciona, Precios

Youll también se dio cuenta de que Muse ha añadido una página adicional en la
parte inferior se llama Maestro. Bueno estar usando la página principal de
controlar el diseño predeterminado para todas las páginas de aquí.
3. La página maestra
Haga doble clic en la página maestra en proyección horizontal y esto te lleva a
la vista Diseño. Aquí, además agregar el encabezado y pie de página. Además,
el menú se ve aquí.

En primer lugar, y añadir un fondo negro en el encabezado. Utilice la herramienta

Rectángulo (m) en la parte superior y haga clic y arrastre para dibujar un
rectángulo del tamaño de la parte superior de la cabecera de borde a borde. A
continuación, elija un relleno de Negro y cambiar la carrera a 0.
A continuación le damos una imagen, vaya a Archivo-

No necesitamos la casa en el menú y wed que cambiar el color, la posición 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 página de inicio y seleccione
Propiedades de la página ...
Mantenga todas las opciones de los mismos y cambiar las opciones de menú
para excluir la página de menús. Luego regresa a la ficha A-Master o haga doble
clic en Maestro de nuevo para volver a diseñar. En el extremo izquierdo, ajuste
la guía de cabecera para que coincida con la parte inferior del rectángulo negro
4. Pie de página
Crear un cuadro de texto con la herramienta de texto y escriba (o copie y pegue)
el texto en el cuadro. A continuación, hay que formatearlo. Para formatearlo,
usted verá una opción de texto en la barra superior o el youll ver una opción para
cambiar el tipo de letra, tamaño y color. Theyll también ver algunas opciones de
estilo de párrafo. Se va a definir que el texto Helvetica, tamaño 12 y ajuste el
líder de 160%. Seleccione la primera línea 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 selección

(acceso directo V) y en la barra de aplicaciones en la parte superior, que el
cuadro de texto de un objeto de pie de página. También ajuste la guía de pie de
página sobre el cuadro de texto.
5. Menú
Cambiar el tamaño del menú para ajustar el ancho de la página.
A continuación, 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 tamaño 16.

A la derecha del menú, usted verá un círculo azul con un triángulo blanco.
Cuando vea que le permite cambiar las opciones del menú. Cambiar el menú
para mostrar todas las páginas del menú para tipo y dejar todas las demás
opciones
6. Página de inicio
Volver a planificar y hacer doble clic en la página de inicio. En primer lugar así
colocar una bandera que se adapte a la anchura de la página. 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 continuación, seleccione el grupo original y la copia, y copiar los
dos. Esto debe darle 4 pares Imagen / Descripción y colocar el último 2 por
debajo de ellos para crear una cuadrícula.

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 través de FTP. La
primera opción, Business Catalyst se encarga de todos los parámetros técnicos
y de alojamiento y proporciona un método sencillo de cargar y mantener su sitio
actual. Para utilizar Business Catalyst, haga clic en el botón publicar y rellenar
los datos que se habían inscrito su sitio Business Catalyst y el resto está hecho
para usted.

La otra opción es FTP, que es el método más 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. Conclusión
Se puede ver que hemos conseguido crear la mayor parte de la página y que no
escribir una palabra de código. Adobe Muse se encarga de todos los aspectos
técnicos y le permite concentrarse sólo en el diseño. Sólo añadido contenido a
la página de inicio, pero una vez que hayas creado la página en la etapa del Plan
y visto cómo diseñar una página (Página de inicio) y luego añadir el resto del
contenido es el mismo. Sabemos que todas las páginas de enlace entre sí como
wed probado en Vista previa y en el navegador. Así que desde la planificación
hasta el diseño de Vista previa y publicación de nuestro sitio, podemos ver que
el proceso es tan simple como un-dos-tres.