html_y_css_para_no_informaticos

HTML y CSS para no informáticos

10.00 €

Ver Curso

Categories: , .

Descripción Producto

Videocurso donde aprenderás HTML y CSS. Podrás crear tus páginas web de forma fácil y sencilla, empezando desde cero.

¿Te haces un lío con todos los lenguajes, las siglas y las palabras extrañas que rodean el diseño de páginas web?

Este curso empieza desde cero y está pensado para gente que, como tú, nunca ha visto nada sobre el diseño de páginas web. O que sí lo ha visto, pero que nunca ha llegado a manejarlo del todo.

Pero no se trata de un curso de iniciación. Presentamos un curso totalmente completo con el que serás capaz de diseñar sitios web profesionales. Abordaremos todos los aspectos de la creación y publicación de páginas web, por lo que aprenderás HTML y CSS, y también cómo funciona el sistema de internet, cómo subir nuestras páginas a la red, cómo posicionarlas en los buscadores para que aparezcan en las primeras posiciones (el famoso SEO)… En resumen, un ciclo completo con el que seremos capaces no sólo de crear páginas web de aspecto profesional, si no también de subirlas a internet y hacerlas accesibles para cualquier persona del mundo. Y todo ello explicado con sencillez y sin tecnicismos.

No lo dudes, si te apetece aprender de una vez por todas a crear tus propias páginas web, este es tu curso. Y si ya tienes conocimientos básicos de HTML y CSS, este curso te ayudará a refrescar lo que sabes y ordenarlo para sacarle el máximo partido.

Contenido del curso

Introducción al mundo web

  • Presentación del Curso.
  • Tipos de páginas web.
  • Estructura de Internet.

Preparándonos para empezar

  • Programas a descargar
  • Crear un sitio de trabajo

Bases de HTML

  • ¿Qué es eso de HTML?
  • El documento base de HTML
  • Comentarios en HTML

Bases de CSS

  • ¿Qué es eso de CSS?
  • ¿Cómo incluir CSS en HTML?
  • Glosario básico de CSS
  • Comentarios en CSS

Etiquetas y estilos básicos

  • Las principales etiquetas
  • La etiqueta p
  • Las etiquetas strong y em
  • Estilos CSS para p
  • La etiqueta span
  • Elementos de línea y de bloque
  • Las etiquetas h1-h6
  • La etiqueta a
  • Los pseudoselectores
  • La etiqueta img
  • Estilos CSS para img
  • Herencia
  • Selectores básicos I
  • Selectores básicos II
  • Selectores avanzados I
  • Selectores avanzados II

Unidades

  • Unidades

Características de las cajas

  • Border
  • Margin
  • Padding
  • Background

Maquetación

  • Coordenadas de una página
  • La etiqueta div
  • Posicionamiento normal o estático
  • Posicionamiento relativo
  • Posicionamiento absoluto
  • Posicionamiento fijo
  • Relativo vs Absoluto
  • Posicionamiento flotante
  • Visualización I (display)
  • Visualización II (overflow)
  • Visualización III (z-index)
  • Diseño a dos columnas
  • Diseño a tres columnas
  • Formato fijo y flexible
  • Anchura y altura máxima y mínima
  • Centrar un div relativo
  • Centrar un div absoluto
  • Alinear textos e imágenes
  • Efecto hover en los div

Listas

  • Listas desordenadas
  • Listas ordenadas
  • Convertir elementos a línea o bloque
  • Estilos CSS para listas
  • Listas de dos niveles
  • Flotamiento en listas
  • Crear un menú con las listas
  • Poner enlaces
  • Estilos CSS para enlaces
  • Diferenciar las páginas de un menú
  • Listas con imágenes

Tablas

  • La etiqueta table
  • Combinar celdas
  • Estilos CSS para tablas
  • Estilos CSS avanzados para tablas

Formularios

  • La etiqueta form
  • La etiqueta label y las cajas de texto
  • Los botones de selección
  • Las casillas de verificación
  • Las listas de selección
  • Las cajas de texto libre
  • Los botones de envío y borrado
  • Estilos CSS para formularios
  • Alinear los label
  • El efecto focus
  • Los efectos hover y active para botones
  • Creación de un formulario I
  • Creación de un formulario II
  • Creación de un formulario III
  • Validar un formulario con Dreamweaver (BONUS)
  • Enviar un formulario con php (BONUS)

CSS3

  • Cajas con bordes redondeados
  • Dar sombras a elementos y textos
  • Insertar nuevas fuentes de letra
  • Maquetar con columnas
  • Efecto de transición I
  • Efecto de transición II

Técnicas con Dreamweaver CS

  • Mostrar y ocultar elementos con Dreamweaver CS
  • Crear una galería de imágenes con Dreamweaver CS

Subir nuestras páginas a Internet

  • Cómo publicar páginas web en Internet

Photoshop básico (BONUS)

  • Redimensionar imágenes
  • Crear imágenes en blanco y negro
  • Añadir texto a imágenes
  • Diseñar botones para hover y active

SEO (BONUS)

  • ¿Qué es eso del SEO?
  • Poner title y alt
  • Las etiquetas h1 y h2
  • Las etiquetas meta para SEO
  • Darse de alta en buscadores

VALORACIONES

 Excelente curso. Muy bien explicado y muy detallista en cada momento. Super recomendado este curso.

  bien explicado, facil de seguir. Muy recomendable para aquellas personas que se atrevan a hacer sus webs aprendiendo desde cero.

CURSO DE LA SEMANA

Curso completo para superEmprendedores

Ventas. Plan de Negocio. Pitch. Liderazo. Equipos. Habilidades Emocionales. Dirigido a personas como tú, para luchadores y gente que no se rinde.

curso semana