Curso Introducción al Desarrollo Web Responsive con HTML y CSS

Curso Introducción al Desarrollo Web Responsive con HTML y CSS

Información de: Desarrollo Web Responsive con HTML y CSS

Aprende los fundamentos del Desarrollo Web Frontend ¡Lleva tu diseño al navegador! En este curso, Javier Usobiaga te enseñará a crear páginas web con las herramientas más fundamentales: HTML y CSS. Aprenderás a escribir tu propio código y cambiarás tu forma de ver (y de diseñar) la web, entendiendo cómo funciona por dentro y cómo diseñar una web responsive para que sea más efectiva. Y si el diseño no es lo tuyo, este curso puede suponer una buena base para comenzar en el mundo del Desarrollo Web Front-end.

¿Qué incluye este curso?

Este curso parte desde un conocimiento cero de HTML y CSS. Incluye las etiquetas fundamentales de HTML y propiedades de CSS tipográficas, herramientas de layout como Floats o Position, fondos, bordes, esquinas redondeadas, sombras, Web Fonts y herramientas fundamentales de Desarrollo Responsive como las Media Queries.

¿Cuál es el proyecto del curso?

El proyecto final consiste en crear una página web responsive (la web de una cafetería ficticia) en base a un diseño facilitado como síntesis de las diferentes materias que veremos a lo largo del curso.

¿A quién está dirigido?

A todas aquellas personas que deseen adquirir unos conocimientos básicos de HTML y CSS, sean diseñadores o no.

Requisitos

  1. Para este curso no necesitas grandes conocimientos técnicos ni de diseño. Necesitarás un ordenador y un editor de código gratuito.

Contenido


1 Introducción

  • Presentación del curso y del proyecto
  • La web: HTML, CSS y JS
  • Editor de código. Crear un proyecto. Entorno de edición
  • Inspector y herramientas de desarrollador

2 Estructura HTML

  • Las etiquetas HTML y los atributos
  • Etiquetas de texto
  • Imágenes y enlaces
  • Etiquetas de bloque
  • Etiquetas de documento

3 Empezando con CSS

  • Vincular un archivo CSS y sintaxis de la CSS
  • Selectores básicos
  • Estilos tipográficos
  • Especificidad y estructura en las hojas de estilo
  • Selectores avanzados: las pseudo-clases

4 Estructuras en CSS

  • Estilos del navegador y Reset CSS
  • El modelo de caja
  • Displays
  • Floats
  • Position

5 Decoración en CSS

  • Estilos para listas
  • Border, border-radius y box-shadow
  • Fondos e imágenes de fondo
  • Webfonts

6 Técnicas responsive

  • El diseño responsive y Mobile First
  • Estructura flexible
  • Las media queries
  • Navegación responsive

7 Añadiendo interacción

  • Enlace de email
  • Transiciones en CSS
  • Vincular un archivo jаvascript
  • Navegación con jаvascript añadido

Proyecto final

  • Desarrollo web respondive con HTML y CSS

Capturas:

Desarrollo-Web-Responsive-con-HTML-y-CSS-1.th.jpgDesarrollo-Web-Responsive-con-HTML-y-CSS-2.th.jpgDesarrollo-Web-Responsive-con-HTML-y-CSS-3.th.jpgDesarrollo-Web-Responsive-con-HTML-y-CSS-4.th.jpgDesarrollo-Web-Responsive-con-HTML-y-CSS-5.th.jpgDesarrollo-Web-Responsive-con-HTML-y-CSS-6.th.jpgDesarrollo-Web-Responsive-con-HTML-y-CSS-7.th.jpgDesarrollo-Web-Responsive-con-HTML-y-CSS-8.th.jpg

Datos técnicos:

  • Instructor: Javier Usobiaga Ferrer
  • Formato: .MP4
  • Resolución: 1280x720p
  • Tamaño: 1.17 GB
  • Contenido: 31 Lecciones
  • Duración: 2h 18m
  • Nivel: INICIACIÓN
  • Recursos adicionales: Incluidos
  • Fecha de publicación: 2017
  • Empresa: Domestika
