#AW392 Khan Academy HTML/CSS

Como ya os dije hace tiempo Khan Academy te necesita... pues ahora ya podemos aprovecharnos nosotros de ellos. De entre todos los contenidos creados en esta plataforma de e-learning ya disponemos de contenidos aptos para el módulo de Aplicaciones Web del CFGM de SMR.

Para ampliar el apartado 3 sobre HTML y CSS os recomiendo este tutorial

https://es.khanacademy.org/computing/computer-programming/html-css

Hace falta registrarse y ir haciendo cada etapa.

Todo el contenido en "Intro to HTML/CSS: Making webpages"

Introducción a HTML

Aprende qué es HTML y cómo hacer una página web básica con texto marcado e imágenes.

• ¡Bienvenido a la web! (Video)
• Conceptos básicos de HTML (Bloc de notas)
• Desafío: escribe un poema (Bloc de notas)
• HTML: énfasis de texto (Bloc de notas)
• Desafío: puedes aprender etiquetas de texto (Bloc de notas)
• HTML: listas (Bloc de notas)
• Desafío: tu lista de aprendizaje (Bloc de notas)
• HTML: imágenes (Bloc de notas)
• Desafío: un viaje de ensueño (Bloc de notas) 

 

Introducción a CSS

Aprende cómo escribir reglas sencillas de CSS, cómo seleccionar con base en el elemento, clase o ID, y cómo cambiar los colores de tu página.

• CSS básico (Bloc de notas)
• Desafío: criatura colorida (Bloc de notas)
• CSS: seleccionando por id (Bloc de notas)
• Desafío: ids estacionales (Bloc de notas)
• CSS: seleccionando por clase (Bloc de notas)
• Desafío: clases de manzanas y plátanos (Bloc de notas)
• Cuestionario: selectores CSS (Ejercicio)
• Proyecto: página web de viajes (Bloc de notas)

 

Más etiquetas HTML

Aprende a hacer vínculos, tablas y comentarios.

• Vínculos en HTML (Bloc de notas)
• Desafío: vínculos que te encantan (Bloc de notas)
• Vínculos internos en HTML (Bloc de notas)
• Desafío: saltar de un lado a otro (Bloc de notas)
• Tablas en HTML (Bloc de notas)
• Desafío: el menú de la cena (Bloc de notas)
• Comentarios en HTML (Bloc de notas)
• Proyecto: libro de recetas (Bloc de notas)

 

Propiedades de texto CSS

Aprende cómo estilar tu texto, como familias de fuentes, tamaño, espacio y alineación.

• CSS Zen Garden (Video)
• Propiedad font-family de CSS (Bloc de notas)
• Desafío: familias de fuentes elegantes (Bloc de notas)
• Propiedad font-size de CSS (Bloc de notas)
• Desafío: tamaños de fuente grandes (Bloc de notas)
• Estilos de fuentes y taquigrafía en CSS (Bloc de notas)
• Desafío: formatos de fuentes famosas (Bloc de notas)
• Más propiedades de texto en CSS (Bloc de notas)
• Cuestionario: propiedades de texto (Ejercicio)
• Herencia en CSS (Bloc de notas)
• Proyecto: blog (Bloc de notas)

 

Diseño CSS

Aprende cómo usar los elementos span y div de HTML con propiedades de CSS como position y float para cambiar el diseño de tus páginas web.

• Agrupando elementos en CSS (Bloc de notas)
• Desafío: agrupa a los meros (Bloc de notas)
• Propiedades width, height y overflow en CSS (Bloc de notas)
• El océano que se desborda (Bloc de notas)
• Modelo de caja en CSS (Bloc de notas)
• Desafío: el modelo bóxer (Bloc de notas)
• Posición en CSS (Bloc de notas)
• Desafío: coloca al planeta (Bloc de notas)
• CSS en la naturaleza: Google Maps (Video)
• Elementos flotantes en CSS (Bloc de notas)
• Desafío: nubes flotantes (Bloc de notas)
• Cuestionario: diseño CSS (Ejercicio)
• Proyecto: invitación a un evento (Bloc de notas)

 

