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
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 18:45)
Gestión: [Actualizar]
Descargas: 5060 | Tamaño: 1.18 Gb
Ultima actividad: sin actividad
Contraseña: www.descargasnsn.to - www.descargasnsn.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:
www.descargasnsn.to - www.descargasnsn.com
Página oficial:Enlace al artículo oficial

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

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 41

Offline
Gracias por el curso
Offline
bv
bv 22 Diciembre 2019 01:22
bnmnbmnmbnmnbm
Offline
Huésped Bruno
Huésped Bruno 29 Abril 2019 02:08
Excelente aporte, sigan publicando mas cursos.
Offline
Asd.a1 27 Marzo 2019 07:07
Muchas gracias..
Offline
pedro01 21 Marzo 2019 23:11
Genial gracias...
Offline
venderinropa 6 Marzo 2019 10:01
Gracias, aunque no lleguen los videos a el desarrollo del proyecto final pero es buen aporte
Offline
gregor055 20 Febrero 2019 17:19
muchas gracias por el material, saludos
Offline
jeffry70 20 Febrero 2019 06:50
Que bien, otro buen aporte, muchas gracias
Offline
vmarcelosv 12 Febrero 2019 11:57
Muchas gracias, genial curso
Offline
Mandrex 11 Febrero 2019 08:40
Excelente aporte, ! :D
Offline
KIRIO 9 Febrero 2019 19:06
Gracias amigos
Offline
alonedavid 8 Febrero 2019 05:47
graciasss....... :)
Offline
omron 8 Febrero 2019 04:20
Muchas gracias.
Offline
pedro01 7 Febrero 2019 05:23
Muchas gracias genial...
Offline
KIRIO 5 Febrero 2019 17:05
gracias amigos por sus aportes
Offline
HolaMundo 5 Febrero 2019 04:08
Gracias por tan excelente curso!
Por favor suban un curso de: Clip Studio Paint.
Offline
punk79 5 Febrero 2019 01:47
Gracias! buen material!
Offline
mcsandpunk 4 Febrero 2019 09:10
Excelente para empezar en el FrontEnd
Offline
leonardowshi 3 Febrero 2019 06:44
Gracias por compartir!
Offline
zangolotina 2 Febrero 2019 07:01
Muchas gracias por el aporte
Offline
LauraKtolosa 2 Febrero 2019 06:55
Gracias por el aporte blush
Offline
press 2 Febrero 2019 00:43
gracias por el aporte
Offline
Interesante aporte, gracias
Offline
porta 1 Febrero 2019 06:53
salu2 gracias
Offline
cotcho 1 Febrero 2019 04:51
gracias por el aporte
Offline
polomagri 1 Febrero 2019 03:40
Excelente, gracias por el aporte
Offline
JOMMA 1 Febrero 2019 03:40
Buen curso, muy didactico.Gracias.Saludos
--------------------
El que no vive para servir, no sirve para vivir
Offline
franco_28 1 Febrero 2019 01:50
Agradecido.
Offline
pascualhf3 1 Febrero 2019 00:17
muchas gracias
Offline
jxdx 31 Enero 2019 21:39
genial, gracias!!