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

UOCrea con WeVideo

Hoy os presento una primicia con un editor de vídeo web colaborativo que estos días estoy probando para un proyecto interno de la UOC denominado UOCrea que se ha creado, valga la redundancia, para poder utilizarlo con sus alumn@s en diferentes ámbitos para crear vídeos colaborativos en red desde cero realizando todos los pasos necesarios que ya os conté en la entrada sobre el Making of: Mi primer videotutorial.

Support Center

Una vez te registras te llegara un mensaje a tu cuenta dándote la bienvenida al servicio:

Os presento las secciones de esta magnifico editor de vídeo web colaborativo.

1. Disponemos una primera sección para los proyectos.

2. Una segunda sección dedicada a los recursos multimedia.

3. Una tercera sección para realizar las cargas de recursos.

4. Una cuarta sección para realizar exportaciones de nuestros proyectos.

5. La quinta y última sección de momento ya esta dedicada a nosotros, para configurar nuestra cuenta.

Por ejemplo, lo más fácil ha sido descargarme un vídeo ya hecho para subirlo y empezar a jugar con él. Os acordáis lo que os dije en la entrada  ERROR: Unidad 4. Caso práctico 7. HTML 5.

Please report any issues to: contact@keepvid.com

Aprende a usar Padlet (Español)
youtube.com / princippia
14:10

» Download 3GP « - 144p - 0.0 MB

» Download 3GP « - 240p - 0.0 MB

» Download FLV « - 240p - 0.0 MB

» Download MP4 « - (Max 480p) - 0.0 MB

» Download MP4 « - 720p - 0.0 MB

» Download MP4 « - 144p (Video Only) - 0.0 MB

» Download MP4 « - 240p (Video Only) - 0.0 MB

» Download MP4 « - 360p (Video Only) - 16.4 MB

» Download MP4 « - 480p (Video Only) - 0.0 MB

» Download MP4 « - 720p (Video Only) - 0.0 MB

» Download M4A « - 128kbps (Audio Only) - 12.9 MB

» Download WEBM « - 360p - 0.0 MB

» Download MP3 « - using ( SnipMP3.com )

*NEW* » Download SRT « - Subtitles - using ( KeepSubs.com )

http://keepvid.com/?url=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D9pLDD5RwAGM

Y hasta aquí esta entrada sobre UOCrea con WeVideo. 

ENLACES RELACIONADOS

Vimeo
WeVideo
YouTube


DIÁLOGO ABIERTO

Esperando que os sea de interés y os aporte algo. ¿Nos gustaría saber si te ha gustado esta entrada? ¿Utilizas editores de vídeo? ¿Online o Offline?  Gracias por seguirnos y leernos. Hasta el próximo artículo...

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

#AWDominical 4: Los Big Data en un horizonte cercano

En este cuarto dominical,  voy a comentar como han ido las entradas de la semana que ha sido muy productiva con 1 entrada por día, en total 7.

La primera curiosidad de esta semana es que en esta fotografía del IV Congreso de LliureX del 11 y 12 de Noviembre de 2011 en la Ciudad de la Innovación Politécnica (CPI) de la Universidad Politécnica de Valencia (UPV) la jefa del servicio de Informática en los centros es Elvira Mifsud Talón, la coautora del libro de Aplicaciones Web, tanto en su primera, como en su segunda edición.

1. El Lunes os daba las gracias, ya que celebre la entrada número 200. #AW200 Muchas gracias: #EduTicTac + 12 portales con recursos TIC. Donde os presente la Comunidad de maestros TIC de EduTIcTac. Más 12 enlaces a portales muy interesantes con muchísimos recursos TIC sobre todo de cada comunidad. Destacar que hemos tenido un +8 en Google Plus de esta entrada.
2. El Martes sigo con la 4a entrega de la serie sobre WordPress. #WordPress 04. Ajustes básicos de configuración y ... más algunas entradas a otros tutoriales sobre WP.
3. El Miércoles os comente la importancia de que nuestr@s alumn@s vayan pensando a crearse un buen curriículum vitae. #MentíenelCV Tu currículum online. Con recomendaciones para que no mienten en él. Y lo pueden hacer con herramientas online.
4. El Jueves, os hable de un posible ERROR: Unidad 4. Caso práctico 7. HTML 5. Por si habeis tenido algún problema con este caso práctico en concreto donde proponemos a los alumn@s que hagan una página utilizando las nuevas etiquetas de HTML 5 para vídeo y audio. 
5. El Viernes, os he hablado del CEO Unidad 5 LMS con MOODLE. Ya que todos los archivos de copia de seguridad que se utilizan en los primeros casos prácticos de esta unidad están aquí disponibles.
6. Ayer Sábado, ya estamos en febrero, lo he dedicado a poneros el articulo: Nuestra vida digital: Pros vs Contras, que esta preparando las últimas semanas para el blog del Área de Capacitación Digital de la UOC. Dar las gracias nuevamente a Toni Albert (@carlesdijous) por haber tuiteado esta entrada.

