¡80% de ahorro!
Udemy

Curso de Diseño Web: HTML y CSS desde cero hasta avanzado.

Udemy
Virtual
Precio Emagister

$435.161 $87.032
*Precio Orientativo
Importe original en EUR:
100€  20€

Información importante

Tipología Curso
Metodología Virtual
Horas lectivas 27h
Inicio Fechas a escoger
Envío de materiales de aprendizaje
Servicio de consultas
Tutor personal
Clases virtuales
  • Curso
  • Virtual
  • 27h
  • Inicio:
    Fechas a escoger
  • Envío de materiales de aprendizaje
  • Servicio de consultas
  • Tutor personal
  • Clases virtuales
Descripción


En este curso aprenderás HTML y CSS, los dos lenguajes fundamentales para iniciar una carrera profesional en el mundo del diseño y desarrollo web.

Se trata de una formación completa, 100% práctica, compuesta por 154 lecciones que representan 27 horas de contenido, en la cual conocerás paso a paso los conceptos y técnicas para desarrollar páginas web profesionales. Comenzaremos con lo más básico de cada lenguaje, pero a medida que avancemos abordaremos los aspectos más complejos de estas tecnologías, de tal manera que puedas dominar la dinámica de los elementos web y  más adelante sea más fácil especializarte en otros lenguajes como Javascript, PHP y MySQL, Python y otros más.

Al finalizar este curso tendrás las habilidades necesarias para convertir cualquier diseño en un sitio web profesional, moderno y funcional. Incluso, si ya manejas algún sistema de gestión de contenidos (CMS) como Joomla o Wordpress, los conocimientos adquiridos en este curso te permitirán realizar ajustes en la estructura y aspecto visual de tus sitios dinámicos.

Todos los temas se tratan mediante ejemplos prácticos y muy fáciles de comprender, pero con un nivel de profundidad tal, que hace que este curso sea apropiado incluso para personas que tienen conocimientos previos de HTML y CSS y desean actualizarlos.

Además, a lo largo de este curso conocerás varios tips y consejos que te ayudarán a evitar los errores más comunes que cometen aquellos que se inician en el diseño y desarrollo web. Asimismo, aprenderás a utilizar  algunas herramientas y recursos online que facilitarán tu trabajo y aumentarán tu productividad.

CARACTERÍSTICAS DE ESTE CURSO

El programa de este curso ha sido cuidadosamente diseñado para todos aquellos que desean iniciarse como profesionales en el ámbito de la web, dotándolos de habilidades y conocimientos prácticos para desarrollar sitios modernos y funcionales.
conceptos de dominio, hosting y cliente FTP para publicar...

Información importante
¿Qué objetivos tiene esta formación?




Escribir y analizar código.
Conocer la sintaxis y funcionamiento de estos lenguajes.
Conocer los diferentes elementos, etiquetas y atributos del lenguaje HTML.
Crear la estructura de una web y sus contenidos.
Aprender a utilizar los elementos semánticos de HTML5.
Definir el aspecto visual de los elementos de una web.
Maquetar estructuras Responsive Web Design.
Conocer las diferentes propiedades de CSS y CSS3.
Utilizar herramientas y recursos online que facilitan el trabajo del desarrollador.
Aprender a detectar y corregir errores.
Publicar una web.


¿Esta formación es para mí?




Personas interesadas en iniciar una carrera en el mundo del diseño y desarrollo web.
Diseñadores y desarrolladores web que desean actualizar sus conocimientos.
Diseñadores gráficos.
Profesionales del área de marketing digital.
Profesionales que trabajan con diseñadores y desarrolladores web, y desean comunicarse correctamente con el equipo técnico.
Público en general.


Precio a usuarios Emagister:

Requisitos: No se requiere ningún conocimiento previo de diseño o desarrollo web. Tener un computador (Windows, OSX o Linux) con conexión a internet

Ubicación

Inicio

Online

Inicio

Fechas a escoger Matrícula abierta

¿Qué aprendes en este curso?

HTML
Desarrollo web
Páginas web
CSS
Joomla
Wordpress
HTML
Wordpress
HTML
Wordpress

Programa académico

