La elección de colores en web, presentaciones...

La elección del color involucra no solo el texto, sino su combinación con el fondo, los gráficos y los colores predominantes en las imágenes y fotografías. El consejo fundamental es no elegir entre los infinitos colores al azar, sino usar alguna de las combinaciones de colores que son aceptadas como armoniosas, los llamados esquemas de color. Al igual que los tipos de letra, los esquemas de color tienen personalidad y cualidades que los hacen adecuados o no para un tipo concreto de presentación. Aspectos como el propósito, el requisito de formalidad o la iluminación de la sala deben condicionar nuestra elección.

El origen de los esquemas de color se encuentra en la “rueda de color” o “círculo cromático”, una disposición radial de colores, que se muestra en la siguiente figura, tomada del software de presentaciones KeyNote de Apple. El software PowerPoint tiene una disposición similar

¿Cómo obtenemos un esquema y lo usamos en el software de presentaciones? Hay muchas herramientas web gratuitas que nos permiten explorar diferentes esquemas sobre la rueda de colores, como la web Kuler de Adobe. Con esta herramienta, basta con elegir la opción “ create from a color ” y un tipo de esquema (“ rule ”), moviendo simplemente el ratón se nos muestra el esquema resultante. Si nos gusta, podemos apuntar los valores RGB de cada color e introducirlos en PowerPoint o KeyNote al especificar los colores.

WEB KULER DE ADOBE

https://color.adobe.com/create/color-wheel/

Publicar web en Github

Nuestra página web debemos colgarla, para ello hay gran cantidad de servidores gratuitos, pero este año nos hemos decantado por utilizar Github
GitHub es una forja (plataforma de desarrollo colaborativo) para alojar proyectos.
Os dejamos la presentación que han creado Alejandro Prieto Toorasen y Sergio Corrionero con el proceso para albergar nuestra web en github

Html5: contenidos extras

Os dejo los últimos temas sobre html5:

• Maquetación con estilos
• Formularios y javascript
• Tecnicas avanzadas.
• Çontenidos extras

Hmtl5: enlaces, multimedia, maquetación

Continuamos repasando y aprendiendo nuevas etiquetas

1. Tema3: enlaces
2. Tema 4: multimedia
3. Tema 5: maquetación
4. Tema 6: organización de la información.
5. Tema 8: Hoja de estilos.

En el tema 8 aplicaremos los estilos a toda la página por lo que tendremos que añadirlos en la cabecera de la siguiente manera

En la imagen viene con fondo amarillo el código que debemos introducir para poner entre sus etiquetas los estilos. Será dentro de la etiqueta

<style type="text/css">

</style>

Enlazar un archivo .css

Para que el archivo con los estilos tenga efecto en la página, debemos indicar en la cabecera del archivo .html que se va a tomar ese estilo, mediante la etiqueta <link>, así:

<link rel="stylesheet" href="misestilos.css" type="text/css" media="all">

otra opción sería:

@import url(misestilos.css)

dentro de la etiqueta style

NOOC . Identidad digital

El día 5 de febrero es el Día de Internet Seguro y para celebrarlo vamos a realizar el  NOOC. Privacidad en la red (1ª edición)

¿Qué es un NOOC?

Un NANO Curso Abierto, Masivo y En Línea (NOOC) le da a los participantes la oportunidad de explorar, aprender y ser evaluados sobre un elemento clave de una competencia, una destreza, o un área de conocimiento en un periodo de tiempo que puede ir desde un mínimo de 1 hora hasta un máximo de 20 horas de esfuerzo estimado de dedicación al NOOC. En NOOC INTEF apostamos por un esfuerzo estimado de 3 horas.

Objetivos
Conocer que es la identidad digital
Conocer y realizar un nooc.
Medidas de protección de vuestra privacidad

Superar actividad

Debemos darnos de alta y realizarlo. 

Se dará por finalizada la actividad cuando tengáis vuestra insignia en el lateral de vuestro blog.

Cospaces edu: cambiar sala / escenario

En el siguiente vídeotutorial, nos explican el modo de cambiar de sala o escenario en cospaces.

HML5: comenzamos

Buenos días comenzamos con el primer capítulo de html 5

Tema 1: Aspectos básicos
Tema 2: formato básico