[Fecha de publicacion 2015-07-07]

Explicación de nuevos de métodos de calificación tales como:

Nota: Tenga en cuenta que a partir de ahora el Blog no se califica, es opcional. La nota antigua del Blog se realizará mediante dos evaluaciones ya sean Prácticas, Escritas u Orales. En dichas evaluaciones pueden llevar todos los apuntes necesarios para presentar la prueba, teniendo en cuenta que esos apuntes deben estar todos debidamente marcado con su nombre y apellido; si lo anterior no se lleva, no se dejará presentar la prueba con los apuntes que lleve.

También expliacion y ejercicios en Excel (Conceptos Basicos estudiados y aplicados en sala y practicados en casa)

Filas(123456..),Columnas(ABCDF..),celdas, barra de menú, barra estandar, barra de formato y barra de las formulas.

XLS: es el formato que vamos a utilizar.

$C$2= es un ejemplo para fijar una columna

Links los cuales se leyeron para conocer un poco mas:

http://es.slideshare.net/auraduquel/conceptos-bsicos-de-excel-parte-1-13746286

http://www.safaburgos.com/recursos-didacticos/INFORM%C3%81TICA/Conceptos%20de%20Hoja%20de%20C%C3%A1lculo%20Excel.pdf

HTML de mi Blog

WIDGET: es una pequeña aplicación o programa, usualmente presentado en archivos o ficheros pequeños que son ejecutados por un motor de Widgets o Widget Engine. Entre sus objetivos están los de dar fácil acceso a funciones frecuentemente usadas y proveer de información visual. Sin embargo los Widgets pueden hacer todo lo que la imaginación desee e interactuar con servicios e información distribuida en Internet; pueden ser vistosos relojes en pantalla, notas, calculadoras, calendarios, agendas, juegos, ventanas con información del clima en su ciudad, etcétera. Una característica común a los Widgets, es que son de distribución gratuita a través de Internet. 


Aqui puedo editar el HTML de mi blog

[Fecha de publicacion 2015-07-03]

Webgrafia de lo investigado y leído en vacaciones.

Este ha sido gran parte mi material de trabajo, del cual he aprendido y realizado el proyecto junto a mi compañero (Cesar), material el cual resumí y me pareció muy bueno, tanto que me hizo entrar en el tema de una manera muy satisfactoria.

CODIGOS HTML

http://www.diginota.com/lista-de-las-principales-etiquetas-html/

http://mosaic.uoc.edu/ac/le/es/m2/ud3/

http://www.slideshare.net/jhonblue21/qumica-la-ciencia-central-brown-11a-edicin

http://www.cavsi.com/preguntasrespuestas/cuales-son-las-principales-etiquetas-html/

Teoria del color y  circulo cromático en HTML:

http://www.abcdisegno.com/teoria-del-color

http://www.ipixelestudio.com/teoria-color-diseno-web.html

http://mosaic.uoc.edu/ac/le/es/m2/ud3/

Trucos:

http://usuarios.sion.com/pauluk/trucospchtml.htm

Estos Enlaces sirvieron principalmente para el proyecto y este es el material que se uso para el desarrollo de este mismo.

http://coldivinoamor.com/web2015/programacion_noveno.php

lo básico: http://www.sitiosargentina.com.ar/webmaster/cursos%20y%20tutoriales/tutorial_html.htm

la tabla de colores: http://usuarios.sion.com/pauluk/coloreshtml.htm

 Fondo de páginas: http://www.redaragon.com/informatica/htmlb/cap4.asp

 Manejo de imágenes: http://www.redaragon.com/informatica/htmlb/cap7.asp

 Enlaces, link, vinculos, hipervinculos, hiperenlaces: http://platea.pntic.mec.es/~abercian/guiahtml/enlaces.htm

Marquezinas (tema muy interesante) : http://ortihuela.galeon.com/html16.htm

 http://www.htmlpoint.com/dhtml/11/index.html

Con este material se llega de vacaciones y con este pueda que se haga la presentación.

Pdta: Ya se visito las instalaciones del VIVELAB y se conoció y averiguo sobre que es? y como funciona?

Y también que se pueden llevar muchos proyectos, los cuales pienso hacer.

