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
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
.