DESARROLLO Y DISEÑO WEB

LIBROS PARA DESCARGAR GRATIS :

PROGRAMACION WEB :

https://mega.co.nz/#!c9VDAI7L!H8tlcMOdsqMms5nkHOi3rG1qKp0nE_F-uL0RITWs3Pc

PHP :

https://mega.co.nz/#!AosFSbZI!VJ800IZn2F9ldikMZ_LLZnj8qjSikSsm6MoT45wX1kQ

NODE. JS :

https://mega.co.nz/#!04cQBTSJ!X8VvUBUQ-owXbAuSrtxJtW713TggWDRW_PIkYcizhZM

HTML :

https://mega.co.nz/#!J9dGgLaD!82pqLOfDscAFnsRp3y9fbwTCME2NBd9LquOuUgxQ3FE

PYTHON :

https://mega.co.nz/#!g5kAnDQD!ufGK3vwPTBx1c6DSDFmEoIRjY-XexiNNb7WGClZfxzU

JQUERY :

https://mega.co.nz/#!R89CgZQT!SMRNA7Gy1YEwFuscwlEIfHkzokiZCx5vTdlhPl8vB68

JAVA SCRIT :

https://mega.co.nz/#!F09D3ArJ!YQ44syVchcquohJnjRkMG1NBlRfwWV6MX1yoxbGjjqk

DREAMWEAVER :

https://mega.co.nz/#!F59gQLKT!2mzxnG3o9eYT4iIrrGz1DwpHTSYGQ8KTY2ZhZ2FVVP8

CSS :

https://mega.co.nz/#!c912XIKT!SAry60KMHfXAIVOx4cRBTIl-4SBGf93WvPlWSizYWww

Mejorandola: Curso de Diseño y Desarrollo Web (2012)[Español]

Descripción:

¿Quieres aprender HTML5, CSS3 y javascript? ¿Conocer Python, Django y Node.js? ¿Qué tal Responsive Design y diseño para móviles? Si eres profesional o entusiasta, si tienes las bases o quieres empezar, este es tu curso.

Descripcion:

Aprender las nuevas etiquetas y propiedades del lenguaje, saber utilizarlas y conocer la importancia de la semántica en el entorno web.

El participante finalizará el curso con los conocimientos necesarios para poder crear y desarrollar webs actuales, que se basen en el nuevo lenguaje del Diseño Web.

Curso de HTML5, Diseñadores Web, Programadores Web y Responsables Técnicos de portales web que quieran ponerse al día en las últimas tendencias para la creación web.

Curso HTML5 (13/13)[Español] Autor: Jesús Conde | .FLV | 13 Capitulos | 1.41 GB ]

Curso Html5 y css3 Illuminati – Jonathan Pineda [Español]
[ RAR | MP4 | HTML5 - CSS3 | Instructor: Jonathan Pineda | 1.85 GB ]

Descripción:
Sistema de tutoriales en video para aprender a diseñar páginas web usando el estándar html5 y css3.

CodigoFacilito: Curso de Python [Video Curso] [Español]
[ RAR | MP4 720p | 32 Videos | 977.77 MB ]

Descripción:

Python es un lenguaje de programación interpretado cuya filosofía hace hincapié en una sintaxis muy limpia y que favorezca un código legible.
Se trata de un lenguaje de programación multiparadigma, ya que soporta orientación a objetos, programación imperativa y, en menor medida, programación funcional. Es un lenguaje interpretado, usa tipado dinámico y es multiplataforma.

Udemy: Desarrollo Web [Video Curso][Español]
[ RAR | MP4 | Incl 100 Secciones + Prácticas + Libros | 12.24 GB ]

Descripción:
En este curso podrás aprender las herramientas fundamentales para el desarrollo Web: aprenderás desde las bases de HTML y CSS, las nuevas herramientas como HTML5 y CSS3, javascript, jQuery y jQueryMobile, asi como Dreamweaver y Flash, ¿algo más?
==========
¿Cuáles son los requisitos?
Conocimientos generales de cómputos
¿Qué voy a aprender en este curso?
¡Más de 792 clases y 99 horas de contenido!
Aprenderá las mejores herramientas de desarrollo Web
¿A quién está dirigido?
Desarrolladores y diseñadores Web
GRATIS: Tres libros (pdf):
Introducción a MySQL.,
Introducción a PHP e
Introducción a javascript!

