Tutorial básico programador web: CSS desde cero (150 horas)

Título del artículo Autor
1 Información básica Curso "Tutorial básico del programador web: CSS desde cero" (CU01000D) aprenderaprogramar.com
2 Índice del curso "Tutorial básico del programador web: CSS desde cero" (CU01001D) César Krall
3 Orientación sobre el curso "Tutorial básico del programador web: CSS desde cero" (CU01002D) César Krall
4 ¿Qué es CSS? HTML, conocimiento previo para poder aprender CSS desde cero (CU01003D) César Krall y Manuel Sierra
5 ¿Es CSS un lenguaje de programación? ¿Para qué sirve? Diferencias de HTML, CSS, PHP, ASP... (CU01004D) César Krall
6 Efectos CSS. Bordes, márgenes, fuentes, animaciones… Frontera de CSS, HTML y programación. (CU01005D) César Krall
7 CSS en aplicaciones web Joomla, WordPress, Drupal, phpBB, etc. Plantillas, Templates o Themes (CU01006D) César Krall
8 Empezar a usar CSS a partir de un documento HTML con estructura básica (títulos, listas, etc.) (CU01007D) César Krall
9 De la estructura HTML y su semántica al modelo de cajas CSS. Elementos block e inline CSS (CU01008D) César Krall
10 Tipos básicos de estilos CSS: estilos por defecto y CSS en línea (inline). Sobreescritura de estilos (CU01009D) César Krall
11 Formas de aplicar CSS: interno y externo. link rel y archivos de extensión css. Comentarios CSS (CU01010D) César Krall
12 Selectores CSS: id. Aplicar CSS a partes de una web. Ejemplos. Diferenciar etiquetas HTML en ids (CU01011D) César Krall
13 Selector de clases CSS: class. Aplicar estilos CSS en distintos lugares de una web. Ejemplos. (CU01012D) César Krall
14 Concepto de herencia en hojas de estilo CSS. ¿Qué es? Forzar herencia con inherit. Ejemplos. (CU01013D) César Krall
15 Referenciar CSS con atributos de tags HTML. Selectores tipo expresión regular. Ejercicios resueltos (CU01014D) César Krall
16 Selectores avanzados y pseudoclases CSS first-child, nth-child, last, not, -letter -line, after, before (CU01015D) César Krall
17 Selector universal. nth-of-type y nth-last-child. Combinar CSS. Ejemplos y ejercicios resueltos (CU01016D) César Krall
18 Concepto: cascada y herencia CSS. Estilos de usuario. Importancia !important. Ejemplos prácticos (CU01017D) César Krall
19 Cascada de estilos. Cálculo de especificidad. Cómo usar !important en CSS. Ejercicios resueltos (CU01018D) César Krall
20 Colores HTML y CSS. RGB decimal o porcentual. Códigos de colores hexadecimales. Ejemplos (CU01019D) César Krall
21 Web safe colors. Colores RGBA, HSL, HSLA. Transparencia CSS. Lista de colores HTML - CSS (CU01020D) César Krall
22 Color de fondo. Propiedad background-color CSS. Valor por defecto transparent. Ejemplos (CU01021D) César Krall
23 Versiones CSS. Algo de historia y perspectiva. ¿Qué es el W3C? Recomendaciones oficiales (CU01022D) César Krall
24 Documentación especificación oficial CSS. W3schools y W3fools. Validación CSS W3C validator (CU01023D) César Krall
25 Unidades de medida CSS relativas o absolutas. in, cm, mm, pt, pc, pixel px, porcentaje, em, ex (CU01024D) César Krall
26 Propiedades CSS width y height. auto (automático). Ejemplos prácticos y ejercicios resueltos (CU01025D) César Krall
27 Tipos de borde CSS. border-style hidden, solid... Efectos 3D. border-top right bottom left. Ejemplos (CU01026D) César Krall
28 Shorthand: notación CSS abreviada. border-width (thin, thick) border-color (transparent). Ejemplos. (CU01027D) César Krall
29 Concepto de margen y relleno CSS. Diferencias entre margin y padding CSS (box model). Ejemplos (CU01028D) César Krall
30 Padding y margin CSS. Top, right, bottom, left. Margin negativo y centrar con margin auto. Ejemplos (CU01029D) César Krall
31 Definición de fondo CSS. background-image. Efecto fondo página web. background-repeat. Ejemplos (CU01030D) César Krall
32 CSS background-position, background-attachment, clip, origin y size. Shorthand fondo. Ejemplos (CU01031D) César Krall
33 Propiedad position CSS: static, relative, absolute, fixed. Top, right, bottom, left. Ejemplos prácticos (CU01032D) César Krall
34 Propiedad display CSS. inline, block, none, list-item. Ejercicios ejemplos resueltos en código CSS (CU01033D) César Krall
35 Concepto float CSS. none, left, right y ¿centrar?. Colocar texto alrededor de una imagen. Ejemplos (CU01034D) César Krall
36 clear CSS both ¿float no funciona? ¿El texto no envuelve una imagen html? Por qué de problemas (CU01035D) César Krall
37 Diseño web CSS dos, tres, cuatro columnas con float ¿width en porcentajes no funciona? Ejemplos (CU01036D) César Krall
38 Sprite CSS: concepto. ¿Qué es, cómo crear y usar un sprite? Ejemplos y código ejercicio resuelto (CU01037D) César Krall
39 overflow CSS. scroll. overflow-x, overflow-y. Propiedad visibility (visible, hidden, collapse). Ejemplos (CU01038D) César Krall
40 z-index CSS ¿no funciona? Superposición de elementos tipo capas, objetos, div o imágenes (CU01039D) César Krall
41 CSS text-align, color, text-decoration, text-indent, white-space nowrap, pre, pre-wrap, pre-line (CU01040D) César Krall
42 CSS efecto sombra con text-shadow y blur, text-overflow clip, ellipsis y line-height (interlineado) (CU01041D) César Krall
43 CSS text-transform y first-letter, letter-spacing y word-spacing. Cortar palabras largas con word-wrap (CU01042D) César Krall
44 CSS vertical-align middle ¿no funciona? Centrar verticalmente una imagen, texto, div, etc. Ejemplos (CU01043D) César Krall
45 CSS font-size (uso de larger, smaller) font-weight o negrita (bolder, lighter). font-style o cursiva italic (CU01044D) César Krall
46 CSS font-family. tipografía (tipos de letra). Lista de tipos. font-variant (small-caps). Shorthand font (CU01045D) César Krall
47 @font-face CSS. Fuentes web gratuitas. Problemas. Convertir woff, eot, ttf, otf, svg. Font converters (CU01046D) César Krall
48 Pseudoclases CSS link, visited, focus, hover y active. Estilos y efectos en links. Propiedad outline. (CU01047D) César Krall
49 Listas CSS. list-style-type, list-style-position (outside, inside), list-style-image. Shorthand list-style. (CU01048D) César Krall
50 Menú horizontal CSS o vertical. Crear menús con efectos a partir de listas CSS. Código ejemplos (CU01049D) César Krall
51 Menú desplegable CSS horizontal. Efecto dropdown. Ejemplo de código (float, display, position…) (CU01050D) César Krall
52 Estilos y herencia CSS en tablas. Width, height, font-size y overflow en tablas. border-collapse (CU01051D) César Krall
53 Diseño tablas CSS. border-spacing, caption-side, empty-cells. Colores de filas intercalados alternos (CU01052D) César Krall
54 Diseño líquido CSS (fluido) frente a responsive-design. max-width, min-width, max-height, min-height (CU01053D) César Krall
55 cursor CSS. Tipos. Efectos hover: move, no-drop, resize, not-allowed, crosshair, progress, wait. (CU01054D) César Krall
56 Comentarios condicionales CSS. Problemas: compatibilidad entre navegadores. Strict mode. Filtros (CU01055D) César Krall
57 Prefijos CSS de navegador Chrome, Firefox, I.Explorer, Opera, Safari. -webkit -moz -ms -o Ejemplos (CU01056D) César Krall
58 Columnas CSS: column-count, column-width, columns, colum-gap y colum-rule. Ejemplos prácticos (CU01057D) César Krall
59 Efecto CSS esquinas redondeadas: border-radius. border-left-top-radius. Ejemplos círculo o elipse (CU01058D) César Krall
60 Efecto sombra CSS: box-shadow. Sombra interior inset. Difuminado blur, spread. Ejercicio resuelto (CU01059D) César Krall
61 Degradados CSS. Efecto lineal y radial. linear-gradient. Angulos CSS: unidades deg, grad, turn, rad. (CU01060D) César Krall
62 Efectos CSS. radial-gradient tipo circle o ellipse. border-image: bordes personalizados. Ejemplos (CU01061D) César Krall
63 Efectos CSS. transform: rotate, scale, skew y translate. Rotar, escalar, sesgar, trasladar. Ejemplos. (CU01062D) César Krall
64 Animaciones CSS. transition-property, transition-duration, timing-function y efecto delay. Ejemplos. (CU01063D) César Krall
65 Animación CSS. Diferencia entre transición y animación. @keyframes: fotogramas o estados clave. (CU01064D) César Krall
66 Animation CSS. name, duration, delay, fill-mode, iteration-count, direction, timing-function,play-state (CU01065D) César Krall
67 Final del curso: "Tutorial básico del programador web: CSS desde cero" (CU01066D) César Krall