Contenido del curso
Presentación del curso
Instalar navegadores Firefox y Firefox Developer Edition
Actualizar navegador Firefox a la versión más reciente
Configurar navegador Firefox como predeterminado (usuarios Windows 8 y 10)
Instalar editor Sublime Text
Disclaimer
Determinar la versión de Windows que ejecuta tu computador
Configurar Emmet en el editor Sublime Text
Instalar editor Visual Studio Code
¿Qué es HTML?
Origen y evolución de HTML
Elementos, etiquetas y atributos
Etiquetas HTML más utilizadas
Atributos globales HTML
Estructura básica de un documento HTML
Formatear textos en HTML
Entidades HTML de uso más común
Formatear textos en HTML (II)
Formatear textos en HTML (III)
Formatear textos en HTML (IV)
Comentarios
Encabezados HTML
Utilizar varios elementos H1 dentro de un mismo documento HTML
Enlaces o hipervínculos
Estructura de una URL
Atributos Target y Download
Enlaces tipo ancla
Uso del signo de numeral o almohadilla (#) en los enlaces
Imágenes
Listas
Listas de descripción o definición
Listas anidadas
Tablas
Tablas avanzadas
Multimedia: Insertar un reproductor de audio en un documento HTML
Multimedia (II): Insertar un reproductor de video en un documento HTML
Otros atributos del elemento
Otros elementos multimedia
Formularios
Formularios (II): Elemento Input
Formularios (III): Otros campos de formulario con el elemento Input
Formularios (IV): Más campos de formulario con el elemento Input
Otros atributos que admite el elemento
Formularios (V): Listas desplegables y áreas de texto
Formularios (VI): Botones
Atributos que admite el elemento
Otros campos de formulario
Elemento Div
Elementos semánticos estructurales
Elementos semánticos estructurales (II)
Diferencia entre los elementos Article y Section
Elementos semánticos estructurales (III)
¿Qué es CSS?
Estructura del lenguaje CSS
Cómo incluir CSS en un documento HTML
Selectores
Selectores (II): selector Class
Selectores avanzados
Selectores avanzados (II)
Selectores avanzados (III)
Cascada y herencia en CSS
Pseudo-selectores
Pseudo-selectores (II)
Otros valores que admite la propiedad cursor
Pseudo-selectores (III)
Algunos atajos de la extensión Emmet para escribir código HTML más rápido
Pseudo-selectores (IV)
Pseudo-selectores (V)
Propiedades de las fuentes o tipografías
Unidades de medida en CSS
Propiedades de las fuentes o tipografías (II)
Propiedades de las fuentes o tipografías (III)
Combinaciones de fuentes más comunes
Agregar fuentes mediante Google Fonts
Regla @font-face
Textos y alineaciones
Textos y alineaciones (II)
Otras propiedades para aplicar estilos a los textos
Colores
Fondos
Propiedad de atajo background
Dimensiones
Bordes
Bordes redondeados (Propiedad border-radius)
Márgenes y relleno
Modelo de cajas estándar de CSS
Posicionar elementos
Superposición de elementos
Elementos flotantes
Propiedad Box-sizing
Propiedades Display y Visibility
Propiedad Overflow
Opacidad y transparencia
Efecto de sombra
Gradientes (CSS3 Gradients)
Gradientes (II)
Prefijos CSS (vendor prefixes)
Efecto de transición (CSS3 Transition)
Transformaciones (CSS3 Transform)
Transformaciones 3D
Animaciones (CSS3 Animations)
Propiedades CSS “animables”
Animaciones (II)
Aplicar estilos a los enlaces
Aplicar estilos a las listas
Cómo crear un menú de navegación
Aplicar estilos a los botones
Cómo añadir íconos con CSS
Aplicar estilos a las tablas
Aplicar estilos a los campos de un formulario
Media queries
Media queries (II)
Media queries (III)
Responsive Web Design
Responsive Web Design (II)
Responsive Web Design (III)
Responsive Web Design (IV)
Modelo de diseño de Flexbox
Modelo de diseño de Flexbox (II)
Modelo de diseño de Flexbox (III)
Modelo de diseño de Flexbox (IV)
Modelo de diseño de Flexbox (V)
Introducción
Preparar entorno de trabajo
Estructura HTML
Estructura HTML (II)
Estructura HTML (III)
Estilos CSS
Estilos CSS (II)
Estilos CSS (III)
Estilos CSS (IV)
Introducción
Estructura HTML
Estructura HTML (II)
Estructura HTML (III)
Estilos CSS
Estilos CSS (II)
Estilos CSS (III)
Estilos CSS (IV)
Estilos CSS (V)
Estilos CSS (VI)
Estilos CSS (VII)
Estructura HTML
Estilos CSS
Estilos CSS (II)
Estilos CSS (III)
Estilos CSS (IV)
Recursos del proyecto Landing page
Recursos del proyecto Sitio corporativo
Recursos del proyecto Sitio web de una sóla página (One page site)
Normalizar los estilos de los navegadores con Normalize.css
Cómo “minificar” el código CSS
Publicar un proyecto en Internet: Dominio, Hosting y Cliente FTP

Información adicional

¿QUé INCLUYE EL PRECIO DEL CURSO? COMUNICACIóN DIRECTA CON EL PROFESOR, EXTENSIONES Y ACTUALIZACIONES INCLUIDAS, REEMBOLSO DENTRO DE LOS 30 DíAS, POSIBILIDAD DE ACCEDER AL CONTENIDO DEL CURSO INCLUSO DESPUéS DE ACABARLO