Curso de Dise�o Web

Proceso desde cero

4.5

Course in Spanish

30 days Money Back Guarantee
Certificate of Completion
More than 1 hour of content
Additional Material
Lifetime
access

Teacher: Jose Javier Villena

Details

Description

Aquí tienes todo el proceso de diseño web con todos los pasos que debes seguir para llevar una metodología de trabajo profesional. Asegurándote de conseguir un buen resultado sin tener que repetir varias veces algunas cosas por no haber seguido un orden correcto.

Con este curso conocerás paso a paso, cada una de las áreas o etapas de trabajo en la planificación, diseño, desarrollo, lanzamiento y entrega de una página web.

View full description Hide full description

Objectives

Conocer las etapas del dise�o de un sitio Web
Familiarizarse con los conceptos b�sicos y generales del Dise�o Web.

Instructional level

Introductory

Chapter 1: Tabla Periódica
- 1 Introducción 01:54 min
  
  DescriptionIntroducción al curso de diseño web desde cero. Todo el proceso de diseño web estará explicado en los siguientes videos
- 2 Definir Proyecto 03:35 min
  
  DescriptionEn este video de diseño web hablaremos sobre definir el proyecto: entender sobre qué trata el proyecto a través de una conversación franca con el cliente
- 3 Audiencia 02:13 min
  
  DescriptionEn este video de diseño web hablaremos sobre la audiencia: debes reconocer cuál es la audiencia objetivo a quien va dirigida la pagina. Esto determinará todo el diseño y contenido
- 4 Lección 3 02:52 min
  
  DescriptionEn este video sobre diseño web hablaremos sobre objetivos: define qué objetivos se buscan lograr a través de la pagina. Y el orden de prioridad entre los objetivos que se persigan
- 5 Especificaciones Técnicas 02:57 min
  
  DescriptionEn este video sobre diseño web hablaremos sobre especificaciones tecnicas: delimita las especificaciones que debe tener la pagina, tales como la compatibildiad con navegadores y versiones
- 6 Inventario de Contenido 02:31 min
  
  DescriptionEn este video sobre diseño web hablaremos sobre el Inventario del Contenido: detalla el listado de todo el contenido que debe reunir la web a lo largo de sus secciones
- 7 Recursos 02:32 min
  
  DescriptionEn este video sobre diseño web hablaremos sobre los recursos proporcionados por el cliente que debemos reunir antes de comenzar el desarrollo , como imágenes, logo, BBDD, fuentes, etc.
- 8 TimeLine 02:25 min
  
  DescriptionEn este video sobre diseño web hablaremos sobre el Time Line, marca las fechas en las que deberá estar lista la primera version inicial y la publicacion de la version definitiva
- 9 Presupuesto 03:37 min
  
  DescriptionEn este video sobre diseño web hablaremos sobre el presupuesto: establece la cantidad de recursos económicos de los que se dispone para definir el grado de diseño y el costo de servicios adicionales
- 10 Conceptos Iniciales 02:44 min
  
  DescriptionEn este video sobre diseño web hablaremos sobre los Conceptos Iniciales, haz un análisis preliminar y establece conceptos básicos a groso modo sin entrar en detalles
- 11 Lluvia de Ideas 02:30 min
  
  DescriptionEn este video sobre diseño web hablaremos sobre la lluvia de ideas: anota toda la avalancha de ideas que se te ocurran para el diseño de la página a fin de cumplir la estrategia acordada
- 12 Arquitectura 01:53 min
  
  DescriptionEn este video sobre diseño web hablaremos sobre la arquitectura: define la estructura que tendrá la web, como se organizarán los conceptos en las diferentes secciones de la navegación
- 13 Layouts 02:36 min
  
  DescriptionEn este video sobre diseño web hablaremos sobre los Layouts: diseña como se presentarán los elementos de cada página en diferentes resoluciones de pantalla
- 14 Usabilidad 02:54 min
  
  DescriptionEn este video sobre diseño web hablaremos sobre Usabilidad: diseña la web para ser intuitiva, fácil de usar y dirigir la atención a los elementos que cumplan el objetivo principal del sitio web
- 15 Mockups 02:30 min
  
  DescriptionEn este video sobre diseño web hablaremos sobre Mockups: antes de comenzar a hacer el código haz un diseño gráfico del aspecto final que pretendes que tenga la web