[Fecha de publicacion 2015-07-02]

TABLA DE CODIGOS DE LOS COLORES

(Los primeros 6 colores en negrilla son los que se van a trabajar mas)

mas partes de la tabla y mas combinaciones estan:http://usuarios.sion.com/pauluk/coloreshtml.htm

[Fecha de publicacion 2015-07-01]

TRUCOS aplicables en el  HTML :

Redireccionar una página:

Si tenés una dirección larga, y los servidores que te dan direcciones cortas no tienen buena capacidad de almacenamiento o de taza de transferencia de datos, con este código podés hacer que al escribir una dirección se abra otra, solo tenés que insertar este código en el index.html del dominio corto poniendo tu dirección actual donde está en verde:

<HTML>
<HEAD>
<TITLE>Redireccionado por www.CheNico.com</TITLE>
<SCRIPT LANGUAGE="JavaScript">
location.href='http://www.CheNico.com';
</SCRIPT>
</HEAD>
<BODY>

Abrir una Web en Pop Up:

Con este código vamos a hacer que al entrar en nuestra página automáticamente se abra otra, ej. otra Web nuestra, una sección que queremos mostrar, una publicidad, etc.

<script language='JavaScript'>window.open('http://www.chenico.com', 'geoflotante', '');</script>

No dejar seleccionar el texto de nuestra Web:

Con este código vamos a impedir que los visitantes seleccionen el texto de nuestra página para luego copiarlo a otro lado.

<script language="Javascript">
<!-- Begin
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
// End -->
</script>

Horas restantes para finalizar el día:

Con este código insertamos un pequeño relojito que indica la cuenta regresiva de las horas, minutos y segundos que faltan para finalizar el día.

<body>
<p>El reloj...</p>
<form name="Reloj">
<input type="text" size="7" name="tiempo" value="mm:hh:ss" title="Tiempo restante para finalizar el día">
<script language="JavaScript">
<!--
var tiempoAtras;

updateReloj();
function updateReloj() {
var tiempo = new Date();
var hora = 23-tiempo.getHours();
var minutos = 59-tiempo.getMinutes();
var segundos = 59-tiempo.getSeconds();

tiempoAtras= (hora < 10) ? hora :hora;
tiempoAtras+= ((minutos < 10) ? ":0" : ":") + minutos;
tiempoAtras+= ((segundos < 10) ? ":0" : ":") + segundos;

document.Reloj.tiempo.value = tiempoAtras;

setTimeout("updateReloj()",1000);
}
//-->
</script>
</form>
</body>

Recomendar Pagina:

Con este código podemos hacer que si a un visitante le gustó nuestra Web, la recomiende a un amigo escribiendo su dirección de correo electrónico en la casilla, al hacer click en "Recomendar esta Web" se envía un mensaje de correo con el asunto "Pienso que te puede interesar esta página..." y en el cuerpo del mensaje aparece la dirección completa donde se encuentra el código y el título de la misma.

<form name="eMailer">
ENVÍA ESTA PÁGINA A UN AMIGO
<br>
Indica su e-mail:
<br>
<input type="text" name="address" size="25">
<br>
<input type="button" value="Recomendá esta Web!" onClick="mailThisUrl();">
</form>
<script language="JavaScript1.2">
var good;
function checkEmailAddress(field) {
// the following expression must be all on one line...
var goodEmail = field.value.match(/\b(^(\S+@).+((\.com)|(\.net)|
(\.edu)|(\.mil)|(\.gov)|(\.org)|(\..{2,2}))$)\b/gi);
if (goodEmail){
good = true
} else {
alert('Por favor introduce un e-mail valido')
field.focus()
field.select()
good = false
}
}
u = window.location;
m = "Pienso que te puede interesar esta página...";
function mailThisUrl(){
good = false
checkEmailAddress(document.eMailer.address)
if (good){
// the following expression must be all on one line...
window.location = "mailto:"+document.eMailer.address.value+"?subject="+m+"&body="+document.title+" "+u;
}
}
</script>

Crear un Formulario o Libro de Visitas:

Con este código podemos crear un formulario para que complete el visitante. O también un libro de visitas, luego que el visitante apriete el botón "enviar", los datos serán enviados a tu casilla de correo.

