Curso Maquetación y tipografía avanzada para web

Curso Maquetación y tipografía avanzada para web

Información de: Maquetación y tipografía avanzada para web

Aprende tipografía avanzada para web, en este curso vamos a aprender a crear y comprender la tipografía y maquetación para todos tus proyectos web. Formatea textos con calidad para proyectos web

La diferencia entre un buen maquetador o tipógrafo es, muchas veces, cuestión de sutilezas. La belleza de un texto tipográficamente impecable es incomparable. Pero, ¿se puede aplicar este arte centenario en una web? En este curso aprenderemos todo lo relativo a la selección de una fuente óptima para su lectura en pantalla y cómo exprimirla para aprovechar en nuestra web todas las posibilidades que las fuentes actuales OpenType ya ofrecen a los diseñadores de papel.

Estado del arte tipográfico en la web

Antes de comenzar a trabajar debemos comprender en qué punto nos encontramos para atacar este curso con las máximas garantías, por ello vamos a ver qué es la tipografía y cuál es su estado actual en la web.
  • Introducción a Maquetación y tipografía de calidad para web   02:18
  • Archivos base de Maquetación y tipografía para web   01:07
  • Qué es tipografía: diferencias entre términos   07:19
  • Breve historia de la tipografía en la web   08:04

Trabajar con webfonts: aspectos a tener en cuenta

A la hora de trabajar con webfonts hay que tener varias cosas en cuenta, como pueden ser servicios y recursos, qué formatos debemos elegir o cuál es la compatibilidad de reglas y propiedades con los navegadores web actuales.
  • Safe fonts o fuentes seguras para web   03:40
  • La regla CSS @font-face   02:34
  • Google Fonts, Typekit y similares   09:52
  • Formatos de archivo para fuentes web   04:57
  • Compatibilidad y estándares entre fuentes web   07:03

Maquetación y tipografía web

Maquetar y aplicar tipografía en la web no es fácil y deberíamos ponerle tanto cariño como cuando lo hacemos en papel. Vamos a ver cómo seleccionar una fuente óptima para pantalla, cómo combinar tipografías, a qué tamaños debemos trabajar, etcétera.
  • Seleccionar una fuente óptima para su lectura en pantalla   07:26
  • Combinación de tipografías   05:06
  • Jerarquías y pesos tipográficos   04:22
  • Comenzar a trabajar desde una página básica   04:09
  • Tamaño de lectura de los textos en pantalla   07:38
  • Trabajar con la sangría de párrafos   05:48

Elementos tipográficos para web

Existen muchas características de la tipografía offline que ahora podemos aplicar a la tipografía online. Vamos a ver las propiedades más novedosas y que más harán ganar en calidad a tus textos en la web.
  • Iniciales capitulares como inicio de los textos   04:51
  • Crear versalitas con las fuentes web adecuadas   05:39
  • Tracking o espaciado entre letras   03:22
  • Raya y raya media: diferencias y uso   03:50
  • Diferentes tipos de comillas   05:19
  • Ligaduras tipográficas: tipología y uso   07:05
  • Numerales: tipología y diferentes usos   07:54
  • Fracciones en tipografías web   03:46
  • Subíndices y superíndices   05:00
  • Despedida de Maquetación y tipografía de calidad para web   02:08

Capturas:

CapturasMaquetacionytipografiaavanzada1.md.jpgCapturasMaquetacionytipografiaavanzada2.md.jpgCapturasMaquetacionytipografiaavanzada3.md.jpgCapturasMaquetacionytipografiaavanzada4.md.jpg

Trailer:

Datos técnicos:

  • Formato: .MP4
  • Resolución: 1280x720p
  • Tamaño: 388 MB
  • Idioma: Español
  • Formadores: Pedro Arilla
  • Contenido: 25 Videos
  • Duración: 2:10 horas
  • Software: CSS, CSS 3
  • Archivos Base: SI Incluye
  • Fecha de publicación: 30-sep-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.