Más selectores CSS

Aprende selectores más complejos- usando múltiples clases, combinando elementos con clases, selectores descendientes, selectores agrupados y pseudo-clases dinámicas.

• Usando múltiples clases en CSS (Bloc de notas)
• Desafío: una galería con clase (Bloc de notas)
• Combinando clases y selectores de elementos en CSS (Bloc de notas)
• Desafío: clases de elementos (Bloc de notas)
• Selectores descendientes en CSS (Bloc de notas)
• Desafío: descendientes de Khan (Bloc de notas)
• Agrupando selectores en CSS (Bloc de notas)
• Pseudo-clases dinámicas en CSS (Bloc de notas)
• Desafío: animales agrupados (Bloc de notas)
• Especificidad en CSS (Bloc de notas)
• Cuestionario: especificidad en CSS (Ejercicio)

 Más aprendizaje

¿Qué puedes hacer para seguir aprendiendo HTML y CSS?

• Validación HTML (Video)
• Cuestionario: valida este HTML (Ejercicio)
• Qué aprender a continuación

ENTRADAS RELACIONADAS

 

 Todas sobre Khan Academy -  http://smrweb2.blogspot.com.es/search/label/Khan%20Academy

Esperando que os sea de interés y os aporte algo. ¿Nos gustaría saber si te ha gustado esta entrada? ¿Estas utilizandoKhan Academy? ¿Y vosotr@s alumn@s? Gracias por seguirnos y leernos. Hasta el próximo artículo...

¿Me regalas un tuit o tweet de esta entrada? Gracias por compartirla...

Khan Academy te necesita...

