PixelPro: Curso [Diseño y desarrollo web]



 
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/presupuestos12.1
 
DESPEDIDATEMARIO 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










https://playpaste.com/?v=yp

Enlaces Caidos?
Intenta con este paste que aloja todos los links.
Enlace del Paste → http://bppaste.com/83593
*Nota* No sabes Descargar?
Tutorial:
PASO!: Solo debes darle Click A dicho servidor Clikeado los enlaces estan dentro de un protector de enlaces.
Aqui os dejo un pequeño Gift de como hacerlo.