enero
15
Datos Técnicos
Crea un sitio web desde cero con HTML y CSS (psd a html)
1.07 GB | 6 Horas | Spanish | Cristian Carrera | Programación / Desarrollo Web | 2013
Descripción del curso
Aprende a crear un sitio web desde cero, convirtiendo un diseño PSD a HTML de forma profesional usando HTML y CSS.

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

¿Que haremos en el curso?

Este curso son 6 hrs de vídeo 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 vídeo, 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 navegadores
  • 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

Requisitos
¿Cuáles son los requisitos?

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

¿Qué voy a aprender en este curso?

¡Más de 15 clases y 6 horas de contenido!
Aprender maquetación web profesional con XHTML y CSS.
Conocer a fondo el lenguaje XHTML y CSS (se incluyen 2 minicursos)

¿A quién está dirigido?

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

Contenido
Sección 1: Bienvenido
  • Lectura introductoria (PDF) 1 página
  • Introducción al curso 03:20

Sección 2: Conceptos básicos de maquetación

  • Domina el lenguaje HTML y XHTML (Bono 1) 35:49
  • Domina el CSS (Bono 2) 37:31

Sección 3: Análisis y preparación

  • Análisis del proyecto 28:49
  • Preparación del PSD y carpetas 25:15
  • Recorte y optimización de imágenes 22:09
  • Sección 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

Sección 5: Materiales de trabajo

  • Descarga de materiales para trabajar Texto
  • Pack de Templates Texto
  • Lectura final y conclusiones (PDF) 1 página

Captura
      
Trailer
Enlaces Privados
UDEMY.Crea.un.sitio.web.desde.cero.con.HTML.y.CSS.(psd.a.html)
Inicia SESIÓN PARA VER LOS ENLACES.
Enlaces Públicos
UDEMY.Crea.un.sitio.web.desde.cero.con.HTML.y.CSS.(psd.a.html)
REGISTRARTE E INICIA SESIÓN PARA VER LOS ENLACES.

[E.MAGNETICO] UDEMY.Crea.un.sitio.web.desde.cero.con.HTML.y.CSS.(psd.a.html)

Contraseña/Password: www.intercambiosvirtuales.org

Importante
Los archivos estan comprimidos con WinRAR 5.3 empleando la opción de fichero RAR5, para descomprimir dichos archivos se recomienda actualizar tu descompresor.
Web del Autor
No somos responsables de los enlaces en la caja de comentarios sociales, usarlos bajo su propio juicio.
@Manuel 18/01/2016 09:10:43 #51

Disculpen no tengo cuenta pero me interesa el curso! como hago para bajarlo

@Cristian JC 18/01/2016 10:53:17 #52

Gracias

@Rolando Osejo 20/01/2016 11:36:39 #53

Vamos a ver que tal…. ando un poquitin oxidado, pero recordar o aprender cosas nuevas no esta nada mal :grin:

@maelisa 20/01/2016 20:30:37 #54

:grin: gracias descargando :notworthy: :notworthy: :notworthy:

@BadilloBadBoy 21/01/2016 07:12:29 #55

Muchas Gracias esto me viene como anillo al dedo.

@ViktorV 21/01/2016 15:12:46 #56

Muuuuuuuchisimas gracias…

@wnajarro 22/01/2016 10:11:15 #57

Muchas gracias, excelente curso…a estudiar se ha dicho :crash:

@elwizard 24/01/2016 12:47:13 #58

Probando. Muchas gracias :grin:

@jagodiaz 24/01/2016 21:30:28 #59

Dice que el archivo tiene un formato desconocido ó está dañado. Por favor se puede arreglar…? Gracias… :grin:

@Drokem 25/01/2016 16:42:41 #60

Gracias descargando!!!

@jagerultimate 26/01/2016 12:53:21 #61

Super muchisimas gracias por el tutorial descargado

@Alexrom 26/01/2016 20:01:38 #62

Muy interesante. Muchas gracias.

@Am_S 28/01/2016 15:51:28 #63

Excelente aporte maestro!
Bajando a mil por hora…

@Nathan182 29/01/2016 10:05:50 #64

Parece intersante, sera q se puede conectar a BD?

@KURAMA 31/01/2016 08:23:46 #65

Graaciaaaass excelente aporte como solo esta web sabe hacerlo!!! descargando!!! :clapping: :clapping: :clapping: :clapping:

@jose montiel 31/01/2016 11:51:31 #66

Gracias por el aporte es de gran ayuda!!

@frau 01/02/2016 16:09:57 #67

Muy buen material, mucha gracias

@jeff jimenez 01/02/2016 16:46:08 #68

Excelente aporte

@scarloss 14/02/2016 10:56:00 #69

Muchas gracias por tantos cursos tan buenos

@NemoJulesjr4 18/02/2016 00:20:28 #70

Espero ver un poco y opinar que tal esta. Me pregunto como diseñarán la pagina de Intercambios V.

@yoshic 22/02/2016 23:50:53 #71

:grin: excelente, gracias

@Demonofthefall 14/03/2016 12:26:14 #72

gracias por el tutorial

@mbarron 17/03/2016 20:02:11 #73

muchas gracias :bleh: :bleh:

@andres campuzano 22/03/2016 12:03:56 #74

gracias, me sirve a mi proyecto :bleh: :bleh: :bleh: :giveup:

@tarka 29/03/2016 15:32:51 #75

Gracias por el curso.

@24Shadow 14/05/2016 21:31:53 #76

Gracias descargando…! :clapping: :notworthy:

@Zyx 06/06/2016 09:56:09 #77

Se agradece montonon por compartir conocimiento valiosos, grande iv´s sigan asi

@assas 07/09/2016 00:19:58 #78

Gracias

@xdarkey 30/05/2017 19:13:41 #79

Los links de mega caidos, :sad:

@mkc2021 04/07/2017 20:28:01 #80

gracias por este gran aporte :bleh: :bleh:

¿Algo que Comentar?

Tu avatar en los
comentarios

Sonrisa Triste, Afligido, Apenado Sonrisa Guiñar un ojo Burla, Broma, Sarástico Muerto de Risa Contento, Feliz Neutral, Sin Palabras Roll Eyes (Sarcástico) Conmocionado, Impresionado Confundido, Desorientado Chido, Bueno, Exelente, Lindo Sonrojado, Ruborizado, Avergonzado Risa Malvada, Malvado Enojado, Enfadado Sorpresa, Asombro, Admiración Loco, Enojado, Enfadado y con Ideas Disparatadas Llanto, Lloro, Desconsuelo Exclamación, Imprecación Idea, Opinión Flecha Enojado        

Tenga en Cuenta: La moderación de comentarios está habilitada y puede retrasar tu comentario. No hay necesidad de volver a enviar su comentario.