<H2>Libro de visitas de www.CheNico.com</H2>
<FORM ACTION="mailto:tunombre@tuservidor.com" METHOD="post">

<TABLE>

<TD ALIGN=RIGHT>Nombre:</TD>
<TD><INPUT type="text" size=36 name="nombre"></TD>
<TR><TD ALIGN=RIGHT>Direccion E-mail:</TD>
<TD><INPUT type="text" size=36 name="direccion"></TD>
<TR><TD ALIGN=RIGHT>como llegaste hasta esta pagina?</TD>
<TD><INPUT type="text" size=36 name="procedencia"></TD>
<TR><TD ALIGN=RIGHT>Tus comentatios:</TD>
<TD><TEXTAREA rows=5 cols=30 name="comentarios"></TEXTAREA></TD>

</TABLE>

<INPUT type="reset" value="Borrar todo"> <INPUT type="submit" value="Enviar">

</FORM>

  

Cuadro explicativo de los enlaces:

Sorprendé a tus visitantes con este asombroso truco. Al pasar el mouse sobre el link, aparece la explicación de ese link en un cuadro con la cantidad de palabras que queramos poner.Solo tenés que reemplazar mis direcciones por las tuyas, y el texto deseado por el tuyo.

<p>
<script language="JavaScript"><!--
function escribe(frase){document.desplaza.cuadro.value=frase; }
// --></script>
</p>
<table border="0">
<tr>
<td width="200"><p align="center"><strong>Opciones.</strong></p>

<p><a href="http://www.CheNico.com"
onmouseover="escribe(' Página principal\n ----------------\n\n Cuando hagas Click en este enlace irás directamente a la página de inicio de mi web');">Página
principal</a><br>
<a href="http://usuarios.lycos.es/pauluk/trucosprin.htm"
onmouseover="escribe(' Trucos PC\n -----------\n\n Este enlace te llevará a la página de Trucos PC en la que podés encontrar muchos más trucos interesantes para realizar e incluir en tus páginas web');">Trucos PC</a><br>
<a href="http://usuarios.lycos.es/pauluk/GLOSARIO.HTM"
onmouseover="escribe(' Glosario\n -------------- \n\n Diccionario de Términos Informáticos. Enterate el significado de esas palabras de computación que decís todos los días pero que no sabés exactamente qué significa.');">Glosario</a><br>
</p>
</td>
<td><form name="desplaza">
<p><textarea name="cuadro" rows="8" cols="30"
wrap="physical"></textarea></p>
</form>
</td>
</tr>
</table>

Insertar un sonido o música de fondo:

Si quieren que los visitantes escuchen una canción mientras visitan la Web, o simplemente recibirlos con una melodía estilo presentación, este es el código que estabas buscando. Solo tenés que guardar el sonido en el directorio raíz de tu servidor e insertar el siguiente código html:

<BGSOUND SRC="sonido.mid" LOOP=none>
<WIDTH=200 HEIGHT=55 AUTOSTART="true" LOOP="false" HIDDEN="true">

Se recomienda usar sonidos en formato "midi" que son los de menor peso.

Crear un link para download:

Si queremos poner archivos para que los visitantes los puedan descargar a sus computadoras, solo debemos subir ese archivo a nuestro servidor e insertar en nuestra Web el siguiente código HTML:

<a href="ejemplo.exe">Descripción del enlace </a>

No existe un comando que inicie la descarga. Lo que sucede es que, siempre que aparece un tipo de archivo no reconocido por el navegador, este comienza a descargarlo automáticamente. Ejemplo: Si el navegador no logra abrir un archivo "zip" (compactado), inicia la descarga automáticamente.

  

Subrayar un Link al pasar el mouse:

Con este código podemos lograr ese tan conocido efecto que al pasar el mouse sobre un link, este se subraye. Podemos hacer que tenga un color antes de visitar el link, y que tenga otro una vez visitado.

