TUTORIAL ADOBE MUSE CC 2017: CREA UNA PÁGINA WEB RESPONSIVA DESDE CERO CON ADOBE MUSE
TUTORIAL ADOBE MUSE CC 2017: CREA UNA PÁGINA WEB RESPONSIVA DESDE CERO CON ADOBE MUSE.
Aprende a diseñar una página web de tipo one page para Adobe Muse totalmente responsiva, en español, desde cero y completamente gratis.
Enlace a la demo: http://bit.ly/2mQW1Gn
Descarga gratis la carpeta de archivos (tema + widgets): http://bit.ly/2nKt2bp
🚨 Nuevo enlace de descarga: https://gumroad.com/l/Hwjv 🚨
———————
I N D I C E
———————
I. INTRODUCCIÓN
1. Bienvenida [0:08]
2. Conociendo el proyecto [0:46]
3. Requisitos [2:54]
II. CREACIÓN Y CONFIGURACIÓN DEL SITIO
1. Estructura del sitio [3:30]
2. Páginas maestras [7:30]
3. Ajustes: Página de inicio [9:00]
III. DISEÑO
1. Diseñando la sección header [12:44]
2. Diseñando la sección sobre mí [19:30]
3. Diseñando la sección servicios [36:35]
4. Diseñando la sección portafolio [44:34]
5. Diseñando la sección testimonios [49:45]
6. Diseñando la sección contacto [58:11]
7. Diseñando la sección footer [1:08:17]
8. Diseñando el menú [1:15:24]
IV. EFECTOS DE DESPLAZAMIENTO (movimiento y opacidad)
1. Menú [1:23:35]
2. Header [1:29:04]
3. Servicios [1:32:19]
4. Footer [1:34:01]
V. AGREGANDO ANIMATE + WOW.JS
1. Animando elementos del header [1:36:55]
2. Animando títulos [1:43:22]
3. Agregando widget de texto subrayado [1:46:25]
VI. SITIO RESPONSIVO
Punto de rotura: 1000 - 1200px; [1:47:55]
Punto de rotura: 768 - 1000px; [1:50:46]
Punto de rotura: 560 - 768px; [2:04:21]
Punto de rotura: 430 - 560px; [2:10:53]
Punto de rotura: 320 - 430px; [2:15:17]
————————————
RECOMENDACIONES
————————————
Hosting y dominio:
Banahosting: http://bit.ly/2mpjlP2
Hospedando: http://bit.ly/2mplDOi
Stock de imágenes:
https://www.pexels.com/
https://picjumbo.com/
https://unsplash.com/
Compresores de imagenes:
https://tinypng.com/
https://compressor.io/compress
Paleta de colores:
https://coolors.co/
https://color.adobe.com/
Iconos:
http://www.flaticon.com/
http://fontawesome.io/
Fuentes:
https://fonts.google.com/
Texto de Relleno:
http://es.lipsum.com/
Sitio responsivo:
http://www.responsinator.com/
http://quirktools.com/screenfly/
https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh
————————
S Í G U E M E
————————
Facebook: https://www.facebook.com/ovdivi
Instagram: https://www.instagram.com/ovdivi/
Web: https://ovmuse.com/
—————————
P E R S O N A L
—————————
Twitter: https://twitter.com/oscarviedmaweb
Web: https://oscarviedma.com/
--
Видео TUTORIAL ADOBE MUSE CC 2017: CREA UNA PÁGINA WEB RESPONSIVA DESDE CERO CON ADOBE MUSE канала OV DIVI
Aprende a diseñar una página web de tipo one page para Adobe Muse totalmente responsiva, en español, desde cero y completamente gratis.
Enlace a la demo: http://bit.ly/2mQW1Gn
Descarga gratis la carpeta de archivos (tema + widgets): http://bit.ly/2nKt2bp
🚨 Nuevo enlace de descarga: https://gumroad.com/l/Hwjv 🚨
———————
I N D I C E
———————
I. INTRODUCCIÓN
1. Bienvenida [0:08]
2. Conociendo el proyecto [0:46]
3. Requisitos [2:54]
II. CREACIÓN Y CONFIGURACIÓN DEL SITIO
1. Estructura del sitio [3:30]
2. Páginas maestras [7:30]
3. Ajustes: Página de inicio [9:00]
III. DISEÑO
1. Diseñando la sección header [12:44]
2. Diseñando la sección sobre mí [19:30]
3. Diseñando la sección servicios [36:35]
4. Diseñando la sección portafolio [44:34]
5. Diseñando la sección testimonios [49:45]
6. Diseñando la sección contacto [58:11]
7. Diseñando la sección footer [1:08:17]
8. Diseñando el menú [1:15:24]
IV. EFECTOS DE DESPLAZAMIENTO (movimiento y opacidad)
1. Menú [1:23:35]
2. Header [1:29:04]
3. Servicios [1:32:19]
4. Footer [1:34:01]
V. AGREGANDO ANIMATE + WOW.JS
1. Animando elementos del header [1:36:55]
2. Animando títulos [1:43:22]
3. Agregando widget de texto subrayado [1:46:25]
VI. SITIO RESPONSIVO
Punto de rotura: 1000 - 1200px; [1:47:55]
Punto de rotura: 768 - 1000px; [1:50:46]
Punto de rotura: 560 - 768px; [2:04:21]
Punto de rotura: 430 - 560px; [2:10:53]
Punto de rotura: 320 - 430px; [2:15:17]
————————————
RECOMENDACIONES
————————————
Hosting y dominio:
Banahosting: http://bit.ly/2mpjlP2
Hospedando: http://bit.ly/2mplDOi
Stock de imágenes:
https://www.pexels.com/
https://picjumbo.com/
https://unsplash.com/
Compresores de imagenes:
https://tinypng.com/
https://compressor.io/compress
Paleta de colores:
https://coolors.co/
https://color.adobe.com/
Iconos:
http://www.flaticon.com/
http://fontawesome.io/
Fuentes:
https://fonts.google.com/
Texto de Relleno:
http://es.lipsum.com/
Sitio responsivo:
http://www.responsinator.com/
http://quirktools.com/screenfly/
https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh
————————
S Í G U E M E
————————
Facebook: https://www.facebook.com/ovdivi
Instagram: https://www.instagram.com/ovdivi/
Web: https://ovmuse.com/
—————————
P E R S O N A L
—————————
Twitter: https://twitter.com/oscarviedmaweb
Web: https://oscarviedma.com/
--
Видео TUTORIAL ADOBE MUSE CC 2017: CREA UNA PÁGINA WEB RESPONSIVA DESDE CERO CON ADOBE MUSE канала OV DIVI
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Página web Responsive con Adobe Muse](https://i.ytimg.com/vi/XrGF2FKfTI0/default.jpg)
![Diseña una Súper Página con Adobe Muse CC 2017 - Curso Español Gratis](https://i.ytimg.com/vi/LILHl1fGmcs/default.jpg)
![Publicar un sitio web con Adobe Muse CC en español.](https://i.ytimg.com/vi/KEdz7lKcC5s/default.jpg)
![Creating a Website Using Adobe Muse](https://i.ytimg.com/vi/Rg3dnU95B-M/default.jpg)
![Adobe Muse ha muerto, ¿y ahora qué?](https://i.ytimg.com/vi/pGAxc3ywmJY/default.jpg)
![¿Escribir tu propio código o usar Adobe Muse?](https://i.ytimg.com/vi/KKRmNy_qWWc/default.jpg)
![¡Más fácil no se puede! Haz tu web con Adobe Muse](https://i.ytimg.com/vi/k3tVYrCPtzU/default.jpg)
![Tutorial Adobe Muse | Menú de navegación para móvil](https://i.ytimg.com/vi/uGO1T0fMN14/default.jpg)
![Crear una página web con Adobe Muse - Curso completo GRATIS](https://i.ytimg.com/vi/xXhkctt3R_U/default.jpg)
![ADOBE MUSE TUTORIALES | WIDGETS para ADOBE MUSE #1](https://i.ytimg.com/vi/fYizxDyLnTY/default.jpg)
![Menu hamburguesa o 3 Rayitas en Adobe Muse](https://i.ytimg.com/vi/zlxPDUB8meM/default.jpg)
![Adobe Muse CC 2016 Tutorial Español - Cómo crear un Menú Responsive](https://i.ytimg.com/vi/Q8SnlezOz3s/default.jpg)
![Efecto Parallax y Menú Pegajoso - Adobe Muse Tutorial Español](https://i.ytimg.com/vi/fyB4NTdNhMM/default.jpg)
![Web Export - Complemento Adobe XD para Exportar HTML y CSS](https://i.ytimg.com/vi/H0no9hgKWW8/default.jpg)
![VIDEOTUTORIAL ADOBE MUSE: COMO HACER UNA PÁGINA WEB RESPONSIVE DESDE CERO ♦2017♦ [FUNCIONA] 😇](https://i.ytimg.com/vi/L7sooRyiSs4/default.jpg)
![26 Crear botones de estado en Adobe Muse CC 2017](https://i.ytimg.com/vi/JOh58LgWj5k/default.jpg)
![Exportar proyecto de Muse a HTML](https://i.ytimg.com/vi/UaPo02MVv58/default.jpg)
![Cómo crear: MINI TIENDA ONLINE con PayPal - Adobe Muse Tutorial](https://i.ytimg.com/vi/NfQP-kcTRbE/default.jpg)
![Introduzione ad Adobe Edge Animate CC](https://i.ytimg.com/vi/WxAlpBmVX98/default.jpg)
![Adobe Muse CC 2016 Tutorial Español - Puntos de ruptura](https://i.ytimg.com/vi/0QbrL7yJNIA/default.jpg)