¿Puedo yo aprender?

Seas o no del área informática, si quieres aprender a programar te ofrecemos una solución guiada y personalizada: realizar un curso tutorizado on-line. Con este tipo de curso, podrás aprender a programar de forma ágil y amena.

Acceder a detalles y precios de los cursos tutorizados on-line

Política sobre cookies

Utilizamos cookies propias y de terceros para ofrecerte una mejor experiencia y servicio, de acuerdo a tus hábitos de navegación.

Si continúas navegando, consideramos que aceptas su uso. Puedes obtener más información en nuestra Política de Cookies.

En Facebook!

Ahora puedes seguirnos en Facebook. Noticias, novedades y mucho más ¡Te esperamos!

RANKING APR2+

Ranking de lenguajes y entornos de programación aprenderaprogramar.com
 

ENERO - FEBRERO 2017

1. Java / J2EE
2. Entornos Oracle
3. .NET, C#
4. JavaScript, jQuery
5. Entornos SQL Server
6. HTML, CSS
7. Php, MySql
8. Android, iOS


Acceder a detalles sobre el ranking de programación aprenderaprogramar.com

Encuesta lenguajes

¿Sobre qué lenguaje te gustaría que trataran los próximos cursos de aprenderaprogramar.com?

FOROS APR2+

Pregunta, responde, consulta, lee, intercambia...

Participa!!! Entra en los foros aprenderaprogramar.com.