<STYLE type="text/css">
<!--
A:link {COLOR: red; TEXT-DECORATION: none}
A:visited {COLOR: gray; TEXT-DECORATION: none}
A:active {TEXT-DECORATION: none}
A:hover {COLOR: blue; TEXT-DECORATION: underline} -->
</STYLE>
</p>
<p><a href="l1.htm">El texto que quieras.</a><br>
<a href="l2.htm">otro texto.</a><br>
<a href="l3.htm">Otro texto.</a><br>
</p>

Transformar el cursor en una mira:

Transformá la clásica flechita de Windows en una mira de disparo.

<style type="text/css">
<!--
body { cursor: crosshair}
-->
</style>

  

Comentario sobre un link en la barra de estado:

Al pasar el mouse sobre el link deseado, veremos en la barra de estado un comentario sobre éste. Por ejemplo posicionen el mouse sobre Pauluk Computación y vean en la barra de estado. (para verlo bien en ésta página pasen el mouse varias veces, ya que hay otro código parecido que lo obstruye).

<a href="http://www.CheNico.com"
onmouseout="window.status=''"
onmouseover="window.status='Acá aparece el mensaje que quieras';return true">
Pauluk Computación</a>

Dificultar copia de página:

Con este recurso sencillo podemos hacer más difícil el acceso al código-fuente o la copia de imágenes de nuestro sitio. Cuando el visitante haga click con el botón derecho del mouse, surgirá un mensaje creado previamente por nosotros. Recordemos que a algunas personas no les gusta este tipo de bloqueo. Nosotros tenemos que decidir si queremos incluirlo o no en nuestras páginas.

Podemos colocarlo antes de la etiqueta <html> o después de la etiqueta <body>.

<Script language=JavaScript>
function right(e) {
if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)){
alert("Coloca el mensaje aquí.");
return false;
}
else if (navigator.appName == 'Microsoft Internet Explorer' &&
(event.button == 2 || event.button == 3)) {
alert("Coloca el mensaje aquí.");
return false;
}
return true;
}
document.onmousedown=right;
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=right;
</script>

Nota: Para evitar este truco, también hay un contratruco, si entrás a una página que tiene este truco que no te deja copiar imágenes o texto, solo tenés que hacer click con el botón derecho del mouse sobre la barra de estado y sin soltarlo arrastrarlo hasta la imágen. Listo, se abrirá el menú como si la página no estuviese bloqueada a la copia. Hay que tener en cuenta que muy poca gente conoce este truco, por lo tanto podés usar tranquilo el truco de bloqueo.

Establecer una página como inicio:

Este código html te sirve para crear un link para que el visitante pueda hacer que tu página sea la de inicio de su computadora. Con solo hacer clic sobre el link creado, tu página se iniciará automáticamente cada vez que esa persona se conecte a Internet.

<A class=chlnk style="FONT-WEIGHT: bold; CURSOR: hand;
COLOR: #004080; FONT-FAMILY: Verdana" onclick=
"this.style.behavior='url(#default#homepage)';
this.setHomePage('http://www.CheNico.com');">
<FONT face=Arial color=#000000 size=-2><U>
Establecer como página de inicio</U></FONT></A>

Enviar un e-mail con Asunto y Mensaje:

Con este truco podés hacer que al hacer clic sobre una palabra, se abra el Outlook para enviar un mensaje con tu dirección, el asunto que quieras y el texto que quieras.

<a href="mailto:webmaster@pauluk.8k.com?subject=Prueba.&body=Estoy probando el truco...">Hacé clic acá para mandarme un mensaje</a>
 

Abrir un Link en una Ventana Nueva:

Cuando tenemos Links en nuestras páginas y alguien hace clic sobre ellos, automáticamente se abre esa dirección en nuestra ventana. Con este truco podemos hacer que al hacer clic sobre un determinado Link, esta dirección se abra en una ventana nueva, quedando la nuestra también abierta:

<a href="http://www.CheNico.com" target="_blank">Pauluk Computación</a>

Tomado de: http://usuarios.sion.com/pauluk/trucospchtml.htm

[Fecha de publicacion 2015-06-30]

Ahora, cuando naveguéis por la web buscando ideas de colores y diseños, tened a mano la rueda de colores para aprender más cosas sobre cómo los diseñadores utilizan las combinaciones de colores en vuestras webs preferidas.

Resumen

