PixelPro: Curso Master en Diseño Web
Español | 3.0 GB | .MP4 | Incl. Ejercicios | Diseño Web | Instructor: PixelPro




Pixelpro se enorgullece en presentar una linea de cursos destinado a cualquier usuario que quiera sin conocimientos previos, llegar a ser un profesional en el mundo del diseño y desarrollo web.
Hemos hecho una selección de los programas y tecnologías más recurridos por los profesionales y puesto en más de 200 videos toda nuestra experiencia y conocimientos para que te formes sin restricciones de tiempo ni acceso.


1. INTRODUCCIÓN AL DISEÑO WEB.
1.1 Consejos sobre diseño web.
1.2 Recursos: la caja de herramientas.
1.2.1 Bancos de imágenes.
1.2.2 Repositorios de código y plantillas

2. CONFIGURACIÓN Y PREPARACIÓN DEL ESPACIO DE TRABAJO.
2.1 Repaso a las novedades de Photoshop CS6
2.2 Configuración de Dreamweaver CS6: Espacios de trabajo
2.3 Configuración de Dreamweaver CS6: Preferencias
2.4 Repaso a las novedades de Dreamweaver CS6

3. PLANIFICACIÓN DEL SITIO.
3.1 En busca de inspiración
3.2 Definición de los objetivos del sitio
3.3 Recopilación de contenidos
3.4 Diseño web (modelo de 3 capas), y la mejora progresiva.

4. CREACIÓN DE UNA MAQUETA DE DISEÑO (PHOTOSHOP).
4.1 El esquema (layout)
4.2 La cabecera (head)
4.2 El cuerpo (body)
4.2.1 El cuerpo (formulario de contacto)
4.3 El pie de página (footer)

5. LA OPTIMIZACIÓN DE IMÁGENES PARA WEB (PHOTOSHOP).
5.1 Tipos de imágnes (JPG, PNG, GIF)
5.2 Exportar imágenes para la web
5.3 Crear un favicon

6. CREACIÓN DE WEBSITES CON DREAMWEAVER.
6.1 Crear un website y el entorno de desarrollo
6.2 Trabajando con fuentes web
6.3 Ampliando Dreamweaver - Las extensiones
6.4 Maquetación de los contentenidos con DIVs
6.5 Estructurar la presentación con CSS
6.6 Código reutilizable: Fragmentos, Biblioteca.
6.7 Creación de plantillas con regiones editables

7. AÑADIENDO COMPORTAMIENTOS (opciones avanzadas y plugings).

7.1 El menú de navegación y elementos para SMM (Social Media Marketing)
7.2 Lightbox - GALERÍA DE IMÁGENES.
7.3 Formulario de CONTACTO
7.4 Pases de fotografías y presentaciones (SLIDER)

8. TESTEO.
8.1 Comprobación de vínculos
8.2 Corrección ortográfica
8.3 Limpieza del sitio

9. VALIDACIÓN W3C.
9.1 Que es la w3c
9.2 Validando nuestra web
10. PUBLICACIÓN Y PROMOCIÓN.
10.1 Exploración de SEO, los metadatos y la accesibilidad
10.2 Creación de un sitemap
10.3 Lanzamiento y mantenimiento del sitio
11. EL MUNDO LABORAL.
11.1 Consejos para el trabajo con clientes/presupuestos

12.1
DESPEDIDA


TEMARIO HTML5 Y CSS3
Capitulo1
1.1-Html4VsHtml5
1.2-Nuevas etiquetas de estructura
1.3-Nuevas etiquetas de contenido
1.4-Etiquetas orientadas a aplicaciones
1.5-Etiquetas obsoletas
1.6-APIs de HTML5

Capitulo2
2.1-Modelos de contenido
2.2-Algoritmo de esquema
2.3-La etiqueta DIV en HTML5
2.4-El uso de Id y Class
2.5-Declaración del DOCTYPE
2.6-Charset en HTML5

Capitulo3
3.1-Estructura basica de una pagina
3.2-Estructurar elementos principales
3.3-Estructurar elementos secundarios
3.4-Crear las cabeceras
3.5-Comprobar nuestro esquema
3.6-Compatibilidad con navegadores antiguos

Capitulo4
4.1-Nuevos tipos de inputs
4.2-Configurar el autofoco
4.3-El atributo placeholder
4.4-Campos obligatorios
4.5-Inputs numericos
4.6-Selectores de fecha
4.7-Selectores de color

Capitulo5
5.1-El elemento canvas
5.2-Insertar contenido en canvas
5.3-Dibujar sobre canvas
5.4-Drag and Drop
5.5-Aplicaciones offline
5.6-Audio y video
5.7-Codificar videos
5.8-Insertar videos

Capitulo6
6.1-Geolocalizacion
6.2-Almacenamiento Web
6.3-Web sockets
6.4-Introducción a CSS3
6.5-Más fuentes con CSS3
6.6-Usar fontface
6.7-HTML5 mas CSS3
6.8-Transiciones con CSS3

Temario CSS1yCSS3
CSS1 Cap 1
1.1 Primera Regla
1.2 Hojas externas
1.3 Usar la clase
1.4 Idenitficadores
1.5 Seleccionar EM
1.6 Selección Agrupada
1.7 Opción display
1.8 Capas div
1.9 Etiquetas SPAN

CSS1 Cap 2
2.1 Color
2.2 Imágenes
2.3 Fondo
2.4 Comportamiento del fondo
2.5 Posición
2.6 ShortHand

CSS1 Cap 3
3.1 Layout
3.2 Border HTML / CSS
3.3 Margin
3.4 Padding
3.5 Posiciones
3.6 Float
3.7 Profundidad
3.8 Overflow
3.9 Visibilidad

CSS1 Cap 4
4.1 Fuentes
4.2 Mayúsculas
4.3 Las Pseudoclases
4.4 Indent (Desplazamiento)
4.5 Texto Decoration
4.6 Transform

CSS1 Cap 5
5.1 Vínculos
5.2 Aplicación de los estados
5.3 Ejercicio CSS

CSS1 Cap 6
6.1 W3C
6.2 Validar

CSS 3

1-Selectores
2-Pseudo-elementos
3-pseudo-clases
4-font-face
5-RGBA
6-border-radius
7-box-shadow
8-box-shadow 2
9-animacion 1
10-Animacion 2








Código:
http://safelinks.in/xooerc-loooz