Diseña sitios web en HTML5 con Adobe Muse CC sin programar

Aprende a crear sitios web multi-screen (para desktops, tablets y smartphones) en HTML5, CSS3 y JavaScript sin programar
4.6 (88 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
606 students enrolled
$20
Take This Course
  • Lectures 129
  • Contents Video: 12 hours
  • Skill Level All Levels
  • Languages Spanish
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 4/2013 Spanish

Course Description

Hola, este es un curso que fue grabado con una versión anterior a Adobe Muse CC, te recomiendo que compres la versión actualizada que se llama "Adobe Muse CC - Diseña sitios web HTML5 sin escribir código". Lo puedes buscar usando el buscador de Udemy o en Google.

En éste curso grabado por un "Adobe Certified Expert - Muse" aprenderás a crear sitios web multi-screen (para desktops, tablets y smartphones) basados en estándares actuales (HTML5, CSS y JavaScript) y sin necesidad de escribir una sola línea de código.

El curso cubre desde los aspectos más básicos hasta los más avanzados de la aplicación y finaliza con un taller práctico donde crearemos un sitio web que se verá correctamente en cualquier dispositivo y el cual será publicado en un hosting independiente y en el servicio donde incluso mostraremos cómo configurar un dominio personalizado.

Aunque te recomiendo ver el curso en orden, también puedes ver directamente los talleres prácticos y revisar en los primeros capítulos los conceptos de los cuales tengas dudas. Las secciones que lo requieren tienen archivos para descarga con los cuales podrás replicar los ejercicios y talleres de este curso.

A éste curso le estaré agregando permanentemente todas las novedades agregadas por Adobe para mantenerlo actualizado a las últimas capacidades y características de Adobe Muse.

Si deseas contratar éste u otro curso para un grupo empresarial o universidad de forma presencial u online puedes contactarme desde el sitio web de Xpert o por mensaje privado desde mi perfil de Udemy.

Última actualización de este curso: Agosto 13 de 2014

What are the requirements?

  • Dominio del computador (mac o pc)
  • Tener instalado Adobe Muse en su computador. Puedes usar una versión trial (30 días de prueba) descargándola de ésta URL: http://www.adobe.com/go/trymuse/

What am I going to get from this course?

  • Realizar la planeación de un sitio web
  • Crear un sitio web de aspecto profesional con Adobe Muse
  • Crear versiones del sitio web optimizadas para tablets y smartphones
  • Usar widgets para crear contenidos interactivos en Muse
  • Usar en Muse imágenes, animaciones de Flash y animaciones de Edge Animate
  • Utilizar mejores prácticas de SEO dentro de Muse para que tu sitio web pueda ser encontrado mediante buscadores
  • Publicar un sitio web en un hosting independiente y/o en el servicio Adobe Business Catalyst

What is the target audience?

  • Diseñadores gráficos sin experiencia en diseño web ni conocimiento de HTML y CSS
  • Diseñadores web que quieran usar una herramienta que les permita crear de forma rápida sitios web de alto impacto visual
  • Programadores que quieran usar una herramienta gráfica para crear sitios web que posteriormente podrán modificar mediante un editor web
  • Cualquier persona que desee sitios web basados en estándares actuales (HTML5, CSS y JavaScript) y multi-screen (para desktops, tablets y smartphones) sin necesidad de escribir una sola línea de código

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Conceptos básicos
01:41
En este video explicamos qué es Adobe Muse y sus características principales
04:14
En este video explicamos cómo obtener Adobe Muse comprando una suscripción o descargando una versión de prueba
02:37

En este video mostramos cómo instalar Adobe Muse desde el servicio Creative Cloud

03:01
En este video mostramos cómo iniciar Adobe Muse y cambiar el idioma de su interfaz
Section 2: Fundamentos del flujo de trabajo web
05:47
En este video mostramos el flujo de trabajo web tradicional
04:27

En este video hablamos de los archivos externos que suelen usarse en el flujo de trabajo web y de alguna generalidades

02:14
En este video hablamos sobre el flujo de trabajo web con Adobe Muse
Section 3: Interfaz de Muse
07:41

En este video conoceremos la interfaz de Adobe Muse

04:36

En este video conoceremos las principales de las herramientas de Adobe Muse.

04:18
En este video explicamos de forma más específica el uso de la herramienta de Selección
03:29
En este video explicamos de forma más específica el uso de la herramienta Rectángulo
03:42
En este video explicamos cómo cambiar el nivel de zoom mediante la herramienta Zoom o con los menús o atajos de teclado
05:50
En este video mostramos y explicamos las diferentes preferencias de Adobe Muse
Section 4: Trabajo con páginas
07:11
En este video mostramos las diferentes opciones a configurar cuando creamos un nuevo sitio web con Muse
08:12
En este video mostramos cómo crear la estructura de un sitio web
09:25
En éste video explicamos el trabajo con las páginas maestras las cuales automatizan el uso de estructuras repetitivas
04:06
En este video explicamos y mostramos cómo configurar las propiedades del sitio y las propiedades de páginas independientes
04:23
En este video mostramos cómo modificar el formato de maquetación del sitio web en general y de páginas independientes
06:07
En este video mostramos cómo agregar información de metadatos a las páginas que hacen parte del sitio web
03:50
En este video mostramos cómo agregar íconos de favoritos (favicon) a las páginas nuestros sitio web
06:22
En este video mostramos cómo agregar información adicional a las páginas como nombre y título de la página
04:19
En este video mostramos cómo trabajar con las Guías de páginas (relleno, encabezado, pie de página, etc)
05:02
En este video mostramos cómo trabajar con encabezados y pie de páginas
Section 5: Trabajar con imágenes en Muse
07:24
En este video explicamos y mostramos el proceso de optimización de imágenes desde Photoshop
05:02
En este video mostramos cómo importar imágenes en la páginas web con Muse
03:26

En este video mostramos cómo importar animaciones en los formatos gif y swf (flash)

03:50
En este video mostramos cómo publicar una animación de Edge Animate y cómo importarla en una página de Muse
08:15
En este video mostramos cómo podemos editar imágenes dentro de Muse
06:48
En este video mostramos cómo usar imágenes como fondos de elementos y como fondos de la página
06:14
En este video mostramos cómo trabajar con el Panel Activos y con las diferentes opciones del mismo
06:14
En este video mostramos cómo controlar la resolución de las imágenes dentro de Muse
03:59
En éste video mostramos cómo incrustar imágenes con Muse como proceso opuesto a la vinculación
02:31
En este video mostramos cómo agregar texto Alternativo a las imágenes para mejorar el SEO del sitio
02:40
En este video mostramos cómo agregar contenido al sitio web para descarga mediante links
05:54
En este video mostramos cómo trabajar con archivos .psd de Photoshop
Section 6: Trabajar con elementos gráficos en Muse
03:35
En este video mostramos cómo transformar objetos en Muse
03:53
En este video mostramos cómo bloquear y ocultar objetos en Muse
05:30
En este videos mostramos cómo agrupar elementos, trabajar con esos grupos y desagruparlos
04:34
En éste video explicamos el concepto de apilamiento de objetos y mostramos cómo modificarlo
15:23
En este video mostramos cómo trabajar con capas (crear, administrar, borrar, etc)
05:53
En este video mostramos cómo trabajar con las Guías de regla
03:36
En este video mostramos cómo trabajar con Guías inteligentes para alinear objetos fácilmente
08:47
En este video mostramos cómo usar el Panel Alinear para alinear y distribuir objetos fácilmente en Muse
04:53
En este video explicamos cómo aplicar esquinas redondeadas a elementos dentro de Muse
07:42
En este video explicamos cómo aplicar diferentes efectos como sombras y biseles a los objetos dentro de Muse
07:59
En este video mostramos cómo crear y aplicar estilos gráficos para agilizar el proceso de aplicación de formato a los objetos
06:03
En este video mostramos cómo configurar objetos para que cubran el 100% del ancho del navegador
02:56
En este video mostramos cómo fijar objetos en una posición del navegador para que no se desplacen en el momento en que se desplaza toda la página web
09:26
En este video mostramos cómo aplicar movimientos de desplazamiento (efecto parallax) en rellenos
06:48
En este video mostramos cómo aplicar movimientos de desplazamiento (efecto parallax) en objetos
Section 7: Trabajar con texto
04:13
En este video mostramos el proceso de traer texto externo a Muse en formato txt
10:12
En este video mostramos cómo aplicar formato al texto en Muse
04:09
En este video mostramos cómo trabajar con fuentes web seguras y con fuentes del sistema y explicamos la diferencia entre las mismas
05:25
En éste video mostramos cómo usar las fuentes de la librería WebKit en Muse
07:22
En este video mostramos cómo usar los estilos de párrafo para automatizar la aplicación de formato a párrafos de texto en Muse
05:28
En este video mostramos cómo usar los estilos de caracter para automatizar la aplicación de formato a texto en Muse
04:35
En este video mostramos cómo mapear los estilos de párrafo a etiquetas HTML para mejorar el SEO y la accesibilidad del sitio web
04:24
En este video mostramos cómo realizar corrección ortográfica dentro de Muse
03:03
En este video mostramos cómo rebordear un elemento con texto y configurar ese rebordeo
01:27
En este video mostramos cómo manejar el alto mínimo de las cajas de texto
Section 8: Trabajar con color
05:48
En este video mostramos las diferentes opciones con las cuales aplicamos color a los elementos en Muse
08:52
En este video mostramos cómo crear y usar las muestras de color para automatizar y centralizar el proceso de aplicación de color
05:07
En este video mostramos las diferentes opciones que tenemos para trabajar con contornos en Muse
04:13
En este video mostramos cómo crear y aplicar colores esfumados
Section 9: Agregar interactividad
09:01
En este video mostramos cómo crear y configurar hipervínculos en Muse
06:01
En este video mostramos cómo crear y aplicar estilos de vínculos para cambiar la apariencia de los hipervínculos de nuestro sitio web
07:33
En este video mostramos cómo realizar vínculos internos dentro de una página mediante el uso de Anclas
04:50
En este video mostramos cómo usar el panel Estados para cambiar la apariencia de los elementos respecto a la interacción del usuario.
04:55
En éste video mostramos cómo crear botones con múltiples estados usando archivos de Photoshop
05:14
En este video mostramos cómo crear menús de navegación de forma rápida y sencilla mediante el Widget correspondiente
08:32
En este video mostramos cómo modificar los menús de navegación que hemos realizado con los widgets
04:34

En este video a aprenderemos a usar la función de Estado activo en las anclas

Section 10: Trabajar con Widgets
02:39
En este video explicamos qué son los Widgets y mostramos algunos ejemplos
12:27
En este video mostramos cómo usar el Widget En Blanco que se encuentra en la categoría Composiciones del panel Biblioteca de Widgets
07:25
En este video mostramos cómo usar el Widget Acordeón que se encuentra en la categoría Paneles del panel Biblioteca de Widgets
06:43
En este video mostramos cómo usar el Widget Miniaturas que se encuentra en la categoría Presentación de imágenes del panel Biblioteca de Widgets
06:50
En este video mostramos cómo agregar a nuestro sitio web y configurar fácilmente formularios de contacto mediante Widgets
Section 11: Incrustar código HTML
02:53
En este video explicamos cómo copiar HTML externo en Muse con o cual podremos integrar widgets y plug-ins de diferentes servicios web
03:53
En este video mostramos cómo incrustar en Muse un video de YouTube o servicio similares como Vimeo
02:41
En este video mostramos cómo incrustar en Muse un mapa de Google Maps o de servicio similares
03:35
En este video mostramos cómo incrustar en Muse widgets de Twitter
05:44
En este video mostramos cómo incrustar en Muse plug-ins de Facebook
02:59
En este video mostramos cómo incrustar en Muse una presentación de issuu.com o servicios similares
Section 12: Taller - Parte I: Diseñar un sitio web para desktop
02:39
En éste video iniciamos el proceso de creación de un sitio web creando el mapa de navegación o planeación del mismo
04:40
En este video iniciamos el trabajo con la primera página maestra ajustando las guías de encabezado y pie y creando el título del sitio web
09:57
En este video creamos y configuramos el menú de navegación del sitio web
08:09
En este video finalizamos la página maestra inicial creando los elementos del pie de página
07:05
En este video creamos y configuramos una segunda página maestra

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Marlon Ceballos, Adobe Community Professional y Adobe Certified Instructor

Consultor en tecnologías y aplicaciones Adobe para multimedia, web y publicaciones digitales con más de 20 años de experiencia asesorando empresas latinoamericanas que van desde diarios e imprentas hasta agencias interactivas.

Adobe Community Professional, Adobe Certified Expert y Adobe Certified Instructor en las últimas versiones de Photoshop, Lightroom Illustrator, InDesign, Acrobat, Flash, Dreamweaver y Muse. Posee las certificaciones especializadas ACE - Design Master y ACE - Web Master. Ha desarrollado y grabado cursos para Lynda y Udemy.

Actualmente es director de Xpert[dot]co, un centro de capacitación online sobre tecnologías gráficas y de Xpert[dot]video, una biblioteca de contenidos de aprendizaje.

Ready to start learning?
Take This Course