Aunque las combinaciones de colores pueden parecer complicadas, todas suponen ciertas "reglas". Estas directrices facilitan la comprensión de qué colores funcionan entre ellos para añadir interés y contraste a una web.

El motivo por el que existen las ruedas de color es que la gente las utilice. Las ruedas y herramientas de colores como el Color Generator en línea facilitan la elección del color, incluso a diseñadores sin experiencia.

Las cuatro combinaciones de colores que se tratan en este apartado son monocromáticas, complementarias, triádicas y tetrádicas. Aunque existen otras combinaciones de colores, estas cuatro combinaciones son las más fáciles de entender e implementar.

TOMADO DE: http://mosaic.uoc.edu/ac/le/es/m2/ud3/ (es de España por eso tiene taantos españolismos)

 Teoría del Color

Podemos escribir una Biblia acerca de la teoría del color, en este artículo el objetivo es acercar la teoría del color al diseño gráfico y al diseño web.

Antes que nada hay que hacer una salvedad importante, y tiene que ver con la diferencia de un diseño para ser visto en pantalla y un diseño para ser impreso. Las cosas que nosotros vemos en una pantalla se generan a partir de luces, a diferencia de las cosas que vemos impresas que se obtienen a partir de pigmentos (tintas). Esto significa que es muy difícil que los colores que veamos en una pantalla sean el fiel reflejo de algo que luego se verá impreso o viceversa.

La separación de colores en un monitor es RGB (R=Red, G=Green, B=Blue), rojo, verde y azul respectivamente. Supongamos que queremos generar el color Negro, eso significa que no habrá luz, o sea, cero de luz roja, cero de luz verde y cero de luz azul, la oscuridad equivale al color Negro (R=0, G=0, B=0). Veamos como se genera este color Negro a partir de tintas en un diseño impreso. La separación de colores en un elemento impreso es CMYK (C=Cian, M=Magenta, Y=Yellow, K=Negro), cian, magenta, amarillo y negro respectivamente; es bueno aclarar que la letra “K” significa el color Negro, se le llama key al negro, en vez de usar la letra B, por ser un nombre corto del término key plate utilizado en la impresión. Esta placa maestra imprimía el detalle artístico de una imagen, usualmente en tinta negra.”

Veamos ahora como generamos el color Negro en CMYK. A diferencia de las luces, los pigmentos necesitan su totalidad para generar el color negro, por ello podemos generar ese color con C=100, M=100, Y=100. Y K?, eso mismo, que pasa con “K”, en CMYK ya existe un pigmento o tinta negra, que nos permite generar este color a través de una única tinta. Si hacemos la prueba en algún programa de diseño, vamos a ver que si utilizamos el máximo de Cian, Magenta y Amarillo, obtendremos el color Negro, pero un tanto más pálido. Si hacemos la prueba de aplicar la totalidad del valor a las cuatro tintas (C=100, M=100, Y=100, K=100), obtendremos un color Negro mucho más brillante, el cual se vera reflejado en cualquier impresión.

Hechas estas importantes aclaraciones, vayamos como un niño a meter las manos en los colores y ver características interesantísimas de sus aplicaciones.

Soy de los creyentes que no existen recetas para hacer buenas combinaciones de colores, y que el conocimiento teórico no es directamente proporcional a la aplicación práctica; pero también es cierto que conocer las propiedades de los colores nos van ha ayudar a no cometer barbaridades en el manejo de los colores a la hora de diseñar.

Como todos ya conocemos (eso creo) los colores básicos en la naturaleza a partir de los cuales se generan el resto de los colores son el Rojo, Amarillo y Azul. Por ejemplo, si mezclamos Rojo con Amarillo obtenemos Naranja, si lo hacemos con Azul y Amarillo obtenemos verde, y de esta manera podemos seguir jugando con diferentes combinaciones y en diferentes cantidades para obtener más y más resultados de colores.

El mundo del color es realmente basto y hay infinidad de temas realmente importantes para charlar, los cuales vamos a dejar de lado para dedicarnos a otros temas de aplicación más práctica.

El círculo cromático

El círculo cromático es una excelente herramienta para establecer diferentes características de los colores.

¿Que es un matiz?

