Adobe Muse CC - Diseña sitios web HTML5 sin escribir código

• Qué es Adobe Muse y características
• Qué no hace Muse
• Flujo de trabajo en Muse
• Ejemplos de sitios web creados con Muse
• Cómo obtener Adobe Muse
• Instalar Adobe Muse

Fundamentos del trabajo de diseño web

• Cómo se crea un sitio web
• Lenguajes básicos para diseño web
• Qué se requiere aprender
• Etapas del diseño web
• Estructura de un sitio web
• Recomendaciones generales
• Imágenes para web
• Flujo de trabajo en Muse

Interfaz de Adobe Muse

• Pantalla de bienvenida
• Preferencias
• Interfaz general
• Herramienta de selección
• Herramienta de recorte
• Herramienta de texto
• Herramientas de dibujo
• Herramientas de navegación

Crear un sitio web y trabajar con páginas en Muse

• Creación de un nuevo sitio web
• Area de planeación
• Estructura de un sitio web
• Páginas maestras
• Propiedades del sitio web
• Propiedades de las páginas
• Guías
• Agregar íconos de favoritos

Trabajar con imágenes en Muse

• Optimización de imágenes
• Importar imágenes
• Trabajar con archivos de Photoshop
• Marco contenedor
• Importar animaciones gif y oam
• Editar imágenes
• Usar imágenes como fondos
• Panel Activos
• Agregar contenido para descarga
• Soporte a Retina Display o HiDPI
• Archivos SVG
• Bibliotecas CC
• Adobe Stock

Crear y editar elementos gráficos en Muse

• Transformar objetos
• Fijar posición de objetos
• Objetos con el ancho del 100%
• Bloquear y ocultar objetos
• Agrupar elementos
• Orden de apilamiento
• Trabajo con capas
• Guías de regla
• Guías inteligentes
• Guía de control de movimiento vertical
• Panel de alineación
• Esquinas redondeadas
• Efectos
• Crear estilos gráficos
• Efectos de desplazamiento

Trabajar con texto en Muse

• Crear e importar texto en Muse
• Aplicar formato al texto
• Crear viñetas y aplicarles formato
• Fuentes estándar y fuentes del sistema
• Trabajar con fuentes web
• Uso de fuentes web locales
• Recomendaciones para fuentes web
• Estilos de párrafo
• Estilos de carácter
• Estilos de viñetas
• Ceñir texto alrededor de una imagen
• Alto mínimo de las cajas de texto
• Panel Pictogramas
• Corrector ortográfico

Trabajar con color en Muse

• Modelos de color
• Aplicación de color
• Muestras de color
• Opciones de relleno y contorno
• Degradados
• Efectos de desplazamiento de relleno
• Exportar/importar muestras de color como ASE
• Muestras de color en Bibliotecas CC

Interactividad en Muse

• Crear hipervínculos
• Estilos de hipervínculos
• Panel estados y transiciones
• Estados con imágenes
• Crear y editar menús
• Anclas
• Incrustar código HTML

Trabajar con Widgets en Muse

• Entender los Widgets
• Botón HiDPI
• Botón de estado
• Widgets de Composiciones
• Formularios de contacto
• Widgets de Paneles
• Widgets de Presentaciones de dispositivas
• Widgets para redes sociales

Crear sitios web responsive en Muse

• Sitios responsive vs sitios adaptativos
• Crear puntos de rotura o breakpoints
• Adaptar contenido del puntos de rotura para tablet
• Adaptar contenido del puntos de rotura para smartphone

Estrategias y técnicas de SEO en Muse

• Qué es y por qué se necesita el SEO
• El Sitemap
• Título, descripción y palabras clave
• Vincular estilos a etiquetas HTML
• Textos alternativos y sugerencias (tooltips) a las imágenes

Publicar y administrar un sitio de Muse

• Exportar a HTML
• Publicar a Business Catalyst
• Publicar mediante FTP
• Administración en Business Catalyst
• Edición de un sitio publicado en Business Catalyst
• Editar nuestro sitio web con In-Browser Editing
• Configurar Google Analytics

Despedida

• Despedida