Ojala: Aprende a usar Javascript del lado del servidor con Node.Js [Español]
[ RAR | MP4 | Nivel: Experto | 41 Clases | 3 horas 40 min | 850 MB ]

Descripción:

Node.js es una poderosa herramienta para el control de los servidores web, la creación de aplicaciones, y la creación de la programación orientada a eventos. Y trae javascript es un lenguaje familiar para todos los desarrolladores web en un entorno independiente de los navegadores web. Aprende todo sobre Node.js y empezar a crear aplicaciones de javascript. En este curso aprenderás cómo instalar Node.js en Mac, Windows y Linux y se sumerge profundamente en sus módulos y marco Express para el desarrollo de aplicaciones. Aprende como hacer pruebas unitarias de su código, se inicia sesiones en los servidores web, los datos del flujo, y crear simples herramientas de línea de comandos.

CodigoFacilito: Curso de HTML5 Avanzado [Video Curso][Español]
[ RAR | MP4 | Incl 24 tutoriales + Prácticas | Duración: 5 Hrs | 702.20 MB ]

Descripción:
El curso son un total de 24 videos, que suman un aproximado de 300 minutos. Además recibirás el código de cada una de las prácticas y el código de una página extra que se muestra en la introducción al curso.

CódigoFacilito: Curso de PHP [Video Curso][Español]
[ RAR | MP4 720p | 30 Videos | 3 horas, 29 minutos | 1.28 GB ]

Descripción:
PHP es un lenguaje de programación de uso general de código del lado del servidor originalmente diseñado para el desarrollo web de contenido dinámico. Fue uno de los primeros lenguajes de programación del lado del servidor que se podían incorporar directamente en el documento HTML en lugar de llamar a un archivo externo que procese los datos. El código es interpretado por un servidor web con un módulo de procesador de PHP que genera la página Web resultante. PHP ha evolucionado por lo que ahora incluye también una interfaz de línea de comandos que puede ser usada en aplicaciones gráficas independientes. Puede ser usado en la mayoría de los servidores web al igual que en casi todos los sistemas operativos y plataformas sin ningún costo.

Descripcion:
jQuery es una biblioteca de JavaScript, creada inicialmente por John Resig, que permite simplificar la manera de interactuar con los documentos HTML, manipular el árbol DOM, manejar eventos, desarrollar animaciones y agregar interacción con la técnica AJAX a páginas web. Fue presentada el 14 de enero de 2006 en el BarCamp NYC. jQuery es la biblioteca de JavaScript más utilizada.

VideoTutoriales: Curso Meteor.js [Video Curso] [Español]
[ RAR | MP4 720p | Formador: Jesús Conde | 3h 20min | 1.15 GB ]

Descripción:

Una aplicación Meteor es una mezcla de JavaScript que se ejecuta dentro de un navegador web cliente y JavaScript que se ejecuta en un servidor Meteor dentro de un contenedor Node.js, y todos los fragmentos HTML soportados, las reglas CSS, y los asientos estáticos. Meteor automatiza el empaquetado y la transmisión de estos diferentes componentes. Y, es muy flexible en cuanto a la forma que elija para estructurar los componentes en su árbol de archivos.

CódigoFacilito: Curso de CSS3 [video Curso][Español]
[ RAR | MP4 270p | 18 videos | 2h 57min | 916.40 MB ]

