viernes, 28 de febrero de 2020

Lenguage de html

Orígenes del lenguaje HTML

Su origen se remonta a 1991, cuando Tim Berners-Lee lo publicó por primera vez en internet en un documento al que llamó Etiquetas HTML.
En ese documento se describen 22 etiquetas que mostraban un diseño inicial y sencillo de este lenguaje.
En la actualidad, aún se conservan algunos de estos elementos y muchos otros se han ido incorporando con el paso de los años.
Son varias las versiones que han existido de HTML desde que se introdujo en internet. En cada una de ellas se van ampliando y desarrollando nuevas funcionalidades.

¿Qué es una etiqueta?

Las etiquetas HTML son fragmentos de texto rodeados por corchetes angulares cuyo uso es el de escribir código HTML.

Se diferencian dos tipos de etiquetas:
  1. Etiquetas de apertura. <etiqueta>
  2. Etiquetas de cierre. </etiqueta>

Elementos del lenguaje HTML

Se distinguen varios componentes: elementos y atributos.
  • Elementos: desarrollan la estructura de las páginas webs. Los elementos h1, h2, h3, h4, h5 y h6 se utilizan para crear encabezados. Por orden jerárquico h1 representa el primer nivel y, normalmente, el texto más grande, h2 es el segundo nivel con un texto algo más pequeño, así hasta llegar al h6 que es el texto más pequeño de todos.
  • Atributos: los atributos de las etiquetas HTML definen  detalles de comportamiento o presentación de la etiqueta donde van colocados. Se escriben dentro de la propia etiqueta con su nombre de atributo y el valor del atributo entre comillas.

Ventajas y desventajas del lenguaje HTML

En la actualidad siguen habiendo versiones nuevas cada cierto tiempo con nuevas funcionalidades ya que es un lenguaje muy utilizado por programadores, especialmente, para desarrollar proyectos web. Se pueden encontrar algunas ventajas y desventajas de su uso.
  1. Ventajas: permite describir hipertexto, tiene un despliegue rápido, lo reconoce y admite cualquier tipo de explorador y permite archivos pequeños.
  2. Desventajas: el diseño es más lento, tiene un lenguaje estático y las etiquetas son limitadas
Resultado de imagen para lenguaje de html

¿QUÉ ES HTML?

Actualmente la mayoría de las personas han visto cientos de páginas web pero muchos se preguntarán ¿Qué es HTML? ¿Para qué me sirve? ¿Cómo funciona? ¿Es difícil escribir en HTML? ¿Dónde puedo escribir HTML? Y otras preguntas como estas serán respondidas a continuación.
Si buscas en GOOGLE o en cualquier otro buscador la definición de HTML, probablemente encontrarás está:
“HTML es un lenguaje de marcado que se utiliza para el desarrollo de páginas de Internet. Se trata de la siglas que corresponden a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto”.

No obstante, este tipo de definiciones no nos dice mucho porque la definición es técnica. Para algunas personas al leer esto, piensan que HTML incluye el diseño gráfico de las páginas web, sin embargo, eso no es cierto ya que HTML sólo sirve para indicar como va ordenado el contenido de una página web. Esto lo hace por medio de las marcas de hipertexto las cuales son etiquetas conocidas en inglés como tags.
Hasta el momento ya tenemos una idea sobre lo que hace HTML pero aún no sabemos cómo funcionan las etiquetas. Para esto vamos a imaginar que tienen que hacer un ensayo sobre algún tema, consideraremos que el ensayo será nuestra página web y la manera en la que va ordenado un ensayo es por un título, la introducción, el desarrollo y la conclusión, si se tiene en cuenta que esto nos dice cómo debe ir nuestro ensayo podemos considerar que éstas serían las etiquetas porque nos dicen la estructura que lleva, es decir, la forma en que se acomoda el texto en nuestro ensayo. Cabe mencionar que las etiquetas no sólo sirven para ordenar nuestro contenido sino que ayudan a los buscadores como Google, Yahoo search y muchos otros a encontrar la información por medio de las etiquetas.
Resultado de imagen para html
a la/s No hay comentarios.:

Estructuras de paginas web

Estructuras de paginas web

El esqueleto básico de HTML

CÓMO CREAR UNA PÁGINA WEB

Resultado de imagen para estructura de pagina web
Para crear un verdadero documento HTML comenzará con tres elementos contenedores:
  • <html>
  • <head>
  • <body>
