Crea un sitio web desde cero con HTML y CSS (psd a html)
0.0 (0 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
5 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Crea un sitio web desde cero con HTML y CSS (psd a html) to your Wishlist.

Add to Wishlist

Crea un sitio web desde cero con HTML y CSS (psd a html)

Aprende a crear un sitio web desde cero, convirtiendo un diseño PSD a HTML de forma profesional usando HTML y CSS.
0.0 (0 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
5 students enrolled
Created by Cristian Carrera
Last updated 6/2013
Spanish
Current price: $10 Original price: $65 Discount: 85% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 6 hours on-demand video
  • 2 Articles
  • 2 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Aprender maquetacion web profesional con XHTML y CSS.
  • Conocer a fondo el lenguaje XHTML y CSS (se incluyen 2 minicursos)
View Curriculum
Requirements
  • Una computadora e internet.
  • Un editor de texto
  • Muchas ganas de aprender!
Description

Curso de Diseño Web para principiantes

¿Te gustaría aprender a crear sitios web pero te sientes un poco asustado o confundido por el código?

Pues… ¿Sabes qué?

Las 2 lenguajes más importantes dentro del diseño web, que son HTML y CSS, realmente son muy fáciles de aprender!

Sólo necesitas que alguien te lo explique de la forma correcta.

Y allí es donde entro yo.

Mi nombre es Cristian Carrera y diseñador y programador web desde hace mas de 10 años.

Tiempo atrás yo era como tú, no tenía idea de código HTML ni CSS...
Pensaba: "¿Por qué los sitios web tienen que ser construidos con ese código tan complicado!"

Comencé a estudiar estos lenguajes y me di cuenta que realmente son muy simples. De verdad!

Por eso me decidí a enseñarlos!

Pienso que la forma más efectiva de aprender cualquier lenguaje de programación es meterse de lleno practicando y practicando. Es por eso que este es un curso teórico/práctico.

En este curso te guiaré paso a paso para ayudarte a que pases de ser un principiante a un diseñador de páginas web con todas las herramientas necesarias para comenzar la codificación de sus propios sitios web, ya sea personales o profesionales.

No se requiere experiencia

A lo largo del curso, vamos a construir una página web de forma profesional maquetando en HTML y CSS, partiendo de un diseño en formato PSD.

¿Qué estás esperando?

Sé que este curso te proporcionará un gran valor, y te daré un conjunto de habilidades que seguramente cambiarán tu vida.

Te propongo que lo hagamos juntos!

¿Que haremos en el curso?

Este curso son 6 hs de video donde te llevo de la mano por todo el proceso de maquetación, desde el diseño PSD en Photoshop, hasta la codificación en HTML y CSS, pasando por la organización del proyecto, el recorte y exportado de imágenes y la escritura del código. Y todo esto, con un proyecto concreto y en tiempo real.

En este curso en video, te mostraré yo mismo como realizo la maquetación completa de una página web desde un PSD a HTML, resolviendo cada uno de los elementos que se presentan.

Con el curso aprenderás:

  • Como analizar tu proyecto para tomar decisiones correctas
  • Como dividir efectivamente las partes del documento
  • Como optimizar al máximo el tiempo de desarrollo
  • Como preparar y optimizar las carpetas del proyecto
  • Como escribir correctamente código HTML 100% compatible entre avegadores
  • Como manejar textos, títulos, párrafos , listas y DIVs
  • Como crear y aplicar estilos a tus elementos del documento por medio de CSS
  • Como crear fondos de página infinitos, adaptables a diferentes resoluciones
  • Como combinar fondos degradé con imágenes
  • Como recortar, optimizar y exportar correctamente la imágenes el documento
  • Como generar la estructura principal del documento HTML
  • Como pasar las secciones del diseño al HTML con medidas exactas
  • Como ubicar perfectamente los elementos en el documento
  • Como adaptar el documento a las diferentes resoluciones de pantalla
  • Como volcar los contenidos de texto a tu estructura HTML (utilización de etiquetas)
  • Como dar formato a los textos para igualar al diseño original
  • Como generar correctamente los menús por medio de las listas
  • Como volcar efectivamente los contenidos gráficos
  • Como optimizar el código para los buscadores (textos, títulos e imágenes)
  • Como trabajar con las etiquetas META para posicionamiento SEO

Puedes visitar mi perfil y ver mis otros cursos para continuar avanzando en tu formación:

https://www.udemy.com/u/cristiancarrera/

Who is the target audience?
  • Estudiantes de Diseño Web
  • Bloggers
  • Informáticos
  • Webmasters
  • Diseñadores Web Principantes
  • Diseñadores Gráficos
Students Who Viewed This Course Also Viewed
Curriculum For This Course
15 Lectures
05:55:11
+
Bienvenido
2 Lectures 03:20

VIDEO Introducción (ver primero)
Preview 03:20
+
Conceptos básicos de maquetación
2 Lectures 01:13:20

Curso de CSS.
Domina el CSS (Bono 2)
37:31
+
Análisis y preparación
3 Lectures 01:16:13
Analizando el proyecto antes de empezar.
Análisis del proyecto
28:49

Preparacion del archivo  PSD y la estructura de carpetas del sitio.
Preparación del PSD y carpetas
25:15

Recortando y optimizando las imagenes del proyecto.

Recorte y optimización de imágenes
22:09
+
Manos a la obra ! (codificación)
5 Lectures 03:19:38
Generación de la estructura
52:08

Volcado de contenidos y aplicación de estilos (parte 1)
57:59

Volcado de contenidos y aplicación de estilos (parte 2)
39:32

Volcado de contenidos y aplicación de estilos (parte 3)
39:59

Optimización para buscadores
10:00
+
Materiales de trabajo
3 Lectures 00:11
Descarga de materiales para trabajar
00:08

Pack de Templates
00:03

Lectura final y conclusiones
1 page
About the Instructor
Cristian Carrera
3.6 Average rating
61 Reviews
1,117 Students
5 Courses
Diseñador y Programador Web

Mi nombre es Cristian Carrera, soy Diseñador Gráfico y Programador Web desde hace más de 10 años.
Me especializo en maquetación de sitios web con HTML5, CSS3 y JS.
Y en desarrollos en PHP y MySQL.

Durante los últimos años, me he dedicado a perfeccionar el proceso de maquetación web con estándares W3C, y compatibilidad multi-browser, buscando la minimización del código utilizado.
Al ser diseñador, me apasiona la perfección visual y el respeto por el diseño original de los sitios web con los que trabajo (pixel perfect), como así también la potabilidad de los mismos en diferentes dispositivos móviles.