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
$65
Take This Course
  • Lectures 15
  • Contents Video: 6 hours
    Other: 3 mins
  • Skill Level All Levels
  • Languages Spanish
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 5/2013 Spanish

Course 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/

What are the requirements?

  • Una computadora e internet.
  • Un editor de texto
  • Muchas ganas de aprender!

What am I going to get from this course?

  • Aprender maquetacion web profesional con XHTML y CSS.
  • Conocer a fondo el lenguaje XHTML y CSS (se incluyen 2 minicursos)

What is the target audience?

  • Estudiantes de Diseño Web
  • Bloggers
  • Informáticos
  • Webmasters
  • Diseñadores Web Principantes
  • Diseñadores Gráficos

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Bienvenido
Lectura introductoria
Preview
1 page
03:20
VIDEO Introducción (ver primero)
Section 2: Conceptos básicos de maquetación
35:49
Curso de HTML y XHTML
37:31
Curso de CSS.
Section 3: Análisis y preparación
28:49
Analizando el proyecto antes de empezar.
25:15
Preparacion del archivo  PSD y la estructura de carpetas del sitio.
22:09
Recortando y optimizando las imagenes del proyecto.

Section 4: Manos a la obra ! (codificación)
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
Section 5: Materiales de trabajo
Descarga de materiales para trabajar
Article
Pack de Templates
Article
Lectura final y conclusiones
1 page

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Cristian Carrera, 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.

Ready to start learning?
Take This Course