- 16 Paleta de Colores 02:54 min
  
  DescriptionEn este video sobre diseño web hablaremos sobre la Paleta de Colores: elige una gama de colores con los que pintar toda la web, sigue las siguientes páginasCómo combinar colores para la web: http://www.cristalab.com/tutoriales/Herramienta online de Creación de Paletas: http://www.circulocromatico.org/
- 17 Logotipo 01:50 min
  
  DescriptionEn este video sobre diseño web hablaremos sobre el Logotipo: diseña un logotipo que refleje las caracteristicas del clienteAVISO: si no sabes bien diseña logotipos encargaselo a alguien profesional en ese campo
- 18 Áreas Visuales 01:39 min
  
  DescriptionEn este video sobre diseño web hablaremos sobre las Áreas Visuales: diseña las areas globlales más grandes antes de hacer los elementos internos específicos, primero empieza por los contenedores más grandes
- 19 Elementos Visuales 02:17 min
  
  DescriptionEn este video sobre diseño web hablaremos sobre Elementos Visuales: una vez diseñada las áreas genéricas, define el aspecto final de los elementos más concretos como botones, links, etc.
- 20 Tipografía 02:30 min
  
  DescriptionEn este video sobre diseño web hablaremos sobre Tipografías: elige o crea una tipografía que corresponda con el publico, servicio e imagen que el cliente desea proyectar. Banco de Fuentes:http://www.fontsquirrel.com/https://www.google.com/fontshttps://edgewebfonts.adobe.com/fontshttp://www.fontspace.com/ Convertir Fuentes Online:http://es.fonts2u.com/font-converter.htmlhttp://www.elconvertidor.com/font-converter.php
- 21 Animaciones 03:45 min
  
  DescriptionEn este video sobre diseño web hablaremos sobre animaciones: decide si sería bueno añadir animaciones o efectos. En tal caso define como serán, su impacto en la UX y el efecto que deseas lograr
- 22 Test de UX 02:34 min
  
  DescriptionEn este video sobre diseño web hablaremos sobre Test UX: mostrando el diseño gráfico pide a los usuarios de pruebas que indiquen que llama su atención, si es intuitivo, sencillo, etc.
- 23 Compatibilidad 02:11 min
  
  DescriptionEn este video sobre diseño web hablaremos sobre compatibilidad: haz un test donde compruebes el grado de compatibilidad que tendria en los dispositivos y/o navegadores tu diseño
- 24 Plantillas 02:23 min
  
  DescriptionEn este video sobre diseño web hablaremos sobre Plantillas: presenta 2-3 prototipos del aspecto final al cliente para que elija el que mas le convence, prototipos gráficos, no paginas creadas con html/css, SOLO diseños gráficos
- 25 Estándares Web 03:00 min
  
  DescriptionEn este tutorial sobre diseño web hablaremos sobre Estándares Web. Una vez ya sabes el diseño final que tendrá la web, debes elegir con qué lenguajes y estándares desarrollarla.
- 26 FrameWorks 02:40 min
  
  DescriptionEn este tutorial sobre diseño web hablaremos sobre FrameWorks. Elige el framework y/o CMS que vayas a emplear para el desarrollo: jquery, wordpress, angular, etc. Elige el que mejor domines, no el que la mayoría diga que es mejor.
- 27 Bases de Datos 02:30 min
  
  DescriptionEn este tutorial sobre diseño web hablaremos sobre Base de Datos. Diseña la estructura de la BBDD de forma que permita un crecimiento escalable y modular
- 28 Funcionalidad 01:52 min
  
  DescriptionEn este tutorial sobre diseño web hablaremos sobre Funcionalidad. Implementa las acciones que debe ejecutar la web ANTES de pasar al codigo el contenido y el diseño. Tu página PRIMERO debe ser fea, pero eficaz
- 29 Contenido 02:21 min
  
  DescriptionEn este tutorial sobre diseño web hablaremos sobre el Contenido de la web. Tras realizar todos los pasos anteriores, ahora es el momento de añadir todo el contenido que anotaste en el inventario de contenido durante la fase de estrategia: textos, fotos, animaciones...
- 30 Ejecución 02:27 min
  
  DescriptionEn este tutorial sobre diseño web hablaremos sobre la Ejecución: Revisa si debes usar un contenido más ligero u optimizar los scripts, ya que el contenido ha podido ralentizar la página
