Desarrollo web para NO programadores

Como hacer websites, punto. Sin misterios, paso a paso totalmente desde 0 y sin programar ni una sola linea de código. 

¿Buscas desarrollarte en el mundo web como todo un profesional?
No eres el único…
Si has tomado algún curso de diseño Web anteriormente, o has buscado información sobre el tema en Internet, sabes lo que es esto: toneladas de información fragmentada, dispersa, o sencillamente inútil, y al final no sabes que hacer con esa información, ni por dónde empezar ni cómo integrar todos los programas necesarios para lograr tu objetivo: diseñar y poner a funcionar un website visualmente atractivo y funcional DESDE CERO.

En tan solo 4 módulos aprende el proceso de adaptación para dispositivos móviles, como crear animaciones de una forma bien sencilla y a la vez avanzada, crea de forma muy visual, muy sencilla y muy profesional a desarrollar sitios complejos para la web.

Estamos totalmente convencidos que este curso es para ti y te ayudara a crear sitios web.

¿Cuáles son los requisitos? 

Conocimientos mínimos de html
Adobe Edge Reflow
Adobe Muse
Adobe Edge Animate
Dreamweaver CS6 en adelante
Ganas de aprender

¿Qué voy a aprender en este curso?

Crear prototipos adaptables para los distintos dispositivos moviles
Crear animaciones básicas, avanzadas y adaptables
Crear websites dinamicos
Desarrollar un sitio completo listo para publicar o venderlo

¿A quién está dirigido?

Diseñadores
Freelances
Desarrolladores jr
Apasionados por las nuevas tecnologías y nuevos conocimientos

Introducción al curso

• Introducción al curso 00:45

Modulo 1: Diseño responsivo para dispositivos móviles

• Que es el diseño responsive 01:28
• Que es Edge Reflow 01:16
• Como descargar edge reflow 2 páginas
• Interfaz de edge reflow 03:09

Diseño

• El sistema de retículas 02:54
• Diseños alternativos 03:14
• Opciones de diseño y retícula 04:55
• Posicionamiento de elementos 03:51
• Textos 08:13
• Imágenes 06:00
• Contenedores 03:30
• Alineación de elementos 03:04
• Practica 1 – adaptar el diseño de una página de ordenador 11:47
• Practica 1 – adaptar el diseño de una página de tablet 07:38
• Practica 1 – adaptar el diseño de una página de smartphone 06:18

Utilización

• Test de diseño adaptable 01:21
• Generar CSS 03:13

Módulo 2: Animaciones interactivas con html5

• Porque HTML5 02:17
• Descarga Edge anímate 00:56
• Interfaz de usuario de edge animate 03:25

Animación básica

• Propiedades de escenario 03:23
• Medidas relativas y medidas absolutas 03:47
• Importación de gráficos 01:36
• Panel de propiedades css 04:57
• Panel de elementos 04:05
• Transiciones animadas 08:26
• Efectos de aceleración 06:01
• Practica 1 – pelota rebotando 07:02

Animación avanzada

• Herramienta pin 03:07
• Desplazamiento de pivote 06:56
• Trayectorias de animación 06:35
• Filtros css avanzados 04:24
• Animación de máscaras de recorte 04:04

Herramienta texto

• La herramienta texto 02:49
• Animación de propiedades del texto 03:08
• Edge web fonts 02:47
• Google web fonts 02:26

Interactividad básica

• Activadores de fotogramas 03:31
• Creación de botones simples 05:04
• Acciones disponibles 02:16

Interactividad avanzada

• Símbolos animados 04:23
• Control de símbolos con activadores 04:29
• Control de símbolos con botones 06:01

Exportación e integración

• Imagen de poster y precargador 03:53
• Exportar como html 04:55
• Exportación en formato OAM para dreamweaver o muse 02:02

Modulo 3: Dreamweaver CC

• Introducción a novedades 02:44
• Novedades 02:40
• Espacio de trabajo 02:04
• Cambios en el panel nuevo 01:29

Diseñador CSS

• Organización generales 02:45
• Opciones de filtros css 01:29
• Nuevo flujo de trabajo
• Añadir fuentes 02:30
• Añadir medios 02:22
• Añadir selectores y propiedades 01:35

Diseño de cuadricula fluida

• Crear nueva cuadricula fluida 01:21
• Edición de cuadriculas 04:41

HTML5 y jQuery

• Estructura del panel insertar 01:44
• Panel estructura 02:35

Formularios

• Etiquetas de formularios 02:14
• Inserción y propiedades 02:24

Panel medios

• Vídeo HTML5 02:39
• Audio HTML5 01:43
• Objetos edge animate 01:40

Panel jQuery UI

• Nuevos widgets jquery 01:14
• Ejemplos basicos 03:42
• Personalización de un acordeon 02:49
• Personalización de tabs 02:08
• Propiedades del resto de elementos 02:25

Efectos jQuery

• Efectos 02:26
• Efectos disponibles 02:29

Web fonts

• Cuestiones básicas 01:30
• Incrustación de web fonts 01:37
• Inscrutación de fuentes locales 01:43
• Añadiendo nuevos conjuntos de fuentes 01:23

Proyecto Web – Catering

• Presentación de la plantilla 12:20
• Cortes/Slide y exportación de la plantilla 14:44
• Estructura HTML5 35:20
• Estilos CSS 1/3 23:13
• Estilos CSS 2/3 24:27
• Estilos CSS 3/3 23:03

Modulo 4: Desarrollo web con muse

• ¿Qué es muse? 02:26
• Introducción al programa 02:01
• Guardar y configurar un sitio web 03:25
• Estructura de un sitio web 03:25
• Modo diseño 02:50
• Propiedades de la pagina 01:23
• Márgenes y paddings 01:40
• Zoom y opciones de ayuda 02:31
• Estilos 03:57
• Imágenes I 05:44
• Imágenes II 02:15
• Imágenes III 03:50
• Panel activos 02:29
• Rectangulo 04:01
• Widgets 04:20

Planeación de un sitio web

• Introducción 02:25
• Boceto de la pagina maestra 09:08
• Boceto de la pagina inicio 06:26
• Boceto de la pagina formadores 03:49
• Boceto de la pagina videos 04:16
• Boceto de la pagina destacados 02:38
• Boceto de la pagina blog 03:00
• Boceto de la pagina ubicanos 01:48
• Boceto de la pagina redes 04:20
• Boceto de la pagina contacto 01:34
• Visualización del sitio 04:57

Diseño de un sitio web

• Diseño de la pagina maestra 07:11
• Diseño de la pagina inicio 08:19
• Diseño de la pagina formadores 03:30
• Diseño de la pagina vídeos 02:03
• Diseño de la pagina destacados 02:39
• Diseño de la pagina nosotros, blog y ubicanos 00:53
• Diseño de la pagina redes 02:06
• Diseño de la pagina contacto 01:34
• Visualización del sitio 03:36

SEO

• Introducción al SEO 8 páginas
• Advertencias del seo 02:52
• Tipos de SEO 3 páginas
• Plan de trabajo 02:14
• Eligiendo palabras claves 16:29
• Técnicas SEO que funcionan 3 páginas
• Depurando y expandiendo las palabras claves posibles 1/3 05:37
• Depurando y expandiendo las palabras claves posibles 2/3 05:16
• Depurando y expandiendo las palabras claves posibles 3/3 08:40
• Verificando la competencia 02:40
• Asignando las palabras claves a las paginas 13:05
• Fin del curso 00:14