Estos tres se combinan para describir la estructura básica de la página:
  • <html>: Este elemento envuelve todo el contenido de la página (excepto la DTD)
  • <head>: Este elemento designa la parte de encabezado del documento. Puede incluir información opcional sobre la página Web, como puede ser el título (el navegador lo muestra en la barra de título), palabras clave de búsqueda opcionales y una hoja de estilo opcional.
  • <body>: Este elemento alberga el contenido de su página Web, es decir, aquello que queremos que aparezca en el área de navegación del navegador..
Sólo hay una manera correcta de combinar estos tres elementos. He aquí su colocación exacta, con el doctype al comienzo de la página:
<!DOCTYPE  html>
<html>
 <head>
   ...
 </head>
 <body>
  ...
 </body>
</html>
Toda página Web utiliza esta estructura básica. Los puntos suspensivos (...) muestran dónde insertaría la información adicional.
Una vez colocado el esqueleto XHTML, debe añadir dos conectores más a la mezcla.
Toda página Web requiere un elemento <title> en la sección del encabezado. A continuación, deberá crear un contenedor para el texto en la sección del cuerpo de texto (<body>).
Un elemento contenedor de texto multiuso es <p>, que representa un párrafo. Veamos con más detalle los elementos que hay que agregar:
  • <title>: Establece el título de la página Web, el cual tiene varias funciones. Primero, los navegadores lo muestran en la parte superior de la ventana. Segundo, cuando un visitante crea un marcador para la página, el navegador emplea el título para etiquetarlo en el menú Marcadores (o favoritos). tercero, cuando la página aparece en una búsqueda Web, el motor de búsqueda suele enseñar este título como primera línea en los resultados, seguido de un fragmento del contenido de la página.
  • <p>: Indica un párrafo. Los navegadores no los sangran pero añaden un pequeño espacio entre varios consecutivos para mantenerlos separados.
He aquí la página con estos dos nuevos ingredientes:
<!DOCTYPE  html>
<html>
 <head>
  <title>Bienvenido  a mi sitio Web</title>
 </head>
 <body>
  <p></p>
 </body>
</html>

Resultado de imagen para estructura de pagina web
a la/s No hay comentarios.:

viernes, 14 de febrero de 2020

Circulo Cromatico

Círculo cromático

Ir a la navegaciónIr a la búsqueda
El círculo cromático, o rueda de colores, es una representación ordenada y circular de los colores de acuerdo con su matiz o tono, en donde se representa a los colores primariosy sus derivados. Su uso es compatible tanto con los modelos sustractivos de color (artísticos, pictóricos), como con los modelos aditivos (lumínicos).

Círculo cromático natural degradado.
Los círculos cromáticos pueden representarse escalonados o en degradé (como en la imagen). Los escalonados pueden tener cualquier cantidad de colores según el autor, por lo general son 12, 24, 48 o incluso más. El denominado hexagrama, por ejemplo, es una estrella que se coloca en el centro del círculo cromático, donde la cantidad de picos corresponde a cada color y se pueden mostrar los opuestos o complementarios.

Rueda de colores tradicional[editar]


Ruedas de 7 y 12 colores de 1708.
Las ruedas de colores son antiguas, Alberti en su De Pictura (1436), usando la rueda de colores, pero también el rectángulo y el rombo, representó el sistema de cuatro colores primarios de su época: amarillo, verde, azul y rojo.
El modelo tradicional de coloración con los tres colores primarios rojo, amarillo y azul fue descubierto en el siglo XVII y desde entonces se han elaborado muchos trabajos, como el de Moses Harris que en 1766 elaboró un círculo cromático de 18 colores basándose en este modelo e incluyendo una mayor gama de colores al añadir los derivados claros y oscuros.1​

Círculo cromático de Schiffermüller, 1772.
Este modelo tradicional, también llamado RYB (red-yellow-blue), se popularizó con el libro de Goethe, Teoría de los colores de 1810, el cual elaboró un círculo cromático con seis colores: amarillo, naranja, rojo, violeta, azul y verde, el cual sigue enseñándose en las artes plásticas y artes gráficas,2​ a pesar de que su uso empírico puede presentar serios inconvenientes o imprecisiones en la composición de color.
Según el modelo tradicional, los colores pigmento opuestos son:
  • El azul es el color opuesto al naranja.
  • El rojo es el color opuesto al verde.
  • El amarillo es el color opuesto al violeta.