Este Domingo os recomiendo esta/s lectura/s interesante/s que he ido leyendo durante la semana:

Los Big Data en un horizonte cercano

Un mundo donde la información es poder

http://world2digits.blogspot.com.es/2013/12/los-big-data-en-un-horizonte-cercano.html

Donde aparce esta captura sobre que es un PetaByte, que si os acordáis es justamente la primera actividad de la primera unidad de nuestro libro de la segunda edición. Y ya esta empezando a aparecer en el vocabulario habitual de los artículos que se van publicando.

La revista de este mes Bit@cora Enero 2014

El artículo sobre Big Data. Conceptos y herramientas

http://www.coiicv.org/images/stories/bitacora/2014/Revistas/2014_enero_03.pdf

Y para que podáis abrir boca sobre esta nueva tecnología os recomiendo que empecéis probando los servicios gratuitos de al empresa BigML creada por un Español desde Corvallis en Oregon (EE.UU.).

En concreto es cofundador de este proyecto ya os lo hemos presentado en la unidad 3 del Proyecto Emprende I:

Durante estos primeros años hasta hoy, existen otros muchos pioneros como Francisco J. Martín, el Bill Gates valenciano como le denomino el periódico Las Provincias en 2010 (http://www.lasprovincias.es/v/20100215/comunitat/martin-bill-gates-valenciano-20100215.html) tras conseguir una ampliación de capital de su empresa Strands (http://strands.com) de 100 millones de $, pero anteriormente en el año 2000 ya vendió al Banco Santander su primera empresa llamada Internet Sotware Component (ISOCO - www.isoco.com/quienes-somos/historia) por 2.000 millones de pesetas (unos 12 millones de €). Actualmente ha creado otro proyecto desde Oregon denominado BigML dedicada a analizar la ingente cantidad que genera cada día Internet Oculta para sacar conocimiento de toda ella para otras empresas a través de sus algoritmos de Inteligencia Artificial.

https://bigml.com

BigML

@bigmlcom

Machine Learning, made simple. Offering easy to use, SaaS-based, predictive analytics for big data and not-so-big data.

Corvallis, OR · bigml.com

Francisco J Martin

@aficionado

CEO at BigML Inc. A technologist passionate about machine learning, distributed systems, and endurance sports.

bigml.com

Y hasta aquí esta entrada sobre #AWDominical 4: Los Big Data en un horizonte cercano.


ENLACES RELACIONADOS


 Nuestra vida digital: Pros vs Contras

• CEO Unidad 5 LMS con MOODLE
• ERROR: Unidad 4. Caso práctico 7. HTML 5.
• #MentíenelCV Tu currículum online
• #WordPress 04. Ajustes básicos de configuración y ...
• #AW200 Muchas gracias: #EduTicTac + 12 portales con recursos TIC
• #AWDominical 3: Vía TED Blog - 100 páginas web que...

    ENLACES EXTERNOS

Big Data (del idioma inglés grandes datos)

    

   DIÁLOGO ABIERTO

Esperando que os sea de interés y os aporte algo. ¿Nos gustaría saber si te ha gustado esta entrada? ¿Os es útil este tipo de entradas de resumen semana? Gracias por seguirnos y leernos. Hasta el próximo artículo...

¿Me regalas un tweet de esta entrada? Gracias por compartirme....

Las visitas hasta ayer han sido: