Muse es un programa de la familia Adobe integrado con Dreamweaver, Illustrator y Photoshop, que permite crear sitios web tan fácilmente como maquetar con InDesign para impresión.
Sin escribir código permite diseñar y publicar páginas HTML basados en los últimos estándar web y compatibles con ordenadores de escritorio, tablets y smartphones. En síntesis Adobe lo expresa así "Piense en el diseño, no en el código”.
Objetivos:
1. Planifica tu sitio:
Mapa del sitio
Páginas maestras
2. Diseñar con libertad, con herramientas familiares Adobe
Estilos de carácter, párrafo y gráficos.
Acceso a más de 400 fuentes web (Adobe Typekit)
Gestión de imágenes.
Encabezamientos y pies.
Altura de páginas dinámicos (auto-redimensiona según el contenido)
Optimización de imágenes
3. Interactividad rica:
Witgets: Auto-generar menús de navegación y galerías de imágenes personalizables.
Incluir HTML (Google Maps, YouTube…)
Hipervínculos y botones. Anclas mejoradas con transición
4. Diseño alternativos para distintos anchos de pantalla: ordenador, tablet, smartphone.
5. Integración con Adobe Edge Animate.
6. Efectos de desplazamiento: efecto Paralax animaciones interactivas en sincronizadas con la posición de la barra de scroll.
7. Publicación del sitio: tres métodos
Interficie
¿Qué es Adobe Muse y para que sirve?
Como adquirir Adobe Muse.
Interficie. Paneles. Zoom y desplazamiento. Ayuda y atajos. Cambiar idioma.
Flujo de trabajo Modos: Plan, Diseño, Previsualizar, Publicar, Gestionar.
Sitio en Muse
Configurar propiedades del sitio y propiedades de página: favicon, Metadatos para SEO (title, keywords, description).
Gestión de mapa del sitio: Creación de páginas hermanas e hijas. Reorganizar jerarquía. Eliminación. Páginas maestras y documento.
Páginas Maestras
Zonas: Relleno del navegador, contenido. Imagen de fondo y color de fondo (transparencia, degradados css3)
Guías maestras: establecer altura para zonas de encabezamiento, contenido y pie.
Diseño fluido vs. diseño fijo: fijar elementos sensibles a scroll y al pie.
Crear, duplicar nuevas páginas maestras y documento. Asignar páginas maestras a páginas del sitio.
Definir zona encabezamiento y pie.
Witget menú de navegación.
Estilos de carácter y párrafo
Colocar texto (archivos soportados).
Formato local: tamaño, interlineado, interletrado, color…
Tipos de Fuentes: web seguras, de sistema, webfonts adobe typeKit, importación de webfonts de dispositivo.
Estilos de carácter y párrafo: Asignación de etiquetas HTML a estilos. Redefinir estilos.
Imágenes enlazadas
Tipos de imagen HTML: foreground, background, favicon.
Generación de contenido gráfico desde Illustrator y Photoshop (nuevo flujo de trabajo mejora la productividad).
Colocar y multi-colocar imagen y texto.
Archivos soportados. Resolución. Colocar archivos PSD.
Transformación: Redimensionar proporcionalmente y deformar. Reencuadrar y pixels desbordados. Rotar.
Texto alternativo y tooltips.
Gestión de imágenes: Editar original. Optimizar imágenes redimensionadas. Actualizar y revincular. Estilos de carácter y párrafo. Redefinir estilo.
Contorneo. Estilos gráficos.
Importación de archivos Flash SWF.
SVG atributo alt title. Safari inspector de código (alt y title). Soporte en navegadores y servidores.
Formas y color
Marco rectangular: ancho fijo y porcentual (body).
Imagen de fondo para marcos. Mosaico (repetición) y fijar al scroll.
Color, degradados css. Muestras: almacenar, asignar nombre, herramienta cuentagotas.
Hipervínculos y botones
Hipervínculos tipos: relativos, absolutos, correo electrónico, anclas (con transición suave)
Hipervínculos aplicados a: Texto (estilos para links). Imagen. Botones con estados: PSD multicapa.
Interactividad rica
Insertar HTML: Google Maps, YouTube.
Witgets: Formulario y confirmación. Pase de diapositivas. Paneles de fichas…
Efecto de desplazamiento Paralax-scrolling: Animación interactiva de objetos, sincronizada con el desplazamiento de barra de scroll.
Bibliotecas
Recursos-online.
Re-utilización de contenido.
Diseños alternativos
Ordenador, Tablet, Móvil.
Texto sincronizado.
Integración con Edge Animate.
Publicar
Métodos de publicación: Business Catalyst. Muse como gestor FTP u otras herramientas. FTP y SFTP. Google Analytics.
En Microgestió ofrecemos de manera directa, sin trámites, un descuento en nuestros cursos para los siguientes colectivos:
15% de descuento para Estudiantes.
15% de descuento para Desempleados.
15% de descuento para Autónomos.
Además si vienes al curso con 1 amigo te ofrecemos un 5% de descuento adicional y si vienes con 2 un 10%. *
Empresas:
Realizamos los trámites necesarios para gestionar la bonificación del curso mediante la Fundación Tripartita para la Formación en el Empleo sin ningún coste adicional.
2 alumnos inscritos en el mismo curso 5% de descuento.*
3 alumnos inscritos en el mismo curso 10% de descuento. *
* Descuentos no acumulables a otras promociones.
