Buying for a Team? Gift This Course
Wishlisted Wishlist

Please confirm that you want to add CSS Fundamentos: diseño y presentación de sitios web to your Wishlist.

Add to Wishlist

CSS Fundamentos: diseño y presentación de sitios web

Aprende a crear y aplicar estilos CSS para definir la presentación de tus páginas web (fuentes, colores, posición, etc)
4.5 (5 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.
245 students enrolled
Last updated 8/2014
Spanish
$10 $30 67% off
17 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 4.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
What Will I Learn?
Entender las características del lenguaje CSS
Conocer la sintaxis del lenguaje CSS
Usar de forma eficiente los selectores CSS
View Curriculum
Requirements
  • Conocimientos básicos de HTML
  • Cualquier editor de código (Dreamweaver, Brackets, Coda, Sublime text, etc)
Description

Ya sabes estructurar archivos HMTL? Ahora aprende a aplicar la apariencia gráfica modificando propiedades como tamaños, colores, fuentes, posición, etc.

En éste curso grabado por un "Adobe Certified Instructor - Web Master" aprenderás a usar correctamente la sintaxis de CSS para aplicar la capa de presentación a tus sitios web usando mejores prácticas que mejoren las características visuales e incluso el desempeño y velocidad.

El contenido de este curso inicia con la explicación de los fundamentos de CSS, su correcta sintaxis y uso para formatear cajas, texto, color, etc. y finaliza con un taller 100% práctico donde verás cómo aplicar la capa de presentación a a una estructura HTML.

Iniciaremos el curso trabajando con Adobe Edge Code, posteriormente usaremos Brackets y finalizaremos trabajando con Adobe Dreamweaver, sin embargo tu puedes seguir los ejercicios del curso con el editor de código que prefieras mediante los mismos archivos que uso en los diferentes ejercicios y que tu podrás descargar.

Este curso también sirve para las personas que deseen formatear o editar eBooks en formato ePub.

Si deseas contratar este u otro curso para un grupo empresarial o universidad de forma presencial u online puedes contactarme al email marceb[at]gmail[dot]com

Who is the target audience?
  • Diseñadores gráficos
  • Diseñadores web
  • Diseñadores y maquetadores de eBooks
  • Personas que quieran ingresar al apasionante mundo del diseño web
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 56 Lectures Collapse All 56 Lectures 04:23:09
+
Introducción
2 Lectures 03:05

Bienvenida y breve explicación del curso

Preview 01:15

En este video veremos el uso de los archivos de ejemplo que hacen parte del curso

Uso de los archivos de ejemplo
01:50
+
Conceptos fundamentales de CSS
8 Lectures 34:48

En este video conoceremos qué es CSS y cuál es su función

Preview 03:57

En este video conoceremos las principales características del lenguaje CSS

Características de CSS
04:29

En este video entenderás el concepto de herencia

Herencia
05:21

En este video entenderás las diferencias de renderizado entre los diferentes navegadores web

Diferencias entre navegadores
03:31

En este video conocerás las diferentes ubicaciones donde puedes escribir las reglas CSS

Ubicación del CSS
05:57

En este video verás de forma práctica cómo escribir reglas CSS en las diferentes ubicaciones posibles

Ubicación del CSS 2
06:51

En este video conocerás la correcta sintaxis de CSS

Sintaxis CSS
02:45

En este video conocerás diferentes editores de código que puedes usar para trabajar con CSS

Editores de código
01:57
+
Selectores CSS
9 Lectures 34:41

En este video conocerás qué son los selectores y para qué los debemos usar

Preview 05:07

En este video aprenderás a usar los selectores de tipo Element, Tag o Etiqueta

Tag selectors
06:07

En este video aprenderás a usar los selectores de tipo Class o Clase

Class selectors
05:26

En este video aprenderás a usar los selectores de tipo ID

ID Selectors
04:19

En este video conocerás otros selectores que también necesitarás usar

Otros selectores
02:49

En este video aprenderás a usar los selectores de tipo Descended o Compound

Descended selectors
03:45

En este video aprenderás a especificar los selectores para identificar más fácilmente los elementos a formatear

Especificar selectores
02:44

En este video aprenderás a agrupar selectores para optimizar el código CSS

Agrupar selectores
01:40

En este video conocerás importantes recomendaciones para nombres de selectores y recomendaciones generales

Recomendaciones
02:44
+
Box model o Modelo de caja en CSS
6 Lectures 37:53

En este video entenderás el modelo de caja y los elementos que la componen

Preview 02:51

En este video aprenderás a trabajar con las propiedades width y height para modificar el tamaño de divs

Definir tamaños en CSS
08:40

En este video aprenderás a calcular los tamaños de los elemento como la suma de diferentes propiedades del modelo de caja

Definir tamaños en CSS 2
06:02

En este video conocerás y aprenderás a usar las sintaxis para el padding y margin tanto en modo extendida como en modo abreviada

Margin y padding
08:09

En este video conocerás y aprenderás a usar las sintaxis para agregar bordes y contornos tanto en modo extendida como en modo abreviada

Bordes o contornos con CSS
04:07

En este video conocerás y aprenderás a usar las sintaxis para agregar fondos o backgrounds tanto en modo extendida como en modo abreviada

Fondos o backgrounds con CSS
08:04
+
Layouts o estructuras básicas
7 Lectures 43:50

En este video conocerás los posibles valores de la propiedad position para modificar la posición de un elemento

Preview 04:27

En este video veremos de forma práctica el uso de la propiedad position y sus diferentes valores

Propiedad position en la práctica
08:28

En este video conocerás el uso de la propiedad z-index para editar el orden de apilamiento por defecto de los elementos html

Propiedad z-index
05:27

En este video conocerás el uso de la propiedad clear para evitar que elementos flotantes se superpongan a otros elementos

Propiedad clear
05:18

En este video conocerás el uso de los valores relative y absolute para posicionar un elemento respecto a su contenedor

Uso de los valores relative y absolute
03:52

En este video realizaremos varios ejemplos prácticos de layouts o estructuras de páginas htm

Ejemplos prácticos de layouts
12:38

En este video aprenderás a usar la propiedad overflow para solucionar un típico inconveniente con elementos flotantes

Uso del valor auto en la propiedad overflow
03:40
+
Dar formato al texto con CSS
5 Lectures 26:15

En este video conocerás la sintaxis de las principales propiedades CSS para formatear texto

Preview 05:26

En este video aprenderás a definir fuentes y tamaños de fuentes con CSS

font-family y font-size
07:08

En este video conocerás y aprenderás a usar otras propiedades CSS para formatear texto

Mas propiedades
06:51

En este video aprenderás a usar la sintaxis la sintaxis acortada o shothand notation con la propiedad font de CSS para formatear texto

Shorthand notation
03:11

En este video conocerás y aprenderás a usar más propiedades CSS para formatear texto

Otras propiedades
03:39
+
Trabajar con color
6 Lectures 18:44

En este video conocerás las propiedades para trabajar con color en CSS así como la notación de Keywords

Preview 02:05

En este video conocerás la notación Hexadecimal para usar color en CSS

Notación hexadecimal
02:23

En este video aprenderás a usar de forma práctica las propiedades CSS para color así como la notación Hexadecimal

Propiedades para color y notación hexadecimal en la práctica
04:37

En este video conocerás la notación RGB para usar color en CSS

Notación en RGB
02:04

En este video aprenderás a usar de forma práctica las notaciones de color Keywords y RGB en CSS

Notación en keywords y RGB en la práctica
04:11

En este video conocerás herramientas y aplicaciones que te pueden facilitar el trabajo con color en CSS

Herramientas de ayuda
03:24
+
Taller práctico
12 Lectures 01:02:53

En este video explicaremos el taller que vamos a realizar en este capítulo final del curso de CSS

Preview 02:07

En este video conoceremos la interfaz de Dreamweaver y definiremos un nuevo sitio web

Interfaz de Dreamweaver
04:32

En este video crearemos y enlazaremos hojas de estilo usando diferentes técnicas

Crear y enlazar hojas de estilo CSS
07:13

En este video crearemos las reglas CSS body

Regla body
03:07

En este video crearemos la regla #contenedor para modificar sus propiedades

Regla #contenedor
04:17

En este video iniciamos a agregar formato a los elementos que hacen parte del contenido

Formato para el contenido
03:39

En este video finalizamos el formato de los elementos que hacen parte del contenido

Continuación del formato para el contenido
03:58

En este video agregamos formato a los elementos que hacen parte del lateral

Formatear el lateral
05:31

En este video agregamos formato a los elementos que hacen parte del footer

Formatear el footer
05:13

En este video agregamos formato a los elementos que hacen parte del menú de navegación

Formatear el menú de navegación
11:02

En este video realizaremos un ajuste final a la página de promociones y crearemos y enlazaremos la hoja de estilos para el formulario de contacto

Ajustes de la página promociones y creación de hoja de estilos para formulario
05:37

En este video agregaremos el formato al formulario de contacto

Formato al formulario de contacto
06:37
+
Finalización
1 Lecture 01:00

Despedida del curso CSS - Fundamentos

Despedida
01:00
About the Instructor
4.4 Average rating
1,215 Reviews
19,262 Students
18 Courses
Adobe Community Professional y Adobe Certified Instructor

Consultor en tecnologías y aplicaciones Adobe para multimedia, web y publicaciones digitales con más de 20 años de experiencia asesorando empresas latinoamericanas que van desde diarios e imprentas hasta agencias interactivas.

Adobe Community Professional, Adobe Certified Expert y Adobe Certified Instructor en las últimas versiones de Photoshop, Lightroom Illustrator, InDesign, Acrobat, Flash, Dreamweaver y Muse. Posee las certificaciones especializadas ACE - Design Master y ACE - Web Master. Ha desarrollado y grabado cursos para Lynda y Udemy.

Actualmente es director de Xpert[dot]co, un centro de capacitación online sobre tecnologías gráficas y de Xpert[dot]video, una biblioteca de contenidos de aprendizaje.

Report Abuse