Apuesto que estamos aburridos a escuchar esta palabra pero muy pocos sabemos que es un matiz exactamente. Un matiz es el estado puro de un color, sin el blanco o negro agregados. Si observamos en el círculo cromático, los matices son aquellos que se generaran a los extremos de los colores puros, si a un color puro le agregamos otro color puro, vamos a generar un matiz, por ejemplo, un verde azulado o un verde amarillento, serán matices del verde, y se enconaran a los costados de este.

¿Qué es un tono?

Aquí olvidémonos de la mezcla de dos colores puros; un tono se genera a partir de la variación hacia blanco o hacia negro de un único color, por ejemplo, si a un verde le vamos agregando distintas cantidades de blanco de forma progresiva, decimos que vamos aumentando la intensidad de luz del verde y generando diferentes tonos hacia blanco; si en cambio agregamos diferentes dosis de negro a este verde, estaríamos bajando la intensidad de luz de este verde y generando distintos tonos hacia negro.

¿Qué son los colores complementarios?

Como la palabra lo dice, Son los colores que se complementan, ya sea en RGB para llegar a formar la luz como en CMYK para formar la oscuridad.

Hemos escuchado que popularmente se dice, “Esa pareja se complementa”, bueno, de alguna manera se está diciendo que son muy diferentes y que por eso se están complementando.

Si observamos nuevamente el círculo cromático, los colores complementarios son siempre los que se encuentran enfrentados, ejemplos de colores complementarios son el Amarillo – Violeta, Rojo – Verde y Azul – Naranja.
Son colores que utilizamos cuando queremos generar mucho contraste.

¿Se puede mezclar la matemática y el color?

“Yo no creo en Brujas, pero que las hay las hay” jejejeje. Esta es una buena frase para explicar este mito.
De todas maneras creo que la hipótesis es bastante fácil de comprobar científicamente; píenselo de esta forma, si la informática representa los colores a través de números y letras, el manejo y la combinación de estos números y letras estarán generando nuevos, y el sabio manejo de estas combinaciones ayudará a la generación de sabias paletas de colores; ¿a ustedes que les parece?.

Tomado de: http://www.abcdisegno.com/teoria-del-color

( Este es un articulo que me llamo la atención, recomiendo ir al link y verlo usted mismo)

[Fecha de publicacion 2015-06-29]

TEORÍA DEL COLOR Y SU APLICACIÓN EN DISEÑO WEB

Dicen que la primera impresión lo es todo. Cómo te ves y cómo te muestras determinará cómo te perciben los demás. Lo mismo es aplicable al diseño web de nuestro sitio. La impresión que generemos en nuestros usuarios dependerá de muchos factores, y uno de los más importantes es el color.

El color genera sensaciones y emociones, incluso recuerdos. Por tanto es importante conocer los fundamentos de la teoría del color y que si la conoces te ayudará a transmitir el mensaje que deseas en tu sitio web o bien generar nuevas ideas.

Averiguar qué colores funcionan bien con los demás no es sólo una cuestión de suerte. En realidad, existen muchos estudios sobre los efectos que provocan los colores en las personas.

En la teoría del color existen diversas combinaciones de colores que se agrupan por catogías y que van muy bien para lograr un objetivo concreto en el diseño web de tu página.

Empecemos con los fundamentos básicos de la teoría del color y luego pasaremos a las combinaciones más avanzadas.

---

LA RUEDA DE COLORES Y COMBINACIONES

COLORES PRIMARIOS

 Los colores primarios son aquellos que no se pueden obtener de la mezcla de ningún otro. Son los colores básicos que mezclados darán lugar al resto de colores de la gama cromática. Estos son el rojo, amarillo y azul. Sin embargo, si estamos hablando de colores de pantalla, tanto en dispositivos móviles como en monitores de sobremesa, los colores primarios son el rojo, verde y azul (RGB).

COLORES SECUNDARIOS

Si mezclamos a partes iguales los colores primarios, es decir, el rojo con el amarillo, el amarillo con el azul, y el azul con el rojo, se crean los colores secundarios, que son el naranja, verde y magenta. La combinación de estos colores en diseño web generan una gran variedad de contrastes.