Descripción:
A diferencia de CSS2, que fue una gran especificación que definía varias funcionalidades, CSS3 está dividida en varios documentos separados, llamados “módulos”.
Cada módulo añade nuevas funcionalidades a las definidas en CSS2, de manera que se preservan las anteriores para mantener la compatibilidad.
Los trabajos en el CSS3, comenzaron a la vez que se publicó la recomendación oficial de CSS2, y los primeros borradores de CSS3 fueron liberados en junio de 1999.
Debido a la modularización del CSS3, diferentes módulos pueden encontrarse en diferentes estados de su desarrollo, de forma que a fechas de noviembre de 2011, hay alrededor de cincuenta módulos publicados, tres de ellos se convirtieron en recomendaciones oficiales de la W3C en 2011: “Selectores”, “Espacios de nombres” y “Color”.
Algunos módulos, como “Fondos y colores”, “Consultas de medios” o “Diseños multicolumna” están en fase de “candidatos”, y considerados como razonablemente estables, a finales de 2011, y sus implementaciones en los diferentes navegadores son señaladas con los prefijos del motor del mismo.

CódigoFacilito: Crea una Página Web en HTML5 [Video Curso][Español]
[ RAR | MP4 720p | 15 Videos | 1h 51min | 566.55 MB ]

Descripción:
HTML5 (HyperText Markup Language, versión 5) es la quinta revisión importante del lenguaje básico de la World Wide Web, HTML. HTML5 especifica dos variantes de sintaxis para HTML: un «clásico» HTML (text/html), la variante conocida como HTML5 y una variante XHTML conocida como sintaxis XHTML5 que deberá ser servida como XML.1 2 Esta es la primera vez que HTML y XHTML se han desarrollado en paralelo.
Todavía se encuentra en modo experimental, lo cual indica la misma W3C, aunque ya es usado por múltiples desarrolladores web por sus avances, mejoras y ventajas.
Al no ser reconocido en viejas versiones de navegadores por sus nuevas etiquetas, se recomienda al usuario común actualizar a la versión más nueva, para poder disfrutar de todo el potencial que provee HTML5.
El desarrollo de este lenguaje de marcado es regulado por el Consorcio W3C.

VideoTutoriales: Programacion Para Niños con Python [Video Curso][Español]
[ RAR | MP4 720p | Jesus Conde | 35 Videos | 7 Horas | 1.51 GB ]

Descripción:
Python es un lenguaje de programación interpretado cuya filosofía hace hincapié en una sintaxis muy limpia y que favorezca un código legible.
Se trata de un lenguaje de programación multiparadigma, ya que soporta orientación a objetos, programación imperativa y, en menor medida, programación funcional. Es un lenguaje interpretado, usa tipado dinámico y es multiplataforma.

CódigoFacilito: Juego plataformas en HTML 5 [Video Curso] [Español]
[ RAR | MP4 720p | Incl 40 vídeos y 4 horas de vídeo tutoriales | 598.9 MB ]

Descripción:
¿Qué aprenderé?
1. Aprenderás a crear un juego de plataformas. Muy famosos en el mercado y también muy entretenidos.
2. Aprenderás a diseñar con POO en javascript.
3. Aprenderás a manejar colisiones de manera avanzada.
4. Aprenderás a utiliza Sprites en un juego con HTML5.
5. Estudiaremos cómo reaccionar a diferentes tipos de colisiones.
6. Te enseñaremos a crear escenarios y a navegar entre ellos.
7. Aprenderás cómo lograr objetivos, administrar puntaje y mucho más.
8. Veremos el funcionamiento de la librería más famosa para Canvas, Kinetic.js
9. Aprenderás a trabajar con assets.
10. Veremos conceptos de física como la gravedad.
11. Y mucho, mucho más.

¿Cómo lo aprenderé?
A través de distintos bloques de tutoriales diseñados por el tutor para que saques mayor provecho del aprendizaje del curso, no sólo te mostramos el código para hacerlo, si no también te explicamos por qué el código es así y cómo llegamos a esa conclusión, de modo que al terminar el curso tú seas capaz de integrar este conocimiento en juegos nuevos.
¿Qué necesito?
Hemos diseñado el curso para que sin conocimientos previos, más allá de cómo funciona la web, puedas seguir el curso. Con el funcionamiento, nos referimos a que sepas que todas las páginas tienen HTML, que el estilo se coloca con CSS y que la programación del juego se hará con javascript.
El editor que utilizaremos en el curso se llama Sublime Text 2, y puedes descargarlo en:

Código:

http://sublimetext.com/3

existe en versiones para OS, Windows y distribuciones Linux.
Utilizaremos 2 librerías (te iremos explicando el por qué durante el curso):
1. La primera es Kinetic.js y puedes ver la página oficial aquí :

Código:

http://kineticjs.com/

2. Y la segunda es PreloadJS que es parte de la suite CreateJS, aunque no usaremos nada más que la parte del Preloader:

Código:

http://www.createjs.com/#!/PreloadJS

Ambas librerías podrás encontrarlas en el pack de descarga, en el curso te enseñaremos cómo colocarlas.
Además necesitarás un servidor local, no olvides ver el vídeo correspondiente para saber por qué y cómo instalarlo. Aquí te dejamos algunas recomendaciones para que las instales:
XAMPP:

Código:

http://www.apachefriends.org/es/xampp.html

WampServer:

Código:

http://www.wampserver.com/en/

AppServ:

Código:

http://www.appservnetwork.com/index.php?newlang=spanish

El tutor del curso estará usando XAMPP coriendo sobre Windows 8, pero no tendrás problema sin importar el Sistema Operativo que tengas.
Por último, necesitarás un navegador moderno, Safari, Chrome, Firefox, Opera e Internet Explorer 10 son buenas opciones, el tutor estará utilizando Chrome 24.
Temario Completo (Duración Total: 230 minutos)
Bloque 1: Preparar el entorno
1. Instalar XAMPP.
2. Crear el proyecto y colocar las librerías correspondientes.
3. Sublime Text 2, cómo usarlo.
Bloque 2: Construyendo la base del juego
1. Creación del script principal y del Stage.
2. Creando las clases para el Héroe, los Enemigos y las Plataformas.
3. POO en javascript, enfoque especial a la herencia.
4. Colocando los listeners para los controles.
5. Definiendo el algoritmo de colisión a usar.
6. Colocando el loop del juego.
Bloque 3: Juego con figuras primitivas
1. Dibujando el Héroe con un rectángulo.
2. Moviendo nuestro Héroe con los controles.
3. Aplicando gravedad.
4. Método saltar del Héroe.
5. Jerarquía de KineticJS, el Stage, los Layers, los Assets y más.
6. Agregando los primeros enemigos.
7. Definir el movimiento de los enemigos.
Bloque 4: Colisión con plataformas
1. Dibujar las plataformas con rectángulos.
2. Colisión básica.
3. Colisión entre Héroe y Plataforma.
Bloque 5: Sobre los enemigos
1. Eliminar elementos en colisión y mandar mensaje en caso de fin del juego.
2. Crear el objeto para el juego.
3. Agregar el puntaje.
Bloque 6: Assets
1. Agregar monedas y aumentar puntaje.
2. Agregar la puerta que dará fin al primer nivel.
Bloque 7: Imágenes.
1. Cargar imágenes con PreloadJS.
2. Construir objetos imágenes para enlazar con los personajes.
3. Modificar los objetos para dibujar imágenes.
Bloque 8: Sprites y movimiento
1. Teoría, qué son y cómo funcionan los Sprites.
2. Genera tu propio Sprite.
3. Agregar el Sprite al juego.
4. Manipular distintas animaciones.
5. Método afterFrame y más manipulación de animaciones.
6. Voltear el personaje.
7. Reescribir drawFunc de Kinetic.
Bloque 9: El fondo
1. Colocar la imagen de fondo.
2. Mover el fondo con el personaje.
Bloque 10 : Nivel Dos
1. Cambiar de nivel.
2. Agregar el objeto de la llave.
Bloque 11: Indicadores
1. Interacción con el DOM.
2. Ganaste/Perdiste activar mensajes.

Ojala: Aprende a crear programas en Python paso a paso [Video Curso] [Español]
[ RAR | FLV | 22 Videos | Intermedio | Duración: 2h20 min | 467.61 MB ]

