Aprende a maquetar: HTML & CSS

Aprende cçomo crear tu propia página web conociendo la estructura del lenguaje HTML y las hojas de estilo CSS.
2.5 (2 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
7 students enrolled
$19
$45
58% off
Take This Course
  • Lectures 28
  • Length 3 hours
  • Skill Level Beginner Level
  • Languages Spanish
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 4/2013 Spanish

Course Description

La maquetación es la forma en cómo distribuimos los elementos de una página web. Para maquetar, se parte siempre de un diseño hecho previamente, que no dejará de ser una imagen la cual tendremos que convertir en código mediante HTML y CSS. Una vez codificado dicho diseño, lo podremos visualizar en una página web.

Este curso va dirigido a todas aquellas personas que quieran aprender a maquetar sus diseños para poder llevar a cabo sus propias páginas web desde cero.

El curso servirá para que los usuarios puedan resolver dudas puntuales y para aprender a plantear la producción de una página web desde cero.

What are the requirements?

  • Cualquier editor de texto plano

What am I going to get from this course?

  • Cuando finalices este curso, entenderás la estructura de los documentos HTML.
  • Entenderás el estado actual del lenguaje HTML y por qué será tan importante el nuevo HTML5.
  • Al finalizar este curso, sabrás los fundamentos esenciales de CSS
  • Con todo lo aprendido en este curso, serás capaz de resolver problemas con tus plantillas o maquetar tus propias páginas web.

What is the target audience?

  • Usuarios que quieren aprender HTML
  • Usuarios interesados en aprender HTML5 pero que no tienen ninguna base HTML.
  • Usuarios que quieren aprender a maquetar sus propias páginas web.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introducción a HTML
02:27
Introducción en la que se presenta el curso y los contenidos que se van a tratar.
09:10

Haremos una revisión de la historia del html des de su creación hasta llegar al html5

04:03

¿Cómo puedo comprobar que este el código que escribo no tiene errores? ¿Cómo sé que estoy siguiendo el estándar? En este capítulo validaremos el código con el w3c validator.

02:28

Breve revisión de programas para codificar html y cómo trabajar con notepad++

Section 2: Creando nuestro documento HTML
05:41

, , y . Una revisión sobre los elementos esqueleto de  cualquier documento html.

04:10

 Los elementos o etiquetas son la unidad mínima del lenguaje html. Vamos a ver qué tipos hay y cómo han cambiado algunos elementos con en la última revisión de HTML5.con otros usuarios y dispondrás de un espacio seguro donde almacenar tus proyectos.

03:31

En este capítulo veremos qué son los atributos de los elementos y sus tipos.

05:48

En este capítulo revisaremos como se estructuran las tablas para crear el header de la página. Veremos también como anidar tablas.

04:43

Compararemos la estructura de la misma página maquetada con tablas en el capítulo anterior y veremos cómo se estructura con divs.

06:38

Cómo tratamos el texto con HTML? Párrafos, comentarios html,  marcador

08:55

Crearemos vínculos a otras páginas de nuestra propia página web o de páginas externas. Así veremos la diferencia entre ruta absoluta y ruta relativa. Finalmente crearemos un vínculo dentro de un mismo documento y veremos como obtener texto de prueba con el lorem ipsum.

06:52

Introduciremos las imágenes con el elemento y veremos qué atributos pueden tener.

05:44

En este capítulo veremos como crear listas ordenadas, listas no ordenadas y listas de definición y entenderemos sus usos.

06:07

Algunos trucos y recursos que nos ayudarán cuando estemos maquetando nuestras páginas html y codificando el css.

Section 3: Introducción a CSS
03:12

Veremos qué es el css y el significado de sus siglas Cascading Style Sheet

06:33

Aplicaremos estilos en línea en los propios elementos html y veremos cómo organizarlos en el head referenciando los propios elementos.

Section 4: Creando la hoja de estilos para nuestro documento HTML
08:25

Cuando nuestros documentos son más grandes la mejor práctica crear un documento css y vincularlo en el html. Pero cuidado estos estilos se implementan en cascada. Veamos cómo podemos saltarnos esta regla con !important.

05:29

Añadiremos clases e ids a los elementos html para identificarlos en el css.

06:12

 En este capítulo haremos un análisis de todos los elementos html del documento y los relacionaremos con el diseño para ver qué estilos necesitarán.

09:41

El box model content es el modelo de caja que define nuestro contenido, veremos cómo aplicar anchos y a distribuir los elementos mediante el estilo float.

08:03

¿Qué diferencias hay entre los estilos margin y padding? ¿Qué relación guardan con el box model content? Veremos cómo aplicarlos.

08:10

Aprenderemos a cómo utilizar utilizar las fuentes de sistema y a aplicarlas al texto con Font-family. Veremos también cómo cambiar el tamaño de letra utilizando la medida em.

06:31

Si queremos añadir una tipografía que no sea de sistema lo haremos con el @font-face.

04:07

¿Qué cambios en el css podemos realizan en base a las acciones del ratón? Veremos las pseudo-clases que pueden tener nuestros estilos.

06:15

Veremos cuándo es conveniente utilizar imágenes de fondo, cómo añadirlas y posicionarlas.

06:12

En este capítulo cambiaremos el estado de una imagen de fondo utilizando dos técnicas. Cambiaremos su url y después su posición para obtener el mismo resultado.

05:07

Para terminar de ajustar los elementos en el documento veremos el estilo display y sus atributos. Veremos también cómo posicionar los elementos en capas y a esconder o mostrar elementos.

Section 5: Conclusión
10 pages
Repaso general de todo lo que se ha aprendido a lo largo del curso, resaltando lo más importante y esencial.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Skeyon Formación Barcelona, Servicios de formación

 Skeyon, es una empresa de formación ubicada en Barcelona, especializada en la creación de contenidos audiovisuales de calidad.

Nuestros cursos están creados por profesionales referentes en su sector y tienen una orientación 100% práctica para que puedas aplicar tus nuevos conocimientos en tu vida  profesional o personal.

Skeyon ofrece contenidos de sobre tecnologías  dela información, marketing digital, management, innovación...

Ready to start learning?
Take This Course