Ficha de Actividad-Diseño Web

INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PÚBLICO “PERÚ JAPÓN”
FICHA DE ACTIVIDAD
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.
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 el diseño será 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 usted necesita 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
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.
7. 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.
Actividad para la casa:

 Desarrollar el plan de diseño de una página web orientada a las ventas Online.
 Traer el Diseño completo de la página Maestra

Ficha de Actividad-Diseño Web

Cargado por

Copyright:

Formatos disponibles

Ficha de Actividad-Diseño Web

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Ficha de Actividad-Diseño Web

Cargado por

Copyright:

Formatos disponibles

INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PÚBLICO “PERÚ JAPÓN”

Se mostrará un cuadro de diálogo con algunas opciones de configuración.

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

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

Pulse ESCAPE y seleccione el cuadro de texto con la herramienta de selección

A continuación, seleccione una de las cajas en el menú y en el panel de color para

Seleccione la etiqueta dentro del menú y cambiar el tipo de letra en la barra de

Seleccione la imagen y el cuadro de texto y agruparlos usando Comando-G o el

Rellene los detalles de su proveedor de terceros y clic en Aceptar y el Adobe Muse

Actividad para la casa:

También podría gustarte