Otra iniciativa muy interesante que ha aparecido los últimos años son canales con videotutoriales para dar una educación libre y gratuita (como el que he empezado a crear yo también con Mi primer videotutorial. De todas ellas sin duda la más conocida es la  Khan Academy. De la que ya hacia referencia en 2011 en mi periódico digital de la gente que sigo en twitter llamado http://paper.li/smrweb2 del que os hable en la entrada: El Periódico de nuestros tweets o de los que seguimos

http://paper.li/smrweb2

Os dejo una charla de su fundador en TED donde explica como surge el proyecto:

Presentación Salman Khan TED 2011

http://www.youtube.com/wath?v=QQbqaH8S9fk - http://youtu.be/QQbqaH8S9fk

Salman TED 2011 Parte 1

http://www.youtube.com/watch?v=xYkxmOwID3g - http://youtu.be/xYkxmOwID3g

Salman TED 2011 Parte 2

http://www.youtube.com/watch?v=D7af0FcnIZE -  http://youtu.be/D7af0FcnIZE

Aparece la segunda en esta entrada y dispone de versión en castellano https://es.khanacademy.org/:

Veinte webs con los mejores cursos gratuitos online. ¡El saber no ocupa lugar!

2- Khan Academy : miles de vídeos pedagógicos y cientos de ejercicios prácticos cubriendo materias como aritmética, finanzas, historia, química, física… incluso puedes examinarte y evaluar tu progreso.

Os podéis registrar gratuitamente y comenzar a aprender:

¡Hey, smrweb2, nos alegra que seas parte de Khan Academy!

¡Aprende todo lo que quieras gratis! ...bueno, ¡casi cualquier cosa! Con temas desde aritmética hasta física, finanzas e historia, tienes todo un mundo para explorar y dominar. Ver, escuchar y debatir Con nuestra creciente biblioteca de alrededor de 5200 videos, siempre hay algo nuevo que aprender y debatir con la comunidad Khan Academy. Ver LeBron James le pregunta a Sal Khan si es más fácil hacer tres tiros libres o una canasta de tres puntos. Practica tus habilidades matemáticas Practica todo, desde sumas hasta cálculo con 720 ejercicios en nuestro mapa de conocimiento. Practica Explora por qué hacemos las mismas cosas a ambos lados de una ecuación Explora la informática Crea bellas obras de arte y diseña tus propios juegos mientras aprendes a programar con nuestro Clases de Ciencias de la computación. Explorar Sigue el tutorial de Jessica para aprender cómo animar un coche -- ¡o cualquier cosa que puedas crear! Para enterarte de las últimas noticias, échale un vistazo a nuestro blog y síguenos en las redes sociales: ¡Adelante! Sal y el equipo de Khan Academy

ENTRADAS RELACIONADAS

 

 Todas sobre YouTube -  http://smrweb2.blogspot.com.es/search/label/YouTube

 Todas sobre Khan Academy -  http://smrweb2.blogspot.com.es/search/label/Khan%20Academy

  Todas sobre paper.li - http://smrweb2.blogspot.com.es/search/label/paper.li

DIÁLOGO ABIERTO

Como siempre, para terminar, nos gustaría saber tu opinión sobre la entrada. ¿Os ha gustado esta entrada? ¿Conocías este proyecto? ¿Crearías tu propia academia en Youtube? ¿Trabajáis con vuestros alumnos con alguna existente? Gracias por seguirnos y hasta la próxima.

NOTA: Por último, os dejo la copia de la petición de ayuda para dar donaciones a este magnifico proyecto que potencia la educación libre y abierta para tod@s.

Querid@,
 
Khan Academy es una organización sin fines de lucro que ahora está proporcionando la educación completamente gratuita a más de 10 millones de personas cada mes. Y por libre, lo decimos en serio libre: Sin publicidad, sin características ocultas / pagados, sin condiciones.
Queremos hacer más clases y llegar a más estudiantes de todo el mundo. Así que este mes le pedimos que nos ayude a hacer esto al darle la primera oportunidad de convertirse en Khan Academy Por favor dona ahora y únase a nuestra increíble comunidad de partidarios como 2013 Patrón "Patron".:

2013 Patrón insignia Donar $ 10 para soportar nuevas lecciones Donar: $ 2 $ 20 $ 100 Otra cantidad

Done antes de que finalice el año y usted recibirá el Patron Badge edición limitada de 2013. Este logro significa que usted es un partidario temprano de la Khan Academy audaz misión: una educación de clase mundial libre para cualquier persona, en cualquier lugar.
Miles de usuarios y fans de Khan Academy nos han apoyado hasta ahora, y estamos muy agradecidos.

El Equipo de Khan Academy



Usted está recibiendo este gran anuncio ocasional como usuario registrado en Khan Academy. Si prefiere no recibir estos mensajes de correo electrónico no frecuentes, por favor darse de baja .
PS: Para ganar la insignia, asegúrese de que está conectado para Khan Academy primero. Si desea que la placa que debe darse a la cuenta de otro usuario, es necesario que se firmará en la cuenta de ese usuario.
Su insignia es sólo visible en su perfil si usted quiere que sea. De cualquier manera, lo sabremos y sabrás que has hecho algo increíble: convertirse en un 2013 Patron .



---------- Forwarded message ----------


Dear,

Khan Academy is a non-profit that is now providing completely free education to over 10 million people every month. And by free, we really mean free: no ads, no hidden/paid features, no strings attached.
We want to make more lessons and reach more students around the world. So this month we’re asking you to help us do this by giving you the first-ever chance to become a Khan Academy “Patron.” Please donate now and join our awesome community of supporters as a 2013 Patron:

2013 Patron badge Donate $10 to support new lessons Donate: $2 $20 $100 Other amount

Donate before the end of the year and you’ll receive the limited-edition 2013 Patron Badge. This badge signifies you are an early supporter of Khan Academy’s bold mission: a free, world-class education for anyone, anywhere.
Thousands of Khan Academy users and fans have supported us so far, and we are so grateful.
The Khan Academy Team

You are receiving this occasional big announcement as a registered user on Khan Academy. If you’d prefer not to receive these infrequent emails, please unsubscribe.
P.S. To earn the badge, be sure you are logged in to Khan Academy first. If you want the badge to be given to another user’s account, you need to be signed into that user’s account.
Your badge is only viewable on your profile if you want it to be. Either way, we’ll know and you’ll know that you’ve done something awesome: become a 2013 Patron.