- 31 Seguridad 03:33 min
  
  DescriptionEn este tutorial sobre diseño web hablaremos sobre Seguridad. Implementa medidas para la seguridad: actualiza el CMS, copias de seguridad, anti-virus en el servidor donde se aloje...
- 32 Marcado 02:45 min
  
  DescriptionEn este tutorial sobre diseño web hablaremos sobre Marcado. Revisa que las palabras clave y los títulos estén etiquetados correctamente para asegurar un buen posicionamiento
- 33 Test Final 02:24 min
  
  DescriptionEn este tutorial sobre diseño web hablaremos sobre el Test Final. Haz la ultima revision de la web comprobando su funcionalidad, UX, seguridad, etc. antes de lanzarla como pública
- 34 Subir archivos al Servidor 02:10 min
  
  DescriptionEn este tutorial sobre diseño web hablaremos sobre la subida al Servidor. Transfiere todos los datos al servidor. Puedes usar algún sistema de control de versiones o FTP
- 35 Garantizar el Funcionamiento 02:11 min
  
  DescriptionEn este tutorial sobre diseño web hablaremos sobre Garantizar el buen funcionamiento. Programa tareas periódicas que aseguren la solidez de la web revisando la exactitud de los nuevos datos introducidos
- 36 Analytics 02:13 min
  
  DescriptionEn este tutorial sobre diseño web hablaremos sobre Analíticas. Saber como es el tráfico permitirá saber que partes de la web funcionan bien o mal, así como a definir las campañas
- 37 Entrega de Archivos 02:13 min
  
  DescriptionEn este tutorial sobre diseño web hablaremos de la Entrega de archivos al cliente. Provee al cliente todos los archivos que has usado en las fases de desarrollo. Tiene el derecho a ello
- 38 Entrenamiento Personal 03:39 min
  
  DescriptionEn este tutorial sobre diseño web hablaremos sobre el Entrenamiento al Personal. Dedica el tiempo necesario a enseñar al personal a usar la web correctamente. Asegúrate de que anotan los puntos clave
- 39 Soporte 02:12 min
  
  DescriptionEn este tutorial sobre diseño web hablaremos sobre el Soporte. Es muy probable que algún punto del desarrollo dé errores y debas corregirlo, así como los provocados por el personal
- 40 Optimización 02:07 min
  
  DescriptionEn este tutorial sobre diseño web hablaremos de la Optimización. El trafico puede variar o quizás sea el propio cliente quien evolucione. Eso te obligará a optimizar la web al nuevo perfil que ha surgido
- 41 Actualizar Diseño, Funcionalidades y Contenido 03:32 min
  
  DescriptionEn este tutorial sobre diseño web hablaremos sobre Actualizaciones Actualizar Diseño: con el tiempo surgiran nuevas tendencias en el diseño web y el cliente quizas quiera estar el día Actualizar Funcionalidades: La evolucion del clietne hara que los servicios que ofrece se amplien o cambien. Esto se debera reflejar en la pagina Actualizar Contenido: Si el sitio web se estanca en el contenido ofrecido, no habrá muchas visitas. Debe renovarse periodicamente

The Teachlr

Jose Javier Villena

Analista-Programador

Soy un apasionado de la programaci�n en varios lenguajes. Tengo m�s de 10 a�os de experiencia como analista-programador en diferentes lenguajes (xml, c++, javascript, vbasic, pl/sql, html, css, etc) y sistemas de bases de datos, gestionando la aplicaci�n usada en m�s de 20 hospitales y centros de Madrid, as� como dando soporte en las Terminales del Aeropuerto Internacional de Barajas Adolfo Suarez (MAD) y adem�s he impartido cursos como tutor en otros canales y plataformas online a nivel mundial

Reviews

H�ctor Santiago Sandoval Jimenez

Exelente curso. Muy buen trabajo
Irina Agretti

Muy claro y a pesar de tener conocimiento de lo que se habl�, el profe aport� muchas cosas nuevas que me sirvieron.
Pablo Agesta Toledo

Exelente curso y muy completo. Totalmente recomendable ya que va al punto mismo del asunto. Abrazo
Rosa Amelia Sandoval

Gracias!!!
Maria Eugenia Pinte�o

muy buena explicacion , me gusto
Indira Chaparro

Me pareci� genial, esta muy bien explicado y conciso.
Lucia G�mez Mateo
Manuel E Velazquez
Oriana jesus hernandez mezones

Excelente curso! muy especifico.
Jorge Andres Campos Tapia

Excelente informaci�n clara y directa.