Aprende a maquetar: HTML & 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.
9 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Aprende a maquetar: HTML & CSS to your Wishlist.

Add to Wishlist

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.
9 students enrolled
Last updated 5/2013
Spanish
Price: $45
30-Day Money-Back Guarantee
Includes:
  • 2.5 hours on-demand video
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • 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.
View Curriculum
Requirements
  • Cualquier editor de texto plano
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.

Who 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.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 28 Lectures Collapse All 28 Lectures 02:50:14
+
Introducción a HTML
4 Lectures 18:08
Introducción en la que se presenta el curso y los contenidos que se van a tratar.
Preview 02:27

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

Preview 09:10

¿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.

Validar el código
04:03

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

¿Qué programa necesito?
02:28
+
Creando nuestro documento HTML
10 Lectures 58:09

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

Estructura de un documento HTML
05:41

 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.

Elementos y etiquetas
04:10

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

Atributos de los elementos
03:31

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

Entender la maquetación con tablas
05:48

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

De tablas a divs
04:43

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

Los elementos de texto, comentarios y marcadores
06:38

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.

Vínculos, rutas y estructuración de carpetas. Lorem ipsum.
08:55

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

Imágenes y sus atributos
06:52

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

Crear listas: ol, ul y dl
05:44

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

Recursos para la maquetación
06:07
+
Introducción a CSS
2 Lectures 09:45

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

Preview 03:12

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

Incluir estilos en el documento: estilos en línea y "head"
06:33
+
Creando la hoja de estilos para nuestro documento HTML
11 Lectures 01:14:12

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.

Vincular hojas de estilo. Trabajar con más de un documento CSS.
08:25

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

Cómo relacionar HTML y CSS: Clases e Ids.
05:29

 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.

Maquetación I: Revisión de nuestro documento
06:12

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.

Box model content: Width y Float
09:41

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

Box model content: Margin y Padding
08:03

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.

Dar formato al texto: estilo font-size y trabajar con la medida "em".
08:10

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

Dar formato al texto: añadir tipografías con @font-face
06:31

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

Pseudo-clases: hover, visited, active y otros
04:07

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

Aplicar colores e imágenes de fondo
06:15

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.

Crear botones con imágenes de fondo
06:12

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.

Ajustar los elementos del documento: display, position y visibility
05:07
+
Conclusión
1 Lecture 00:00
Repaso general de todo lo que se ha aprendido a lo largo del curso, resaltando lo más importante y esencial.
Preview 10 pages
About the Instructor
Skeyon Formación Barcelona
3.7 Average rating
16 Reviews
172 Students
11 Courses
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...