Descripción:
Este curso es una introducción rápida a la programación en Python, vamos a trabajar en la instalación, sintaxis del lenguaje, y trabajaremos un proyecto completo donde aprenderás como estructurarlo y ponerlo en marcha. Trabajaremos con fechas y tiempos, leyendo documentos y archivos, parsearemos archivos HTML, JSON y XML de la web.

¿Cuáles son los requisitos?
Solo necesitas un computador con cualquier sistema operativo, puede ser Windows, OS, Linux o cualquier otro sistema, además vas a necesitar muchas ganas y tiempo para aprender.
¿Qué voy a aprender?
Aprenderás las bases para crear programas en Python, conocerás como estructurar proyectos en este lenguaje y como trabajar con data dentro y fuera del sistema.
¿A quién va dirigido?
Esta dirigido a principiantes en Python y estudiantes con algo de conocimientos en desarrollo web que quieran trabajar con sistema dinámicos hechos a medida.

Zenva: Cómo Programar para Emprendedores – HTML y CSS [Español]
[ RAR | MP4 720p | Pablo Farias Navarro | 1:38 horas | 335.76 MB ]

Descripción:
¿Eres un emprendedor y sufres de alguno de los siguientes síntomas?
Gastas demasiado en desarrollo y ni siquiera entiendes lo que el desarrollador dice. Cada vez que quieres arreglar algo sencillo en tu sitio web (como cambiar un enlace o una imagen) debes pagar de más y esperar semanas a que se concrete. No puedes avanzar con tu idea de negocio porque no sabes programar ni siquiera un prototipo. Si es así déjame decirte que no estás sólo. Trabajo con muchos emprendedores y los problemas mencionados los escucho cada semana. Las razones son las siguientes:

Todas las PYMES y emprendedores necesitan desarrollo en algún grado. Esto puede ir desde una simple página web con una descripción de la empresa, hasta cosas más avanzadas aplicaciones móviles y sistemas informáticos.
Los desarrolladores son caros y escasos, y por ende representan un alto costo para el emprendedor.
Dice el dicho “Programming is the new Math”, la programación es clave en el mundo actual y lamentablemente no te lo enseñaron en el colegio.
Para hacernos cargo de este problema en ZENVA hemos creado los cursos de la serie Cómo Programar para Emprendedores, donde queremos dotar a emprendedores como nosotros los conocimientos y herramientas básicas de desarrollo web para que puedan tener mayores probabilidades de éxito con sus proyectos.
En Cómo Programar para Emprendedores – HTML y CSS veremos lo básico de desarrollo web, cómo crear la estructura de un sitio web y su contenido conHTML, y cómo darle una buena apariencia con CSS.
En el curso desarrollaremos un proyecto desde cero, sin asumir ningún conocimiento previo. El proyecto se trata de una página de inicio estilo “Metro” que se adapta al tamaño de la pantalla. Esta página podría fácilmente tratarse de un APP móvil también.

Contenido:
1. Introducción
2. Conceptos Básicos de Desarrollo Web
3. Títulos y Párrafos
4. Enlaces
5. Imágenes
6. Listas
7. Tablas
8. Formularios
9. Tipos de Input
10. Área de Texto
11. Listas de Selección
12. Estructura de Archivo HTML
13. Estructura del Proyecto
14. Incluir CSS
15. Selecciones con CSS
16. reset.css
17. Box Model
18. Elementos flotantes
19. Anchos Máximos y Mínimos
20. Centrado Horizontal
21. Imagen de Fondo
22. Fuentes con Formato
23. Formateando Listas
24. Formateando Tablas
25. Resumen

Diseño web: HTML y CSS desde cero [Español]
[ RAR | MP4 720p | Francisco Aguilera G. | 34 Clases | 3.18 GB ]

