• Ir a navegación principal
  • Ir al contenido principal
SiliCodeValley

SiliCodeValley

Cursos online de diseño y desarrollo WordPress

  • Cursos
  • Tutoriales
  • Directos
  • Acceder
  • Suscríbete

HTML y CSS para WordPress

Sobre este curso

En este curso aprenderás a manejar los dos lenguajes base más importantes a la hora de iniciar tu carrera como diseñador y desarrollador web. Estos dos lenguajes son el HTML y el CSS y ambos los utilizarás para todas las páginas web que crearás a partir de ahora.

Este curso parte totalmente desde cero y vamos a ir avanzando en pequeños pasos, por lo que no debes preocuparte si nunca antes has tocado nada de código. Y su principal objetivo es que al acabarlo tengas los conocimientos, la práctica y la confianza necesaria para poder seguir con tu aprendizaje en el Club SiliCodeValley.

El enfoque del curso es muy muy práctico, ya que la mejor manera de aprender a dominar estos lenguajes es ensuciándose las manos. Por lo que vamos a estar gran parte del tiempo realizando pequeños ejercicios con cada uno de los conceptos que aprenderás en este curso. Y al finalizar cada módulo realizaremos un proyecto más completo que englobará todo lo aprendido hasta el momento.

Qué vas a aprender

  • Qué es el HTML y el CSS
  • Cómo funciona la sintaxis de ambos lenguajes
  • Cuáles son las etiquetas de HTML más importantes y cómo usarlas para definir el contenido, estructura y semántica de una página web
  • Cómo crear hojas de estilo para definir el aspecto visual de un sitio web
  • Al finalizar el curso serás capaz de afrontar proyectos de diseño web no triviales

Requisitos del curso

  • Un ordenador con conexión a Internet

Módulos

Introducción al HTML

Lecciones

  • Intro módulo + Descarga de archivos finales
  • Tu herramienta de trabajo: el Editor de Código
  • Qué es el HTML: Etiquetas, Atributos y Elementos
  • Carpetas y archivos de un Página Web
  • ¡Hola Mundo! Tu primera Página Web
  • La estructura básica de un documento HTML

HTML Básico

Lecciones

  • Intro módulo
  • Encabezados y párrafos
  • Hipervínculos (enlaces / links)
  • Dar relevancia al texto
  • Imágenes
  • Listas y direcciones físicas
  • Formularios
  • Tablas
  • Citas
  • Carácteres especiales
  • Jerarquía del HTML: Padres, Hijos, Hermanos y Ancestros
  • Proyecto práctico: Creando una página web básica

HTML Intermedio y HTML5

Lecciones

  • Intro módulo
  • Los atributos ID y CLASS
  • Las etiquetas Div y Span
  • Proyecto práctico: Etiquetas de HTML5 – Header, Nav, Article, Section, Main, Time, Aside, Footer

Últimas puñetitas

Lecciones

  • Intro módulo
  • Cómo hacer que Internet Explorer ame HTML5
  • Nuevos tipos de input en HTML5
  • Los Atributos Personalizados en HTML5

Introducción al CSS

Lecciones

  • Intro módulo
  • Qué es el CSS: Reglas de Estilo y Sintaxis
  • Un comentario sobre las propiedades
  • Herencia
  • Las unidades de medida
  • CSS Inline, Interno y Externo
  • Colores

CSS Básico

Lecciones

  • Intro módulo
  • Bordes
  • Padding
  • Márgenes
  • El modelo de caja
  • Selectores de Id y de Clase
  • Selectores Descendientes
  • Agrupar selectores
  • Cascada y especificidad
  • Proyecto práctico: Dando estilos a un página web con CSS

CSS Intermedio

Lecciones

  • Intro módulo
  • Fuentes de texto
  • Estilos de un texto
  • Backgrounds (fondos)
  • Estilos de un enlace y Pseudoclases
  • Estilos de una tabla
  • Estilos de un formulario
  • Proyecto práctico: Blog de zumos naturales

CSS Avanzado

Lecciones

  • Intro módulo
  • La propiedad Display: Block, Inline, Inline-Block
  • Posicionar elementos: Normal, Relativo, Absoluto y Fijo
  • Los pseudoelementos: Before y After
  • Las propiedades Float y Clear y el hack Clearfix
  • Proyecto práctico: Listado de entradas de un blog

Introducción al CSS3

Lecciones

  • Intro módulo
  • El modelo de caja mejorado: Box Sizing
  • Bordes redondeados
  • Transparencias y Gradientes
  • Sombras
  • Transiciones
  • Animaciones
  • Proyecto práctico: Ficha de producto
  • Despedida

Módulo Extra

Lección

  • Propiedades Personalizadas (Variables)

Desarrollo de temas hijo para Genesis Framework
Custom Post Types y Custom Taxonomies

  • Blog
  • Acerca
  • Contacto
  • Privacidad
  • Términos
  • Aviso Legal
  • Cookies

Utilizamos cookies propias y analíticas para darte la mejor experiencia en nuestra web.

Puedes informarte más sobre qué cookies estamos utilizando o desactivarlas en los AJUSTES.

se ha unido a .

Resumen de privacidad
SiliCodeValley

Esta web utiliza cookies propias y analíticas para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.

Cookies estrictamente necesarias

Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.

Cookies analíticas

Esta web utiliza Google Analytics para recopilar información anónima tal como el número de visitantes del sitio, o las páginas más populares.

Dejar esta cookie activa nos permite mejorar nuestra web.

¡Por favor, activa primero las cookies estrictamente necesarias para que podamos guardar tus preferencias!

Mostrar detalles
Nombre Proveedor Propósito Duración
_ga Google Analytics Cookie de terceros persistente con fines analíticos. Se usa para distinguir a los usuarios. 2 años
_gat Google Analytics Cookie de terceros persistente con fines analíticos. Se usa para limitar el porcentaje de solicitudes. 1 minuto
_gid Google Analytics Cookie de terceros persistente con fines analíticos. Se usa para distinguir a los usuarios. 24 horas
Política de cookies

Más información sobre nuestra política de cookies