Maquetacion.tipografia.avanzada.para.web! UsersCloud Turbobit Uploaded Rapidgator 1Fichier Mega Uptobox Go4Up Openload
Archivos Base! Enlaces
Autor: RoBeRtS (1 Noviembre 2016 05:46)
Gestión: [Actualizar]
Descargas: 2147 | Tamaño: 388.66 Mb
Ultima actividad: sin actividad
Contraseña: www.descargasnsn.com
Contenido:
Maquetacion.tipografia.avanzada.para.web (3 Archivos)
file DescargasNsN.url (184 b)
txt Informacion del archivo.txt (13.07 Kb)
rar MNMJKJK6JK0J.rar (388.65 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.

  • 57
  • 17 819

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 57

  1. Offline
    genesiis 7 Octubre 2018 21:11
    + 0 -
    Un aporte importante para los diseñadores web. Gracias
  2. Offline
    Wash 26 Agosto 2018 15:11
    + 0 -
    Muchas gracias por el aporte, un saludo amigos!
    --------------------
    Lalê
  3. Offline
    riac2007 9 Enero 2018 20:04
    + 0 -
    Muchas gracias... wink
  4. Offline
    caorpe 30 Abril 2017 00:57
    + 0 -
    gran curso!!!
  5. Offline
    sonar1978 22 Abril 2017 04:57
    + 0 -
    Gracias por el aporte
    --------------------
    3D-igital
  6. Offline
    marisabidilla 21 Abril 2017 09:55
    + 0 -
    Genial! Gracias por el aporte!
  7. Offline
    asturolopez 29 Marzo 2017 20:55
    + 0 -
    Me encanta la tipografia!
  8. Offline
    briian 20 Marzo 2017 15:44
    + 0 -
    Gracias por el aporte ^^
  9. Offline
    EmberGP 18 Marzo 2017 18:09
    + 0 -
    Muchísimas gracias por los contenidos. Sin ustedes no podríamos crecer, Gracias!!
  10. Offline
    Luis Reik 2 Marzo 2017 21:12
    + 0 -
    Mil gracias.
  11. Offline
    Gllrm 18 Enero 2017 16:34
    + 0 -
    gracias por el aporte +10
  12. Offline
    cococomp 23 Noviembre 2016 00:42
    + 0 -
    muchas gracias por el aporte, saludos al staff
  13. Offline
    sroman3 13 Noviembre 2016 11:20
    + 0 -
    Gracias !!!
  14. Offline
    RoBeRtS 11 Noviembre 2016 18:15
    + 0 -
    Citar: Huésped jorge
    Hola, lo descargué por torrent y por mega, pero no me deja descomprimirlo... el pass es: www.descargasnsn.com cierto?

    Gracias de antemano por la ayuda.

    Si esa es la contraseña, verifica que está bien descargado el archivo, si estás con Mac, utiliza UnRarX
  15. Offline
    Huésped jorge
    Huésped jorge 11 Noviembre 2016 17:50
    + 0 -
    Hola, lo descargué por torrent y por mega, pero no me deja descomprimirlo... el pass es: www.descargasnsn.com cierto?

    Gracias de antemano por la ayuda.
  16. Offline
    pcmac 11 Noviembre 2016 15:58
    + 0 -
    Muy bueno este curso
  17. Offline
    tarka26 7 Noviembre 2016 21:30
    + 0 -
    Muchas gracias.
  18. Offline
    Ricard300 7 Noviembre 2016 18:15
    + 0 -
    gran curso, gracias
    --------------------
    "I accept chaos, I'm not sure whether it accepts me."
  19. Offline
    vampyro 6 Noviembre 2016 13:29
    + 0 -
    Muchas gracias por el aporte!
  20. Offline
    Makone 6 Noviembre 2016 11:31
    + 0 -
    Gracias por el aporte!
  21. Offline
    Darkown 5 Noviembre 2016 22:36
    + 0 -
    Aportazooo gracias mil
  22. Offline
    8atepepe 5 Noviembre 2016 22:25
    + 0 -
    Gracias RoBeRtS, no sé qué haríamos sin vos!!!
  23. Offline
    jmnz9398 5 Noviembre 2016 00:53
    + 0 -
    Gran curso.

    smile Muchas gracias por tu esfuerzo RoBeRtS.

    _________________________________________
  24. Offline
    engalzado 4 Noviembre 2016 06:48
    + 0 -
    es perfecto. imprescindible
  25. Offline
    zangolotina 3 Noviembre 2016 20:35
    + 0 -
    Muchas gracias por compartir tan interesante material
  26. Offline
    Frontbabel 3 Noviembre 2016 17:33
    + 0 -
    Muchas gracias
  27. Offline
    exisyzeta 3 Noviembre 2016 14:42
    + 0 -
    Gracias por compartir.
  28. Offline
    edwinlc 3 Noviembre 2016 13:44
    + 0 -
    Gracias por todo los aportes
  29. Offline
    elmumo 3 Noviembre 2016 09:59
    + 0 -
    Gracias por el aporte!!!!
  30. Offline
    rimpanchon 2 Noviembre 2016 22:31
    + 0 -
    Mil gracias.
  31. Offline
    incognito300 2 Noviembre 2016 20:17
    + 0 -
    Gracias son excelentes todos los aportes que nos comparten
    --------------------
    Gracias por Siempre
  32. Offline
    Chris Bows 2 Noviembre 2016 19:53
    + 0 -
    Muchass graciass.
  33. Offline
    porta 2 Noviembre 2016 18:09
    + 0 -
    mil gracias
  34. Offline
    ianpoe 2 Noviembre 2016 17:39
    + 0 -
    Muy interesante. Gracias por el aporte.
  35. Offline
    pcmac 2 Noviembre 2016 17:06
    + 0 -
    Muy bueno este videotutorial
  36. Offline
    kuniraya 2 Noviembre 2016 11:16
    + 0 -
    Gracias por el curso.
  37. Offline
    pascualhf3 2 Noviembre 2016 09:56
    + 0 -
    muchas gracias
  38. Offline
    Diego
    Diego 2 Noviembre 2016 09:45
    + 0 -
    se agradece..
  39. Offline
    morenasana 2 Noviembre 2016 09:24
    + 0 -
    Muchas gracias por el curso!!!
    xxx
  40. Offline
    jxdx 2 Noviembre 2016 08:54
    + 0 -
    muchas gracias por seguir compartiendo
  41. Offline
    lobitoferoz68 2 Noviembre 2016 07:56
    + 0 -
    Gracias por este magnifico recurso
  42. Offline
    Dignorah Polanco 2 Noviembre 2016 04:53
    + 0 -
    Muy interesante, gracias por el aporte
  43. Offline
    Efrain 2 Noviembre 2016 04:34
    + 0 -
    Muchas gracias por el curso.
  44. Offline
    audiosperuanos 2 Noviembre 2016 03:50
    + 0 -
    Muy agradecido :)
  45. Offline
    yirel 2 Noviembre 2016 00:38
    + 0 -
    Gracias por el curso!
  46. Offline
    ticho 2 Noviembre 2016 00:37
    + 0 -
    Gracias por el aporte interesante como siempre.
  47. Offline
    Castle_24 2 Noviembre 2016 00:28
    + 0 -
    muy buen curso, gracias!
  48. Offline
    zipi2010 1 Noviembre 2016 21:59
    + 0 -
    gracias por compartir
  49. Offline
    sapitomojado 1 Noviembre 2016 21:53
    + 0 -
    Genial, saludos
    --------------------
    <?php echo "Hola Mundo"; ?>
  50. Offline
    VictorCalderon 1 Noviembre 2016 20:52
    + 0 -
    Muchísimas gracias. Me siento muy contento con tan buenos aportes.
    --------------------
    El verdadero poder no radica en quien posee el conocimiento, sino en quien lo comparte.