¡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.
Introduccion.al.Desarrollo.Web.Responsive.con.HTML.y.CSS:
Atención! Usted no tiene permiso para ver este texto.... Primero debes Registrarte!
Autor: RoBeRtS (31 Enero 2019 04:45)
Gestión: [Actualizar]
Descargas: 2139 | Tamaño: 1.18 Gb
Ultima actividad: sin actividad
Contraseña: ingilizceyazkazan.com
Contenido:
Introduccion.al.Desarrollo.Web.Responsive.con.HTML.y.CSS (4 Archivo)
file DescargasNsN.url (184 b)
rar ERTD0FH4F5454FFD.part1.rar (1000 Mb)
rar ERTD0FH4F5454FFD.part2.rar (203.91 Mb)
txt Informacion del archivo.txt (11.78 Kb)
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.

  • 33
  • 8 873

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 33

  1. Offline
    vmarcelosv 12 Febrero 2019 11:57
    + 0 -
    Muchas gracias, genial curso
  2. Offline
    Mandrex 11 Febrero 2019 08:40
    + 0 -
    Excelente aporte, ! :D
  3. Offline
    KIRIO 9 Febrero 2019 19:06
    + 0 -
    Gracias amigos
  4. Offline
    alonedavid 8 Febrero 2019 05:47
    + 0 -
    graciasss....... :)
  5. Offline
    omron 8 Febrero 2019 04:20
    + 0 -
    Muchas gracias.
  6. Offline
    pedro01 7 Febrero 2019 05:23
    + 0 -
    Muchas gracias genial...
  7. Offline
    KIRIO 5 Febrero 2019 17:05
    + 0 -
    gracias amigos por sus aportes
  8. Offline
    HolaMundo 5 Febrero 2019 04:08
    + 0 -
    Gracias por tan excelente curso!
    Por favor suban un curso de: Clip Studio Paint.
  9. Offline
    punk79 5 Febrero 2019 01:47
    + 0 -
    Gracias! buen material!
  10. Offline
    mcsandpunk 4 Febrero 2019 09:10
    + 0 -
    Excelente para empezar en el FrontEnd
  11. Offline
    leonardowshi 3 Febrero 2019 06:44
    + 0 -
    Gracias por compartir!
  12. Offline
    zangolotina 2 Febrero 2019 07:01
    + 0 -
    Muchas gracias por el aporte
  13. Offline
    LauraKtolosa 2 Febrero 2019 06:55
    + 0 -
    Gracias por el aporte blush
  14. Offline
    press 2 Febrero 2019 00:43
    + 0 -
    gracias por el aporte
  15. Offline
    Dignorah Polanco 1 Febrero 2019 16:31
    + 0 -
    Interesante aporte, gracias
  16. Offline
    porta 1 Febrero 2019 06:53
    + 0 -
    salu2 gracias
  17. Offline
    cotcho 1 Febrero 2019 04:51
    + 0 -
    gracias por el aporte
  18. Offline
    polomagri 1 Febrero 2019 03:40
    + -1 -
    Excelente, gracias por el aporte
  19. Offline
    JOMMA 1 Febrero 2019 03:40
    + 0 -
    Buen curso, muy didactico.Gracias.Saludos
    --------------------
    El que no vive para servir, no sirve para vivir
  20. Offline
    franco_28 1 Febrero 2019 01:50
    + 0 -
    Agradecido.
  21. Offline
    pascualhf3 1 Febrero 2019 00:17
    + 0 -
    muchas gracias
  22. Offline
    jxdx 31 Enero 2019 21:39
    + 0 -
    genial, gracias!!
  23. Offline
    Ricard300 31 Enero 2019 21:24
    + 0 -
    muchas gracias
    --------------------
    "I accept chaos, I'm not sure whether it accepts me."
  24. Offline
    yonidep 31 Enero 2019 18:23
    + -1 -
    thank you!!!
  25. Offline
    lucax99 31 Enero 2019 10:35
    + 0 -
    Muchas Gracias, Saludos
  26. Offline
    yirel 31 Enero 2019 10:15
    + 0 -
    Mil gracias por compartir, excelente!
  27. Offline
    kurosawa 31 Enero 2019 10:02
    + 0 -
    Muchisimas gracias
  28. Offline
    tuxmy 31 Enero 2019 08:51
    + 0 -
    Me encanta el HTML!
    Muchas gracias team NsN por tan valiosos aportes
  29. Offline
    basurapamisi 31 Enero 2019 08:21
    + 0 -
    Gracias por compartir!!!
  30. Offline
    Castle_24 31 Enero 2019 06:12
    + 0 -
    muy buen aporte, gracias!
  31. Offline
    yomero 31 Enero 2019 06:03
    + 0 -
    gracias por el aporte!!!
  32. Offline
    pedritos 31 Enero 2019 05:34
    + 0 -
    Gracias por el aporte
  33. Offline
    luisitotellez 31 Enero 2019 05:22
    + 0 -
    Muchas gracias por el aporte, saludos.