Y así sucesivamente con todos los colores, como podría ser el azul verde (verde mar) o el rojo naranja.
Dato importante para saber: los colores cálidos como el rojo, anaranjado, entre otros, se suelen ubicar al lado derecho del círculo cromático, mientras que los colores fríos (azul, verde, verde azulado, etc.) se encuentran al lado izquierdo del círculo.

Círculo cromático natural[editar]


Círculo cromático escalonado de 6 colores.

Círculo de 12 colores.

Círculo de 24 colores.
Se denomina círculo cromático natural al resultante de distribuir alrededor de un círculo los colores que conforman el segmento de la luznatural, por lo que la mayor parte de sus componentes son colores espectrales. Un modelo más exacto surgió tras la aparición de la fotografía en color y basado en los estudios de Newton sobre la luz, que se utiliza en la producción industrial de color, con mayor precisión en la representación cromática, y del que se derivan los modelos RGB y CMYK, en el que los colores son: amarillo, rojo, magenta, azul, cian y verde. La mezcla más común de estos colores está representada en un círculo de 12 colores, pero se puede realizar cualquier número de mezclas y crear un círculo cromático con miles de colores.
Según el modelo aditivo de color, los colores luz opuestos en el círculo cromático2​ son aquellos que se encuentran uno frente al otro.
Según el modelo moderno de mezclas de pigmentos (modelo sustractivo de color) existe reciprocidad aproximada entre el modelo de color RGB y el Modelo de color CMY; por lo tanto, los colores opuestos son:
  • El rojo es el color opuesto al cian.
  • El verde es el color opuesto al magenta.
  • El azul es el color opuesto al amarillo.
El blanco y el negro son colores opuestos, pero al igual que el gris no poseen colorido (son colores neutros) y por lo tanto no aparecen en un círculo cromático, el blanco es la presencia de todos los colores y el negro es su ausencia total.
Sin embargo el negro y el blanco al combinarse forman el gris, que también se marca en escalas. Esto forma un círculo propio llamado "círculo cromático en escala a grises" o "círculo de grises".
Esta tríada de colores es la generadora de la infinitud de todos los colores posibles de ser percibidos por el ojo o factibles de usarse en las artes gráficas, ya que permite una finita cantidad de subdivisiones. De esta tríada, por ejemplo, no pueden obtenerse los colores llamados "pasteles" que son los que tienen agregado de blanco en diferentes proporciones.

Colores primarios y derivados[editar]

Los colores primarios dependen del tipo de círculo cromático. En uno tradicional o RYB, serán rojo, amarillo y azul en tonos relacionados a pigmentos naturales tradicionales, los cuales pueden estar estandarizados o pueden depender de los que escojan los autores.
En un círculo cromático sustractivo CMYK, los colores primarios dependen de los pigmentos usados; por ejemplo, los que vienen en un cartuchode colores para impresión, los cuales están estandarizados. Sin embargo existen variaciones según el tipo de pigmento, tinte, la calidad, medio artístico, etc. Estos primarios son cian, magenta y amarillo.
En el círculo cromático aditivo RGB, los colores primarios dependen por un lado de la sensibilidad del ojo humano a la luz, ya que nuestra vista normal es tricromática, pero también dependen del tipo de luz. Estos primarios son rojo, verde y azul.
Los colores secundarios son el producto de la mezcla de dos primarios. Esta mezcla puede ser en partes exactamente iguales o depender del matiz que busca un autor, por lo que puede haber muchas variaciones. Los colores terciarios son la mezcla de un primario con un secundario y se muestran en los círculos de 12 colores.
Para graficar las relaciones entre colores, Charles Blanc ideó en 1867 los dodecagramas o estrellas de colores.3​ Las siguientes imágenes son dodecagramas con los que se puede hacer una comparación entre los principales modelos:

Coloración tradicional.

Modelo sustractivo CMYK.

Círculo cromático natural (RGB).
Las denominaciones de los colores primarios y sus derivados son aproximadamente las siguientes:
Coloración tradicional (RYB)
Modelo sustractivo CMYK
Modelo aditivo RGB

Armonías de color[editar]


