Curso Diseño web responsive con CSS

Curso Diseño web responsive con CSS

Información de: Diseño web responsive con CSS

Diseño web responsive con CSS. Aprende está técnica de desarrollo y diseño. Haz tus sitios responsive mediante CSS

El responsive web design es una técnica de diseño y desarrollo web que consigue adaptar el sitio web al entorno del usuario mediante el uso de HTML y CSS, entre otros elementos. Google penaliza aquellos sitios no adaptados de este modo y este curso te va a enseñar a conseguir una versión adaptable básica. Mediante la modificación de atributos CSS y etiquetas HTML y el uso de nuevas reglas CSS aprenderás a evaluar y valorar el trabajo que actualmente realizas y complementes así tus conocimientos de maquetación de webs responsive.

La importancia del diseño en nuestro trabajo web

A lo largo de este video explicaremos cómo unas buenas técnicas de diseño y una correcta estructuración del código pueden hacer más sencilla la implementación del diseño responsive en nuestros proyectos web.
  • La importancia del diseño en el responsive con CSS   02:45
  • Diseño líquido versus diseño flexible en CSS   06:17
  • Por dónde empezar en cuanto al diseño del HTML   01:48

Ejemplo práctico: cómo crear un documento HTML responsive

En este capítulo trabajaremos con el código HTML y las necesidades de un proyecto web para que cumpla las expectativas de una web responsive. Explicaremos tanto las etiquetas HTML necesarias como los elementos CSS indispensables para poder llevar a cabo nuestro objetivo.
  • Qué es viewport y cómo usarlo para lograr buenos resultados   03:03
  • Entender las herramientas mediaquery del diseño responsive   03:46
  • Usar una rejilla flexible mediante el uso adecuado de CSS   05:48
  • Imágenes responsivas dentro de un documento HTML con CSS   02:36
  • Texto responsivo integrado en el diseño y en el uso de CSS   03:23
  • Cómo trabajar con herramientas CSS al maquetar el documento   04:57

Maquetación del proyecto web realizado en HTML con CSS

Vamos a trabajar con nuestro proyecto web evaluando el diseño existente y aplicando cambios de HTML y de CSS, y veremos cómo, mediante la virtualización del proyecto en distintos dispositivos móviles, seremos capaces de adaptar nuestro proyecto web a una versión responsive.
  • Orden lógico de trabajo dentro del proyecto web responsive   01:39
  • Creación del HTML5 e implementación dentro del responsive   04:49
  • Creación del CSS3 e implementación en la web responsive   02:43
  • Las mediaquery y su implementación en la web responsive   09:58

Capturas:

DisenowebresponsiveconCSS1.md.jpgDisenowebresponsiveconCSS2.md.jpgDisenowebresponsiveconCSS3.md.jpgDisenowebresponsiveconCSS4.md.jpg

Datos técnicos:

  • Formato: .MP4
  • Resolución: 1280x720p
  • Tamaño: 200 MB
  • Idioma: Español
  • Formadores: Zuriñe Menéndez Cayrols
  • Contenido: 13 Videos
  • Duración: 53 min
  • Software: CSS, CSS 3, HTML, HTML 5
  • Archivos Base: Incluye
  • Fecha de publicación: 22-jun-2016
  • Empresa: Video2Brain
¡No más Publicidad invasiva e intrusiva!

Hemos decidido quitar la publicidad invasiva e intrusiva, cada vez los anunciantes son más agresivos, con la finalidad de infectar y secuestrar los ordenadores de los navegantes. Por ese motivo hemos decidido quitar por completo los Pop-up y Pop-Under. Ahora te pedimos que simplemente desactives tu ADBlock o sistema anti-publicidad y apoyes a la comunidad con el mantenimiento, haciendo clic en los anuncios, por lo menos cada vez que entres a visitarnos. Ya sea en los que están encima de la caja de comentarios o debajo de la caja de portada, (Publicidad de productos) o los anuncios del acortador "Abelhux" (Publicidad de Google) Toda está publicidad es completamente segura. Esta acción es importante para seguir manteniendo los servidores de la comunidad, esperamos tu apoyo. Atte: TeamNsN.
Curso.Diseno.web.responsive.con.CSS! UsersCloud Turbobit Uploaded Rapidgator 1Fichier Mega Uptobox Go4Up Openload
Archivos Base! Enlaces
Autor: RoBeRtS (13 Julio 2016 12:34)
Gestión: [Actualizar]
Descargas: 2685 | Tamaño: 201 Mb
Ultima actividad: sin actividad
Contraseña: ingilizceyazkazan.com
Contenido:
Curso.Diseno.web.responsive.con.CSS (3 Archivos)
file DescargasNsN.url (184 b)
txt Informacion del archivo.txt (13.07 Kb)
rar MFFVKLSF54G.rar (200.99 Mb)
Contraseña:
DescargasNsN
Página oficial:Enlace al artículo oficial

