Diseña sitios web en HTML5 con Adobe Muse sin programar
4.8 (102 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.
657 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Diseña sitios web en HTML5 con Adobe Muse sin programar to your Wishlist.

Add to Wishlist

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

Aprende a crear sitios web multi-screen (desktops, tablets y smartphones) en HTML5 sin programar (curso grabado en 2013)
4.8 (102 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.
657 students enrolled
Last updated 9/2014
Spanish
Current price: $10 Original price: $20 Discount: 50% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 12 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
What Will I Learn?
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
View Curriculum
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/
Description

Este es un curso que fue grabado en el año 2013 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, en Google o desde mi perfil de Udemy (Marlon Ceballos).

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

Who 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
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 129 Lectures Collapse All 129 Lectures 11:53:27
+
Conceptos básicos
4 Lectures 11:33
En este video explicamos qué es Adobe Muse y sus características principales
Preview 01:41

En este video explicamos cómo obtener Adobe Muse comprando una suscripción o descargando una versión de prueba
Preview 04:14

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

Instalar Adobe Muse
02:37

En este video mostramos cómo iniciar Adobe Muse y cambiar el idioma de su interfaz
Iniciar Adobe Muse
03:01
+
Fundamentos del flujo de trabajo web
3 Lectures 12:28
En este video mostramos el flujo de trabajo web tradicional
Preview 05:47

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

Archivos y generalidades
04:27

En este video hablamos sobre el flujo de trabajo web con Adobe Muse
Flujo de trabajo en Muse
02:14
+
Interfaz de Muse
6 Lectures 29:36

En este video conoceremos la interfaz de Adobe Muse

Preview 07:41

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

Herramientas de Muse
04:36

En este video explicamos de forma más específica el uso de la herramienta de Selección
Herramienta de selección
04:18

En este video explicamos de forma más específica el uso de la herramienta Rectángulo
Herramienta rectángulo
03:29

En este video explicamos cómo cambiar el nivel de zoom mediante la herramienta Zoom o con los menús o atajos de teclado
Niveles de zoom
03:42

En este video mostramos y explicamos las diferentes preferencias de Adobe Muse
Preferencias
05:50
+
Trabajo con páginas
10 Lectures 58:57
En este video mostramos las diferentes opciones a configurar cuando creamos un nuevo sitio web con Muse
Preview 07:11

En este video mostramos cómo crear la estructura de un sitio web
Crear la estructura de un sitio
08:12

En éste video explicamos el trabajo con las páginas maestras las cuales automatizan el uso de estructuras repetitivas
Trabajar con páginas maestras
09:25

En este video explicamos y mostramos cómo configurar las propiedades del sitio y las propiedades de páginas independientes
Propiedades del sitio y de páginas
04:06

En este video mostramos cómo modificar el formato de maquetación del sitio web en general y de páginas independientes
Modificar maquetación
04:23

En este video mostramos cómo agregar información de metadatos a las páginas que hacen parte del sitio web
Agregar metadatos
06:07

En este video mostramos cómo agregar íconos de favoritos (favicon) a las páginas nuestros sitio web
Agregar íconos de favoritos
03:50

En este video mostramos cómo agregar información adicional a las páginas como nombre y título de la página
Agregar información adicional
06:22

En este video mostramos cómo trabajar con las Guías de páginas (relleno, encabezado, pie de página, etc)
Trabajo con guías de páginas
04:19

En este video mostramos cómo trabajar con encabezados y pie de páginas
Encabezados y pie de páginas
05:02
+
Trabajar con imágenes en Muse
12 Lectures 01:02:17
En este video explicamos y mostramos el proceso de optimización de imágenes desde Photoshop
Optimización de imágenes
07:24

En este video mostramos cómo importar imágenes en la páginas web con Muse
Preview 05:02

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

Importar animaciones gif y swf
03:26

En este video mostramos cómo publicar una animación de Edge Animate y cómo importarla en una página de Muse
Preview 03:50

En este video mostramos cómo podemos editar imágenes dentro de Muse
Editar imágenes
08:15

En este video mostramos cómo usar imágenes como fondos de elementos y como fondos de la página
Usar imágenes como fondos
06:48

En este video mostramos cómo trabajar con el Panel Activos y con las diferentes opciones del mismo
Panel Activos
06:14

En este video mostramos cómo controlar la resolución de las imágenes dentro de Muse
Controlar la resolución de imágenes
06:14

En éste video mostramos cómo incrustar imágenes con Muse como proceso opuesto a la vinculación
Incrustar imágenes
03:59

En este video mostramos cómo agregar texto Alternativo a las imágenes para mejorar el SEO del sitio
Agregar Texto alternativo
02:31

En este video mostramos cómo agregar contenido al sitio web para descarga mediante links
Agregar contenido para descarga
02:40

En este video mostramos cómo trabajar con archivos .psd de Photoshop
Trabajar con archivos de Photoshop
05:54
+
Trabajar con elementos gráficos en Muse
15 Lectures 01:36:58
En este video mostramos cómo transformar objetos en Muse
Preview 03:35

En este video mostramos cómo bloquear y ocultar objetos en Muse
Bloquear y ocultar objetos
03:53

En este videos mostramos cómo agrupar elementos, trabajar con esos grupos y desagruparlos
Agrupar elementos
05:30

En éste video explicamos el concepto de apilamiento de objetos y mostramos cómo modificarlo
Orden de apilamiento de objetos
04:34

En este video mostramos cómo trabajar con capas (crear, administrar, borrar, etc)
Trabajar con capas
15:23

En este video mostramos cómo trabajar con las Guías de regla
Uso de Guías de Regla
05:53

En este video mostramos cómo trabajar con Guías inteligentes para alinear objetos fácilmente
Uso de Guías inteligentes
03:36

En este video mostramos cómo usar el Panel Alinear para alinear y distribuir objetos fácilmente en Muse
Panel Alinear
08:47

En este video explicamos cómo aplicar esquinas redondeadas a elementos dentro de Muse
Aplicar esquinas redondeadas
04:53

En este video explicamos cómo aplicar diferentes efectos como sombras y biseles a los objetos dentro de Muse
Aplicar efectos
07:42

En este video mostramos cómo crear y aplicar estilos gráficos para agilizar el proceso de aplicación de formato a los objetos
Crear estilos gráficos
07:59

En este video mostramos cómo configurar objetos para que cubran el 100% del ancho del navegador
Objetos con el ancho del 100% del navegador
06:03

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
Fijar objetos en una posición
02:56

En este video mostramos cómo aplicar movimientos de desplazamiento (efecto parallax) en rellenos
Movimientos de desplazamiento en rellenos
09:26

En este video mostramos cómo aplicar movimientos de desplazamiento (efecto parallax) en objetos
Movimientos de desplazamiento en objetos
06:48
+
Trabajar con texto
10 Lectures 50:18
En este video mostramos el proceso de traer texto externo a Muse en formato txt
Traer texto a Muse
04:13

En este video mostramos cómo aplicar formato al texto en Muse
Preview 10:12

En este video mostramos cómo trabajar con fuentes web seguras y con fuentes del sistema y explicamos la diferencia entre las mismas
Fuentes web seguras y Fuentes del sistema
04:09

En éste video mostramos cómo usar las fuentes de la librería WebKit en Muse
Preview 05:25

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
Estilos de párrafo
07:22

En este video mostramos cómo usar los estilos de caracter para automatizar la aplicación de formato a texto en Muse
Estilos de carácter
05:28

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
Mapear estilos a etiquetas HTML
04:35

En este video mostramos cómo realizar corrección ortográfica dentro de Muse
Corrector ortográfico
04:24

En este video mostramos cómo rebordear un elemento con texto y configurar ese rebordeo
Rebordear un objeto con texto
03:03

En este video mostramos cómo manejar el alto mínimo de las cajas de texto
Alto mínimo de las cajas de texto
01:27
+
Trabajar con color
4 Lectures 24:00
En este video mostramos las diferentes opciones con las cuales aplicamos color a los elementos en Muse
Preview 05:48

En este video mostramos cómo crear y usar las muestras de color para automatizar y centralizar el proceso de aplicación de color
Muestras de color
08:52

En este video mostramos las diferentes opciones que tenemos para trabajar con contornos en Muse
Trabajo con contornos
05:07

En este video mostramos cómo crear y aplicar colores esfumados
Crear esfumados
04:13
+
Agregar interactividad
8 Lectures 50:40
En este video mostramos cómo crear y configurar hipervínculos en Muse
Crear hipervínculos
09: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
Preview 06:01

En este video mostramos cómo realizar vínculos internos dentro de una página mediante el uso de Anclas
Anclas
07:33

En este video mostramos cómo usar el panel Estados para cambiar la apariencia de los elementos respecto a la interacción del usuario.
Panel Estados
04:50

En éste video mostramos cómo crear botones con múltiples estados usando archivos de Photoshop
Botones de Photoshop
04:55

En este video mostramos cómo crear menús de navegación de forma rápida y sencilla mediante el Widget correspondiente
Crear menús
05:14

En este video mostramos cómo modificar los menús de navegación que hemos realizado con los widgets
Modificar menús
08:32

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

Estado activo para anclas (agregado en Agosto 2013)
04:34
+
Trabajar con Widgets
5 Lectures 36:04
En este video explicamos qué son los Widgets y mostramos algunos ejemplos
Entender los Widgets
02:39

En este video mostramos cómo usar el Widget En Blanco que se encuentra en la categoría Composiciones del panel Biblioteca de Widgets
Preview 12:27

En este video mostramos cómo usar el Widget Acordeón que se encuentra en la categoría Paneles del panel Biblioteca de Widgets
Widget Acordeón
07:25

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
Widget Miniaturas
06:43

En este video mostramos cómo agregar a nuestro sitio web y configurar fácilmente formularios de contacto mediante Widgets
Formulario de contacto
06:50
9 More Sections
About the Instructor
Marlon Ceballos
4.5 Average rating
1,270 Reviews
19,807 Students
19 Courses
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.