Descripción:
Convierte tus diseños en sitios web 100% funcionales
A lo largo de este curso aprenderás lo necesario para poder crear tus propios sitios web, ya sea para tus clientes o para uso personal. No necesitas tener conocimientos previos, pues partiremos desde lo más básico, con ejemplos sencillos, hasta desarrollar habilidades más avanzadas que te permitan crear un sitio web completo a partir de un diseño creado por ti mismo o proporcionado por otro diseñador o departamento de diseño.

Desde el punto de vista técnico, aprenderás HTML y CSS, los dos lenguajes que son la base para crear cualquier sitio web. Conocerás los fundamentos para poder escribir tus propios códigos desde cero, y compartiré contigo mis trucos personales para aumentar la productividad y optimizar el desarrollo.
EN QUÉ CONSISTE EL CURSO
El curso consiste en una serie de 33 videos cuya duración es de 30 minutos aproximadamente. Dependiendo de la complejidad del tema que tratemos en cada uno de ellos, éstos serán más extensos o más cortos.
Una vez registrado, tendrás acceso al área de alumnos, desde donde podrás ver todos los videos la cantidad de veces que quieras. Junto a cada video encontrarás los enlaces y los archivos utilizados, para que los puedas descargar y comparar con tus propios ejercicios.
En cada video también podrás dejar tus comentarios y preguntas, si es que hubiera algún detalle que no te haya quedado claro y, si hay algún ejercicio que no te esté funcionando puedes contactarte directamente por correo electrónico con el instructor del curso para ayudarte a detectar el problema y corregirlo.
El curso está dividido en trés módulos:
Conociendo HTML y CSS
Tips para obtener resultados óptimos
Aplicando HTML y CSS a un diseño real
A QUIÉNES ESTÁ DIRIGIDO
El curso parte desde un nivel muy básico, por lo tanto, cualquier persona con interés en aprender los contenidos que este curso ofrece, está en condiciones de aprender a crear sus propios sitios web.
El único requisito para este curso es tener un computador con conexión a internet y saber usarlo.
¿POR QUÉ DECIDÍ HACER EL CURSO?
Soy diseñador gráfico publicitario de profesión y me convertí en diseñador web en el camino de mi ejercicio profesional.
Cuando era un estudiante, los conocimientos que recibí sobre el diseño web ya estaban quedando obsoletos y debí re-aprender por mi propia cuenta gracias a la gran ayuda de mi mejor amigo: Internet. En él está toda la información que alguien que quiera dedicarse a la realización de sitios web necesita saber, pero está dispersa en un millar de sitios web diferentes y gran parte de esa información está en inglés o escrito en un lenguaje complejo, exclusivo para nerds y geeks. Me tomó años desarrollar las capacidades necesarias para dedicarme tiempo completo y de manera rentable a la creación de sitios web. Y sigo aprendiendo.
Basado en esa experiencia es que decidí compilar esta información y compartirla de la forma en que a mí hubiera gustado recibirla.

Globalmentoring: Curso de HTML5 y CSS3 [Español]
[ RAR | MP4 | 87 Videos | Ing. Ubaldo Acosta | 935 MB ]

Descripción:
¿Deseas construir sitios Web para el futuro con HTML5 y CSS3?
Si buscas aprender lo último respecto a las tecnologías que están cambiando el futuro, este curso te enseñará a dominar las nuevas y fabulosas características de HTML5 y CSS3. Con este curso desarrollarás aplicaciones Web que se visualicen en los distintos navegadores Web, ya sea aplicaciones Web para Escritorio, Tablets o Celulares.

Aprender a utilizar HTML5 y CSS3 te pondrá a la cabeza de tus compañeros, ya sea si eres diseñador o programador.
¿Cuáles son los Requisitos del Curso?
Los requisitos para tomar este curso es que tengas conocimientos básicos desarrollando páginas Web utilizando HTML y CSS.
Contenido:
Lección 1 – Introducción a HTML5
Lección 2 – Documentos HTML5
Lección 3 – Formularios en HTML5
Lección 4 – Manejo Multimedia en HTML5
Lección 5 – Almacenamiento en HTML5
Lección 6 – Manejo de Archivos en HTML5
Lección 7 – Geolocalización con HTML5
Lección 8 – Manejo de Drag and Drop en HTML5
Lección 9 – Canvas en HTML5
Lección 10 – Introducción a CSS3
Lección 11 – Manejo de Colores en CSS3
Lección 12 – Manejo de Fuentes en CSS3
Lección 13 – Flex Box, Border Redondeados y Fondos Múltiples
Lección 14 – Transiciones y Transformaciones en CSS3
Lección 15 – Media Query – Responsive Web Design
Lección 16 – Ejercicio Final y Conclusión