Hexaedro cromático, cara armónica del cubo RGB.
El círculo cromático se usa muy a menudo para armar o determinar las armonías de color que se van a usar en determinada obra artística. En este sentido, existen varias clases de armonías de color, entre ellas, las siguientes:

Armonía de colores en tríada-equidistante[editar]

Es cuando se trata de una composición de colores usando aquellos matices del círculo cromático que están dispuestos en forma de triángulo equilátero, equidistantes entre sí y con respecto al centro del círculo como, por ejemplo, la tríada Amarillo-Cian-Magenta o la tríada Verde-Rojo-Azul.

Armonía básico-terciaria[editar]

Se trata de la paleta de colores diseñada por el pintor Carlos Benítez Campos con colores básicos y terciarios del siguiente modo: en primer lugar elegimos para nuestra paleta tres colores básicos (primarios o secundarios indistintamente), y a continuación añadimos a la misma dos o tres colores que resulten de mezclar dos a dos, los primarios y secundarios del círculo cromático no elegidos en primer lugar. En total obtendremos cinco o seis colores para pintar un cuadro en perfecta armonía cromática.

La pintura según Matisse[editar]

Como otros pintores de su época, Matisse se valió del color y de las formas para expresar emociones y sentimientos. En este fragmento de una entrevista radial, realizada en 1942, expresó su opinión:
Entrevistador: - Señor Matisse, ¿Por qué pinta usted?
Matisse: - Para traducir mis emociones, mis sentimientos y las reacciones de mi sensibilidad en términos de color y forma, cosa que no puede hacer ni la cámara fotográfica más perfeccionada, incluso en colores, ni el cine.
Henri Matisse, Reflexiones sobre el arte, Buenos Aires, Emecé, 1977

El color puede utilizarse simbólicamente[editar]

Al color, como a las palabras, se le puede dar significados simbólicos. Muchas veces esos símbolos son propios de una cultura. Esto hace que puedan ser interpretados por quienes los conocen. En nuestra cultura, el luto es simbolizado por el color negro. En algunas culturas de Oriente, en cambio, el color del luto es el blanco. Para los hindúes, el naranja es el color místico, en cambio en Occidente, nos asombraríamos de ver a un sacerdote con sotana naranja.

El color y la comunicación[editar]

En la vida diaria percibimos la realidad "en color", es decir, que el color nos brinda información acerca de los objetos y situaciones que nos rodean. Se comprende entonces que nos parezca, en principio, que en las imágenes el color posee una descripción naturalista y documental. Pero el color tiene también una dimensión estética: hay un alto grado de subjetivismo en su utilización. El color posee, además, valores simbólicos: significados culturalmente admitidos que amplían y modifican el valor de la imagen. Ciertos colores nos parecen más apropiados que otros para alcanzar determinados fines comunicacionales. Por todo ello, el uso consciente del color en las imágenes amplía y enriquece el abanico de recursos creadores.

Crear un círculo cromático[editar]


Colores primarios y secundarios en un círculo cromatico.
Puede hacerse de cualquier cantidad de colores, sólo hay que tener en cuenta que el número de colores tiene que ser divisible por 6, para que los colores secundarios queden siempre justo en medio de dos primarios, de tal forma que el número de colores (n) dividido entre 3 (los colores primarios) nos da los colores o lugares que tiene que haber de separación entre los colores primarios (x) y x dividido entre 2 nos da el punto medio entre dos primarios que son los secundarios, todos los demás son colores terciarios.4​
 ; Lugar de los colores primarios
 Punto medio 
Link : https://es.wikipedia.org/wiki/C%C3%ADrculo_crom%C3%A1tico
a la/s 1 comentario:
Etiquetas:
Suscribirse a: Comentarios (Atom)

Lenguage de html

Orígenes del lenguaje HTML Su origen se remonta a 1991, cuando Tim Berners-Lee lo publicó por primera vez en internet en un documento al ...

  • Estructuras de paginas web
    Estructuras de paginas web El esqueleto básico de HTML CÓMO CREAR UNA PÁGINA WEB Para crear un verdadero documento HTML comenzar...
  • Lenguage de html
    Orígenes del lenguaje HTML Su origen se remonta a 1991, cuando Tim Berners-Lee lo publicó por primera vez en internet en un documento al ...
  • Circulo Cromatico
    Círculo cromático Ir a la navegación Ir a la búsqueda El  círculo cromático , o  rueda de colores , es una representación ordenad...