COLORES TERCIARIOS

Los colores terciarios se consiguen si mezclamos a partes iguales un color primario junto con uno secundario, es decir, rojo con magenta, azul con verde, amarillo con verde, rojo con naranja y amarillo con naranja.

Asi que, ahora que ya conoces cómo se crean los colores, podrás entender mejor cómo trabajan las combinaciones de colores en el modelo de rueda de colores.

Entender los principios de la combinación de colores te ayudará a elegir las combinaciones de colores que funcionan bien juntas, generar las emociones adecuadas, y crear una adecuada cantidad de contrastes en tu diseño web.

A continuación te mostramos las combinaciones de colores básicos derivados de la rueda de color.

COLORES COMPLEMENTARIOS

Los colores complementarios son colores que están situados uno frente al otro en la rueda de color. Ejemplos de ello serían el el rojo y el verde, azul y el naranja, el amarillo y el púrpura, etc. Las combinaciones de colores complementarios crean un gran contraste entre sí al usarlos a la vez.

COLORES ANÁLOGOS

Los colores análogos son colores que están uno justo al lado del otro en la rueda de color. Es buena idea elegir un conjunto de colores análogos para crear una sensación de variedad en el diseño de tu página web. Ejemplos de estos serían el azul con el verde, el azul con el azul-violeta o amarillo-verde, el amarillo con el amarillo-naranja.

TRÍADAS DE COLORES

Una tríada de colores es un conjunto de tres colores que están dispuestos uniformemente alrededor de la rueda de color. Una tríada contiene una buena variedad de colores bien equilibrados. En el ejemplo de arriba, el cian, el naranja y el morado crean un bonito contraste balanceado entre ellos.

COMPLEMENTARIOS DIVIDIDOS

 Los complementarios divididos parten de toman un color y – en lugar de elegir el color complementario que le corresponde en la rueda de color – tomamos los dos situados en posiciones inmediatamente adyacentes. En el ejemplo anterior, si elegimos el amarillo, el color opuesto en la rueda de color es el morado, pero en vez elegir este, cogemos el azul-morado y rojo-morado, que crearán un gran contraste con el amarillo y entre ellos serán colores muy cooperativos.

CUADRADO DE COLORES

 El modelo de cuadrado de color tiene cuatro colores uniformemente espaciados alrededor de la rueda de color. En el ejemplo anterior, los colores son azul, naranja, rojo-violeta, y amarillo-verde. Estos esquemas de color son muy bonitos y funcionan bien con un color fuerte y versiones más aclaradas de los otros tres colores.

TETRÁDICA (DOBLE COMPLEMENTARIO)

Los esquemas de color en tetrádica se construyen mediante la creación de un rectángulo en la rueda de color. Selecciona dos opuestos en la rueda de color y a continuación seleccionamos otro color desplazándonos dos espacios en la rueda y más su color complementario.

ACLARADOS Y OSCURECIDOS

El aclarado un color es cuando tomas un color, como el azul en el ejemplo anterior, y agregas blanco al mismo. Un oscurecido es un color al que se le ha añadido negro. Puedes crear un gran esquema de colores monocromáticos con aclarados y oscurecidos del mismo tono de color.

COLORES CÁLIDOS

Los colores cálidos crean una sensación de calidez y calor en una imagen o un diseño. Cuando vemos colores cálidos, pensamos en el sol, el calor, el fuego y el amor (la pasión). El rojo es el color de la sangre, que es caliente, y naranja y amarillo están más relacionados con el verano. La adición de un filtro anaranjado a una fotografía hace que se vea más cálida y más alegre.

COLORES FRÍOS

Los colores fríos llevan connotaciones de climas fríos, invierno, la muerte, la tristeza, el hielo, la noche y el agua. Los colores fríos se pueden asociar con la calma, la tranquilidad, la confianza, la limpieza. El morado está asociada con la realeza, ya que socialmente se supone que está reservado a ellos.

Apoyado en : http://www.ipixelestudio.com/teoria-color-diseno-web.html

Tambien esta otro pagina que habla muy bien de la teoria del color y en terminos mas informaticos y es: http://mosaic.uoc.edu/ac/le/es/m2/ud3/