Si te gusta o te ayuda este artículo. Apoya a los desarrolladores comprando este material.

  • 82
  • 22 719

Añadir comentario

    • bowtiesmilelaughingblushsmileyrelaxedsmirk
      heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
      winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
      worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
      expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
      disappointedconfoundedfearfulcold_sweatperseverecrysob
      joyastonishedscreamtired_faceangryragetriumph
      sleepyyummasksunglassesdizzy_faceimpsmiling_imp
      neutral_faceno_mouthinnocent

Comentarios 82

  1. Offline
    Huésped Cristian
    Huésped Cristian 2 Julio 2018 05:07
    + 0 -
    Muchas gracias por el aporte

    Citar: Cristian
    Muchas gracias por el aporte
  2. Offline
    rgomezram 4 Noviembre 2017 23:03
    + 0 -
    Gracias!!!!!
  3. Offline
    Peperino 11 Mayo 2017 20:33
    + 0 -
    Este curso va al grano Muchas gracias
  4. Offline
    jackripper 28 Febrero 2017 03:47
    + 0 -
    lo probare gracias
  5. Offline
    kryssbenton 9 Febrero 2017 05:21
    + 0 -
    eXCELENTE, VAMOS A VER QUE TAL, muchas gracias por este aporte.
  6. Offline
    Huésped Mau
    Huésped Mau 26 Noviembre 2016 02:17
    + 0 -
    muchas gracias, descargando.
  7. Offline
    jcastro22 10 Octubre 2016 06:04
    + 0 -
    Muchas gracias
  8. Offline
    engalzado 23 Septiembre 2016 20:59
    + 0 -
    aporte muy interesante. Fantastico
  9. Offline
    uvector 9 Septiembre 2016 20:48
    + +1 -
    Muchas Gracias por los aportes para crecer en conocimientos, RoBeRtS...
    --------------------
    Sí a la eVolución Personal y al Desarrollo del Conocimiento...
  10. Offline
    astulfo 1 Septiembre 2016 10:16
    + 0 -
    Muchas gracias, Roberts
  11. Offline
    tarka26 1 Agosto 2016 18:57
    + 0 -
    Gracias por el curso.
  12. Offline
    virusnet999 1 Agosto 2016 00:13
    + 0 -
    Muy agradecido por el curso nos ayudara a crecer un poco mas en nuestras habilidades.
  13. Offline
    joshitobuba 30 Julio 2016 18:34
    + 0 -
    Muchas gracias por el aporte!!
  14. Offline
    humberto2008 29 Julio 2016 21:44
    + 0 -
    Excelente Aporte, gracias
    --------------------
    Humberto
  15. Offline
    evaristin 27 Julio 2016 16:46
    + 0 -
    Muy buena pinta, fantástico aporte. Muchas gracias
  16. Offline
    manu7777 25 Julio 2016 21:50
    + 0 -
    Gracias por el aporte !!
  17. Offline
    Irlandés 23 Julio 2016 21:55
    + 0 -
    Muy útil. Muchas gracias.
  18. Offline
    falo17 22 Julio 2016 22:59
    + 0 -
    grandioso aporte muchas gracias
  19. Offline
    pachuco_691216 20 Julio 2016 16:56
    + 0 -
    me gusta muy interesante
  20. Offline
    franco_28 19 Julio 2016 19:01
    + 0 -
    Excelenteee...!!!
  21. Offline
    lopex 19 Julio 2016 08:12
    + 0 -
    Lo esperaba. Gracias por el aporte.
  22. Offline
    brujojuegos 19 Julio 2016 06:28
    + 0 -
    Como siempre, muchas gracias.
    --------------------
    "Los analfabetos del siglo XXI no serán aquellos que no sepan leer y escribir, sino aquellos que no sepan aprender, desaprender y reaprender" Autor: Herbert Gerjuoy
  23. Offline
    Novack 19 Julio 2016 02:33
    + 0 -
    Excelente material
  24. Offline
    Fernando López Moreno
    Fernando López Moreno 18 Julio 2016 06:28
    + 0 -
    Muchas gracias, me loe estoy bajando ahora mismo.

    Saludos.
  25. Offline
    cova56 18 Julio 2016 02:39
    + 0 -
    gracias roberts por este excelente curso... saludos cordiales
  26. Offline
    carlosdeseado 17 Julio 2016 23:40
    + 0 -
    Muchisimas gracias por compartir. Almas Generosas.Gracias por existir.
  27. Offline
    Knario 17 Julio 2016 20:44
    + 0 -
    Genial! Gracias!
  28. Offline
    bermu 17 Julio 2016 09:59
    + 0 -
    gracias por el aporte
  29. Offline
    vampyro 16 Julio 2016 09:52
    + 0 -
    Muchas gracias por el aporte!
  30. Offline
    ofitesa 15 Julio 2016 22:15
    + 0 -
    muchas gracias por el aporte, descargando
  31. Offline
    ramnic 15 Julio 2016 18:47
    + 0 -
    Gracias!!!!
  32. Offline
    zipi2010 15 Julio 2016 13:42
    + 0 -
    gracias por el aporte
  33. Offline
    zangolotina 15 Julio 2016 10:50
    + 0 -
    Muchísimas gracias por traer un curso tan interesante
  34. Offline
    leviatan30 15 Julio 2016 08:51
    + 0 -
    gracias por su aportación

    Saludos.
  35. Offline
    Russo_XV 15 Julio 2016 05:14
    + 0 -
    [b][/b]Muchas gracias por compartir el curso.
  36. Offline
    cococomp 15 Julio 2016 00:57
    + 0 -
    Muchas gracias por el esfuerzo que realizan al proporcionarnos un excelente material.
  37. Offline
    mjfla 15 Julio 2016 00:26
    + 0 -
    Realmente agradecido....
    --------------------
    MAJOFRA
  38. Offline
    ggodinez76 14 Julio 2016 23:25
    + 0 -
    Gracias por el curso RoBeRtS
  39. Offline
    Castle_24 14 Julio 2016 22:38
    + 0 -
    mil gracias por el aporte
  40. Offline
    dralion 14 Julio 2016 22:27
    + 0 -
    Muchas gracias por compartir!
  41. Offline
    falgri 14 Julio 2016 22:04
    + 0 -
    Gracias por compartir, muy buen material de esudio
  42. Offline
    yirel 14 Julio 2016 21:42
    + 0 -
    Perfecto! Gracias por compartir!
  43. Offline
    jmnz9398 14 Julio 2016 21:31
    + 0 -
    Gran curso.

    smile Muchas gracias por vuestro esfuerzo.

    _________________________________________
  44. Offline
    jxdx 14 Julio 2016 19:58
    + 0 -
    muchas gracias
  45. Offline
    bobafett 14 Julio 2016 18:27
    + 0 -
    Ideal para complementar los otros cursos.
  46. Offline
    Ricard300 14 Julio 2016 17:36
    + 0 -
    excelente curso, muchas gracias
    --------------------
    "I accept chaos, I'm not sure whether it accepts me."
  47. Offline
    deleon26 14 Julio 2016 17:33
    + 0 -
    Gracias por compartir
  48. Offline
    Dignorah Polanco 14 Julio 2016 16:30
    + 0 -
    Gracias por compartir, buen material
  49. Offline
    ticho 14 Julio 2016 15:42
    + 0 -
    Gracias por este material, siempre grande descargasnsn blush
  50. Offline
    Chris Bows 14 Julio 2016 15:19
    + 0 -
    Como siempre, muchas gracias por la difusión de conocimiento.