eSandraEDU: Aprende YA Diseño Web con HTML5 y CSS3 [Español]
[ RAR | MP4 | 26 videos | 562.48 MB ]

Descripción:
Descubre cómo planificar paso a paso un diseño web de éxito.
Conoce como usar las herramientas de diseño web a tu alcance.
Aprende a maquetar en HTML5 y CSS3 con un proyecto real.
Adquiere una visión del diseño web que te acerque a tus metas.

OBJETIVOS+
El objetivo del curso es que te conviertas en un profesional del diseño web, aprendiendo no sólo las tecnologías asociadas, sino también a pensar como un diseñador web y a saber cuál es la mejor manera de trabajar con tus clientes y crear relaciones win-win con ellos.
1. SABER CREAR UN DISEÑO WEB PROFESIONAL DESDE CERO
De la idea al prototipo, pasando por la maqueta y el código, aprende ahora diseño web.
2. APRENDER HTML5 Y CSS3 CON UN EJEMPLO REAL.
La mejor manera de aprender es con la práctica, así que todo el curso va enfocado a un ejemplo real.
3. DESCUBRIR CÓMO TRABAJAR CON EL CLIENTE.
Crea relaciones constructivas con tus clientes, descubriendo los errores típicos de los principiantes.
Contenido:
1. OBJETIVOS DEL DISEÑO WEB
En este apartado veremos los 10 pasos del diseño web y nos centraremos en los dos primeros, en que veremos cómo definir los objetivos de un sitio web para la correcta planificación del diseño, así como qué contenidos escoger y dónde publicarlos dentro de la web.
Los 10 pasos del diseño web
Definir los objetivos de un sitio web
Ejemplos de objetivos de un sitio web
Los contenidos del diseño web
Decidir los contenidos a publicar en la web
Cómo tratar con el cliente. Consejos prácticos
Modelo de presupuesto para diseño web
2. MAQUETACIÓN WEB
En este apartado aprenderemos a crear un prototipo de un sitio web para ser más efectivos a la hora de trabajar con el cliente, en caso que este quiera cambios a la propuesta del diseño. Aprenderemos además los conceptos básicos de Balsamiq y Photoshop para diseño web.
La creación de prototipos
El sketch
Los wireframes
Introducción a Balsamiq
Photoshop básico para diseño web
3. HTML5 Y CSS3
Aquí empieza la parte práctica, con más de tres horas de vídeo para aprender a crear un sitio web desde cero con HTML5, CSS y CSS3. Aprenderás paso a paso a crear una página web real con un editor de código tipo Sublime Text.
Introducción a HTML5
La cabecera en HTML5. Insertar imágenes
La sección head en HTML5
Cómo centrar la estructura o layout
Conceptos básicos de CSS
Aprender a crear un sprite de CSS
Insertar un teléfono en la cabecera. El CSS del body
Creación de un campo de búsqueda
Crear el menú de navegación principal
Botón con efectos de CSS3
Creación de columnas en HTML5
Insertar la opinión de un cliente en la web
Crear zonas de 5 columnas con los logos de los clientes
Creación del footer o pie de página en HTML5
Aprender a crear un formulario de contacto
4. LANZAMIENTO DISEÑO WEB
Antes de proceder al lanzamiento, habremos de verificar que todo esté correcto y que la web se visualice bien en todos los navegadores principales.
Cómo solucionar problemas de compatibilidad
Cómo corregir los errores de validación del código
Cómo usar FileZilla para subir la web al servidor
Cómo pedir feedback al cliente y otros diseñadores