etiquetas y usos en tablas

ETIQUETAS Y SUS USOS

CÓDIGO :

PANTONE

PANTONE

Pantone, propiamente dicho, es una corporación/empresa norteamericana creadora del Pantone Matching System (PMS), un sistema que permite identificar colores para impresión por medio de un código determinado, en otras palabras, es un sistema propietario de igualación de colores.

Pantone produce las internacionalmente conocidas Guías Pantone (o también llamadas, Cartas Pantone”, que no son otra cosa más que tiras de papel-cartón de determinado gramaje y textura (coated, uncoated) con la impresión de una muestra de color, su nombre y formulas para obtenerlo (en porcentajes, gramos, etc), pero, ¿por qué son tan mencionadas y socorridas en el mundo del diseño?

Hay varias razones, pero la más importante es que estas guías, te permiten, independientemente del sistema operativo que uses, monitor o pantalla, programa de edición de imágenes o de gráficos vectoriales de tu preferencia, tomando en cuenta que las pantallas muestran el color en modo RGB, que el color de salida en impresión sea el correcto, ya sea en Plotter o en Offset o en Offset digital, lo cual permite que siempre veamos el mismo amarillo de McDonald’s o el rojo de Coca-Cola (en CMYK).

¿POR QUE SE DEBE USAR?

Para empezar, partamos de la siguiente problemática: ¿Cómo explicar a la imprenta de forma exacta y precisa qué color queremos que impriman en nuestros artículos promocionales?

Evidentemente, podemos enviar por e-mail una imagen, pero nunca los colores serán iguales porque éstos no se visualizan de igual forma en cada pantalla. Cada pantalla o monitor de ordenador es diferente, las impresoras también son distintas, y aunque el equipo esté calibrado con tinta PANTONE, lo que se percibe en la pantalla no será totalmente exacto porque contiene numerosos matices.

Es por esto que se han creado los colores PANTONE. Se trata, ni más ni menos, de un código para identificar los colores a fin de facilitar la comunicación e impedir que se cometan errores. Así, cuando digamos a nuestro impresor: “quiero imprimir en color rosa 1767C”, podemos estar absolutamente seguro que el resultado será justo el que deseamos. O cuando nuestro cliente nos diga: “el fondo del dibujo es de color verde” podremos mostrarle los colores PANTONE para que escoja el tono exacto en el que está pensando.

COLORES PANTONE : TODOS LOS COLORES PANTONE ESTAN CONSIGNADOS ES EL SIGUIENTE LINK : http://www.instaladoresonline.com/colores_pantone.html

MAS INFORMACION EN :https://dpublicitario.wordpress.com/2009/11/24/%C2%BFque-es-pantone-y-por-que-se-utiliza/

RGB Y CMYK

RGB

Este espacio de color es el formado por los colores primarios luz, Rojo, Verde y Azul. De hecho, RGB son las siglas en inglés de los colores Red, Green y Blue. Este sistema es el más adecuado para representar imágenes que serán mostradas en monitores y que, finalmente, serán impresas en impresoras de papel fotográfico.

Las imágenes RGB utilizan tres colores para reproducir en pantalla hasta 16,7 millones de colores. RGB es el modo por defecto para las imágenes de Photoshop y, por lo general, el modo en el que vienen nuestras cámaras de fotos aunque ambos perfiles pueden cambiarse.

Los monitores de ordenador muestran los colores con el modelo RGB lo que significa que al trabajar con imágenes que tengan un modo de color diferente Photoshop preguntará qué perfil de color queremos utilizar para convertir temporalmente los datos a RGB para su correcta visualización.

El modo RGB asigna un valor de intensidad a cada píxel que oscila entre 0 (negro) y 255 (blanco) para cada uno de los componentes RGB de una imagen en color. Por ejemplo, un color rojo brillante podría tener un valor R de 246, un valor G de 20 y un valor B de 50. El rojo más brillante que se puede conseguir es el R: 255, G: 0, B: 0.

Cuando los valores de los tres componentes son idénticos, se obtiene un matiz de gris. Si el valor de todos los componentes es de 255, el resultado será blanco puro y será negro puro si todos los componentes tienen un valor 0. Este espacio de color tiene su representación en el selector de color de Photoshop.

color rojo = (#FF0000)

color amarillo = (#FFFF00)

color azul = (#0033CC)

CMYK

Los colores del modo CMYK son los que se corresponden con los colores primarios luz, es decir, con el cyan, el magenta, el amarillo al que se le suma el color negro. Este modelo se basa en la cualidad de absorber y rechazar luz de los objetos. Si un objeto es rojo esto significa que el mismo absorbe todas las longitudes de onda componentes de la luz exceptuando la componente roja. Los colores sustractivos (CMY) y los aditivos (RGB) son colores complementarios. Cada par de colores sustractivos crea un color aditivo y viceversa.

En el modo CMYK de Photoshop, a cada píxel se le asigna un valor de porcentaje para las tintas de cuatricromía. Los colores más claros (iluminados) tienen un porcentaje pequeño de tinta, mientras que los más oscuros (sombras) tienen porcentajes mayores.

Por ejemplo, un rojo brillante podría tener 2% de cyan, 93% de magenta, 90% de amarillo y 0% de negro.

En las imágenes CMYK, el blanco puro se genera si los cuatro componentes tienen valores del 0%. Se utiliza el modo CMYK en la preparación de imágenes que se van a imprimir en cualquier sistema de impresión de tintas. Aunque CMYK es un modelo de color estándar, puede variar el rango exacto de los colores representados, dependiendo de la imprenta y las condiciones de impresión.

mas contenido en : http://www.fotonostra.com/grafico/rgb.htm

TEORÍA DEL COLOR EN DISEÑO WEB

TEORÍA DEL COLOR

Sin mucho color ni gráficos, cualquier web se convertiría en el sueño de Jakob Nielsen. Aunque la filosofía de Nielsen de arquitectura web esencial tiene las ventajas de la accesibilidad y usabilidad, la mayoría de los diseñadores web quieren añadir un toque personal a sus webs con muchos elementos de diseño. Afortunadamente, un diseñador puede añadir color a una web sin perder accesibilidad y usabilidad si la web está diseñada teniendo en cuenta estas capacidades. Aunque muchos diseñadores se sienten cómodos diseñando una web para muchos usuarios, estos mismos diseñadores se pueden sentir incompetentes cuando se trata de elegir colores y gráficos.

En este apartado, trataremos los conceptos básicos del color y tres combinaciones cromáticas sencillas para que os podáis sentir seguros a la hora de elegir los colores para vuestra web. Continuaremos este apartado con otra parte sobre cómo simplificar estas selecciones de colores. Al fin y al cabo, es más divertido disfrutar de los cumplidos sobre el diseño de la web que sudar a la hora de elegir las opciones de colores.

Colores, tonos y matices

Los colores, o tonos, se han dividido tradicionalmente en colores primarios, secundarios y terciarios. Loscolores primarios son el rojo, el amarillo y el azul, y se denominan primarios porque no hay que mezclar colores para conseguirlos. Si queréis traducir estos colores en colores web, podéis reproducirlos utilizando sus equivalentes hex (hexadecimales) #ff0000, #ffff00 y #0033cc.

Los colores secundarios se mezclan a partir de los colores primarios, y son los siguientes:

• Rojo + amarillo = naranja (#ff9900)
• Amarillo + azul = verde (#00cc00)
• Azul + rojo = violeta (#660099)

Los colores terciarios se mezclan a partir de los colores secundarios y se encuentran entre los colores primarios y secundarios mostrados en la rueda anterior.

Los colores terciarios se mezclan a partir de los colores secundarios y se encuentran entre los colores primarios y secundarios mostrados en la rueda anterior.

Aunque los colores web son diferentes de los colores normales "de los pintores", puede ser útil tener una rueda de colores (como la que se ve en la figura 2) y tenerla a mano mientras aprendéis las diferentes combinaciones de colores. Además, una rueda de colores os mostrará todos los colores, tonos y matices para empezar a ver las posibilidades de colores de las que disponéis. A continuación, se enumeran algunos términos importantes que hay que aprender:

• Tono (tint): el color resultante cuando se añade blanco.
• Tonalidad (tone): el color resultante cuando se añade gris.
• Matiz (shade): el color resultante cuando se añade negro.

Las flechas de la figura 2 indican cosas diferentes, a saber:

• Lado más exterior: color terciario de amarillo naranja (amarillo + naranja).
• Segundo lado: tono de este color terciario (blanco añadido).
• Tercer lado: tonalidad del color (gris añadido).
• Lado más interior: matiz sobre la rueda imprimida (negro añadido).

Como se puede ver en la rueda de colores anterior, la cantidad de blanco, gris y negro añadido a un color es mínima, pero suficiente para alterar el color original y crear lo que se conoce como combinación de colores monocromática.

Combinaciones de colores monocromáticas

Las combinaciones de colores existen desde hace siglos, de manera que no hay que reinventar la rueda de colores. Aunque el color de la web sea diferente del color imprimido, los conceptos son los mismos. Sólo es necesario cambiar los números hexadecimales por nombres de colores y hacer que coincidan lo máximo posible. Una herramienta de la Red que recomendamos para esta tarea es Color Scheme Generator II.

Combinaciones de colores complementarios

La siguiente familia de combinaciones de colores que cabe descubrir es la combinación de complementarios, donde se emparejan los colores que se encuentran directamente opuestos entre ellos en la rueda de colores, como se puede ver en la siguiente imagen.

 Colores cálidos y colores fríos

Las combinaciones de colores complementarios son geniales para utilizarlas en las webs porque contienen colores cálidos y fríos al mismo tiempo. El uso de estos colores proporciona contraste y es muy fácil recordar qué colores son cálidos y qué colores son fríos, como se puede ver en la siguiente imagen.

 Combinaciones de colores triádicas

Una combinación de colores triádica se crea eligiendo un color y después eligiendo dos colores más equidistantes entre ellos en torno al círculo, así:

Combinaciones de colores tetrádicas

Cuantos más colores elijáis, más complicada será la combinación de colores. No obstante, un truco es encontrar un tono, tonalidad o matiz y limitarse a estas zonas del tablero en vez de mezclar colores puros y sus tonos, tonalidades y matices. Este método funciona bien con una combinación de colores como la combinación tetrádica de cuatro colores. Esta combinación es casi igual que la combinación complementaria, con la diferencia de que se utilizan dos complementarios equidistantes.

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

TABLA Y LISTA EN HTML

Aca les muestro la tabla y la lista hecha con codigo html

lo que hice fuela siguiente:

<!DOCTYPE HTML PUBLIC>
<html>
<meta charset="utf-8">
<head>
<title>tabla y lista</title>
</head>
<body>
<center><h1>lista y tabla html</h1></center>
<br>
<br>
<br>
<table border="1">
<tr><th align="center" colspan="50">Titulo</th></tr>
<tr>
<th>Nombre</th><td>Cristan David</td><th colspan="2">Apellido</th><td colspan="2">Diaz Romero</td>
</tr>
<tr>
<th>Cedula</th><td>1032475837</td><th>Curso</th><td>Introduccion Web y Multimedia</td><th>facultad</th><td>Ingenieria De Sistemas</td>
</tr>
<tr>
<td colspan="6"><ol>
<li type="disc">descripcion</li>
</ol>
<dl>
<dt>aficiones</dt>
<dd>jugar</dd>
<dd>comer</dd>
<dd>deportes</dd>
</dl>
</td>
</tr>
</table>
</body>
</html>
como podemos ver usa etiqueta table con etiqueta th y td para titulos y texto , use atributos colspan border y align para acomodar las cosas

ya el resto solo es abrir y cerrar etiquetas el oreden mientras se cierren no afectan el resultado

use etiquetas ol y dl para las listas una corta lista donde use ol para el titulo descripcion , y la etiqueta dl para las aficinoes y las distintas aficiones que tengo.

cerre las etiquetas principales y haci hicimos nuestra primera tabla.

LISTAS EN HTML

Con frecuencia se usan listas en los documentos. El lenguaje HTML incorpora unas listas con viñetas sencillas o también letras o números. Para dar más vistosidad a las páginas, se suelen emplear también imágenes que se colocan delante de cada párrafo. Vamos a ver algunas de las posibilidades que tenemos.

 Listas con viñetas desordenadas

He aquí el ejemplo más sencillo de una de estas listas:

escribimos en html	se verá como
<ul> <li>Primer término de la lista <li>Segundo término <li>Tercer término </ul>	Primer término de la lista Segundo término Tercer término

Como ves, la lista se declara con la etiqueta <UL> y finaliza con el cierre de la misma </UL>. También podemos modificar las viñetas por medio del atributo TYPE= circle, disc o square (círculo, disco o cuadrado) y añadir sublistas.

escribimos en html	se verá como
<ul> <li type= disc>Primer término de la lista <ul> <li>Sublista <li>Otro elemento </ul> <li type=circle>Segundo término <li type=square>Tercer término </ul>	Primer término de la lista Sublista Otro elemento Segundo término Tercer término

Otro atributo interesante es compact para reducir el espacio entre los elementos

 Listas con viñetas ordenadas

Estas listas se caracterizan porque aparecen números o ciertos caracteres que ordenan sus elementos. La etiqueta usada es <OL> junto con su correspondiente de cierre </OL>. El atributo TYPEtoma ahora los valores 1, a, A, i, I. Un ejemplo de estas listas es el siguiente

escribimos en html	se verá como
<ol type=i> <li >Primer término de la lista <li >Segundo término <li>Tercer término <li>Cuarto <li>Quinto </ol>	Primer término de la lista Segundo término Tercer término Cuarto Quinto

 Listas de definición

Estas listas se forman con el elemento que se define y su definición. Las etiquetas son <DL> y </DL> para la lista y <dt> y <dd> para los elementos y sus definiciones. Un ejemplo:

escribimos en html	se verá como
<dl> <dt >Término 1º <dd>Definición del elemento 1º <dt>Término 2º <dd>Definición del elemento 2º <dt>Término 3º <dd>Definición del elemento 3º </dl>	Término 1º Definición del elemento 1º Término 2º Definición del elemento 2º Término 3º Definición del elemento 3º

bibliografia:
http://platea.pntic.mec.es/~abercian/guiahtml/listas.htm

TABLAS EN HTML

---

 Una tabla básica

Las tablas se usan con profusión en las páginas Web, muchas veces debido a que son el único instrumento con el que se cuenta, para asegurarse que las cosas estarán en su sitio. Para definir una tabla se usan las etiquetas:
<TABLE> y </TABLE> son las etiquetas donde está contenida la tabla<TR> y </TR> son las etiquetas que indican el comienzo y fin de una fila (<th> y </th> si es una fila de cabecera)<TD> y </TD> señalan una celda.
La tabla se va definiendo declarando una fila y a continuación las celdas que contiene esa fila, luego otra fila y sus celadas, etc. No es necesario que todas las filas contengan el mismo número de celdas.
La tabla (2x2) más sencilla que podemos hacer es la siguiente

Escribimos:	Visualizamos
<TABLE >      <TR>           <TD>1 </TD> <TD> 2 </TD>      </TR> <TR>           <TD>3 </TD> <TD> 4</TD> </TR> </TABLE>	1 2 3 4

El resultado no es muy brillante, pero vamos a ir viendo las distintas posibilidades que tenemos para mejorarlo.

 Atributos de la etiqueta TABLE

Todos los atributos son opcionales
BORDER="4". Indica el tamaño del borde en píxels, en este caso 4. Si no se indica nada carece de borde
WIDTH="5" o WIDTH="50%". Es el ancho de la tabla, puede especificarse en valor absoluto (5 píxels) o como un porcentaje (50% del ancho disponible)CELLSPACING="2". Es el espacio entre las celdas, por defecto es 2CELLPADDING="5". Es el espacio entre el contenido de las celdas y el borde de las mismas, por defecto es 1
ALIGN=" left", "right", "center". Alinea la tabla a la izquierda , derecha o en el centro.
Otro ejemplo

Escribimos:	Visualizamos
<TABLE BORDER="3" CELLSPACING="5" WIDTH="150">      <TR>           <TD>1 </TD> <TD> 2 </TD>      </TR> <TR>           <TD>3 </TD> <TD> 4</TD> </TR> </TABLE>	1 2 3 4

 Atributos de las etiquetas de fila y celda

Las etiquetas que soportan las filas y las celdas son
WIDTH="30". Ancho de toda la fila o celda. También se puede dar en %ALIGN=" left", "right", "center". Alinea el contenido a la izquierda, derecha o centroVALIGN="top" , "middle" o "bottom". Alinea el contenido verticalmente arriba, en medio o abajoBGCOLOR="#AACCEE". Pone un fondo del color especificado a la celda o filaCOLSPAN=3. Especifica el número de columnas que abarca la filaROWSPAN=2. Especifica el número de filas que abarca la columna
Tercer ejemplo. Fijate en la etiqueta TH, que sustituye a TR, resalta su contenido con negrita, por eso se usa para los títulos

Escribimos:	Visualizamos
<TABLE BORDER="3" CELLSPACING="5" WIDTH="200"> <TH COLSPAN=2 BGCOLOR="#6D8FFF> Este es el título</TH> <TR align="center"> <TD>Esta es la celda de la 1ª fila y de la 1ª columna</TD> <TD> Esta es de la 1ª fila y de la 2ª columna</TD> </TR> <TR BGCOLOR="#6D8FFF> <TD>Esto está con un fondo azul</TD> <TD align="right" valign="bottom">Y esto también</TD> </TR> </TABLE>	Este es el título Esta es la celda de la 1ª fila y de la 1ª columna Esta es de la 1ª fila y de la 2ª columna Esto está con un fondo azul Y esto también

Como ves, se pueden ir modificando los comandos básicos para obtener la tabla que deseemos.
Es frecuente no escribir las etiquetas de cierre de fila y celda, los navegadores presentan la tabla igual y nos ahorramos unas cuantas pulsaciones de teclas.

 Otros usos de las tablas

Como dijimos, las tablas son a veces la mejor manera de asegurarnos que cada cosa esté en su sitio. En esos casos toda la página es una tabla invisible y los distintos elementos aparecen colocados en el sitio exacto mediante el uso de filas, columnas, sus dimensiones y alineamientos, el espacio entre las mismas, etc.
Normalmente el ancho de esas tablas es de alrededor de 600 píxels para que la presentación sea similar en todos los monitores. Hay muchos ejemplos de este uso, sobretodo en las páginas diseñadas por profesionales, observa sino la de El Pais o la de Microsoft
Como inconvenientes señalar que las tablas impiden el deslizamiento uniforme de la ventana, cuando se desplaza con la barra y el tamaño de la página aumenta considerablemente.

bibliografia:

http://platea.pntic.mec.es/~abercian/guiahtml/tablas.htm

CURSO MOOC GOOGLE DISEÑO WEB

https://cursos.formacionactivate.es/idesweb-parte-1/course?_ga=1.104370504.919892849.1457976034 

HISTORIA NAVEGADORES WEB

Mosaic

Mosaic, creado por el Centro Nacional de Aplicaciones de Supercomputación (Universidad de Illinois, EE.UU.) fue el primer navegador que popularizó el uso de la web. Cuando se publicó la primera versión, en 1993, el acceso a Internet todavía estaba limitado a Universidades y organismos gubernamentales. Cuando en 1994, el acceso a Internet se abrió a particulares, el jefe del proyecto y otros miembros del equipo se salieron de la Universidad para crear Netscape. A partir de ese momento, aunque se publicaron nuevas versiones en 1995 y 1997, Mosaic dejó de ser importante. En 1997 el desarrollo de Mosaic se dio por terminado.

Netscape

Netscape apareció en 1994 y hasta 1997 fue el navegador más popular, por varios motivos:

• aunque en algún momento intentó ser un programa comercial, siempre existieron versiones gratuitas con toda la funcionalidad
• se publicaban versiones nuevas continuamente que eran capaces de representar elementos cada vez más complejos
• antes de 1994 las empresas de comunicación no podían ofrecer acceso a Internet, pero en su lugar ofrecían acceso a comunidades cerradas a los clientes (la más grande era entonces AOL, America On Line). A partir de 1994, las leyes permitieron el acceso de particulares, pero las empresas seguían sin cambiar el chip: por ejemplo hasta 1996 Microsoft no incluyó en Windows un navegador web, aunque sí ofrecía acceso a una red privada llamada Microsoft Network. Netscape aprovechó para situarse como la puerta de entrada al nuevo mundo de la web.

A partir de 1996, en que Windows incluyó un navegador (Internet Explorer) en Windows 95 OSR2, la cuota de mercado de Netscape empezó a caer inexorablemente. En 1998, Netscape se rindió y antes de abandonar el mercado fundó la fundación sin ánimo de lucro Mozilla, para crear un navegador de software libre. En 1999 Netscape fue comprada por AOL (reconvertida ya en proveedor de Internet), que a su vez se fusionó con Time Warner en 2000. Aunque se siguieron publicando versiones de Netscape hasta 2008, desde el año 2000 Netscape es irrelevante.

Desde 2008, el desarrollo de Netscape se dio por terminado.

Internet Explorer / Edge

Microsoft presentó Internet Explorer en agosto de 1995, basándose en una versión de Mosaic. Internet Explorer 1 no estaba incluido en Windows 95, pero ante el éxito de Netscape y la creciente popularidad de la web, Microsoft pisó el acelerador:

• Se publicaron versiones prácticamente cada año: IE 2 (noviembre de 1995), IE 3 (agosto de 1996), IE 4 (septiembre de 1997), IE 5 (marzo de 1999), IE 5.5 (julio de 2000) e IE 6 (agosto de 2001).
• IE se incluyó en Windows a partir de Windows 95 OSR1 (febrero de 1996), lo que dió lugar a demandas por abuso de posición dominante en Estados Unidos y Europa.
• Cada versión incluía nuevas características avanzadas, superando a Netscape en muchos aspectos.

A partir del año 2000, Internet Explorer dominó absolutamente el mercado y Microsoft pisó el freno:

• Las versiones se espaciaron: Internet Explorer 6 SP1 (septiembre de 2002), Internet Explorer 6 SP2 (agosto de 2004).
• Las nuevas versiones no incluían prácticamente nuevas características.
• En 2003, Microsoft llegó a anunciar que sólo habría nuevas versiones de Internet Explorer cuando hubiera nuevas versiones de Windows.

A partir de 2005, ante la aparición de Firefox, Microsoft volvió a pisar el acelerador, aunque su uso global ha ido bajando desde entonces:

• Se fueron publicando nuevas versiones a un ritmo cada vez más rápido: IE 7 (octubre de 2006), IE 8 (marzo de 2009), IE 9 (marzo de 2011) e IE 10 (septiembre de 2012).
• Las nuevas versiones han ido incluyendo características avanzadas y, sobre todo, respeto a las recomendaciones del W3C.
• Tanto IE 7 como IE 8 estuvieron disponibles para Windows XP, probablemente debido al fracaso de Windows Vista como sustituto de Windows XP. Durante el primer año de IE 7, para instalarlo era necesario validar Windows, pero desde entonces esa limitación no se ha vuelto a utilizar.

A partir de 2011, confirmado el éxito de Windows 7 como sustituto de Windows XP, Microsoft volvió a vincular el navegador con el sistema operativo e Internet Explorer 9 ya no se publicó para Windows XP. Para Windows XP, Microsoft promueve el uso de IE 8 e incluso creó en marzo de 2011 la webhttps://dev.modern.ie/ie6countdown/ para promover la desaparición de IE6.

En septiembre/octubre de 2012 Microsoft publicó Internet Explorer 10, incluyéndolo en Windows Server 2012 y Windows 8, y la acompañó de una campaña publicitaria de tono humorístico en la web http://browseryoulovedtohate.com (el navegador que amabas odiar) que funcionó hasta enero de 2014 (se pueden ver todavía copias de la web en Internet Archive). En febrero de 2013 se publicó IE 10 para Windows 7.

En octubre de 2013 Microsoft publicó IE 11 incluyéndolo en Windows 8.1 y en noviembre de 2013 publicó la versión para Windows 7. En agosto de 2014, Microsoft anunció que a partir de enero de 2016 dejarán de publicarse actualizaciones de seguridad para IE 8.

En julio de 2015 Microsoft publicó Edge 12 incluyéndolo en Windows 10. No se trata sólo de un cambio de nombre, puesto que el motor de Edge es distinto al de Internet Explorer y abandona tecnologías propias de IE para adoptar tecnologáis compartidas con el resto de navegadores. Por desgracia, la negativa a publicar una versión de Edge para Windows anteriores a Windows 10 dificultará su expansión.

En cualquier caso, el año 2015 marca el inicio del final de Internet Explorer, el navegador más utilizado durante la mayor parte de la historia de la web. Dentro de unos años, será irrelevante.

Actualmente (septiembre de 2015), las versiones más modernas de IE que se pueden instalar en cada versión de Windows es la siguiente:

• En Windows XP, la versión más moderna que se puede instalar es IE 8.
• En Windows Vista, la versión más moderna que se puede instalar es IE 9.
• En Windows 7, 8 y 8.1 la versión más moderna que se puede instalar es IE11.
• En Windows 10 se incluye Edge 12.

Edge blog: http://blogs.windows.com/msedgedev/. Antiguo IE blog: http://blogs.msdn.com/b/ie/ . IE roadmap: https://dev.windows.com/en-us/microsoft-edge/platform/status/

Opera

Opera es un navegador que comenzó en 1994 como proyecto de investigación de Telenor, una compañía telefónica Noruega, pero que desde 1995 desarrolla la compañía Opera Software. La primera versión, Opera 2.1, se publicó en diciembre de 1996 y desde entonces ha ido publicando versiones tanto para PCs como para dispositivos móviles.

Su principal característica ha sido siempre el cumplimiento de las recomendaciones del W3C (no en vano Håkon Wium Lie, uno de los padres de las hojas de estilo, pertenece a esta compañía).

Hasta el año 2000 se trataba de un navegador de pago (con versión de prueba temporal), pero desde entonces es gratuito. Nunca ha tenido una gran cuota de mercado, salvo en dispositivos móviles, donde siempre ha sido bastante utilizado (aunque la competencia de Safari y Android están reduciendo esa importancia).

Desde la versión Opera 15 (julio de 2013) utiliza el motor de renderizado Blink, el motor de Google Chrome.

Opera blog: http://blogs.opera.com/news/

Mozilla

Mozilla era el apodo del navegador Netscape dentro de la misma empresa Netscape. En enero de 1998 Netscape anunció que liberaba el código fuente de su navegador y el proyecto de continuar el desarrollo de ese código recibió el nombre de Mozilla.

Tras unos comienzos titubeantes en los que hubo que desechar gran parte del código, a partir de 1999 se empezaron a publicar numerosas versiones (el lema era "release early, release often", es decir "publica pronto, publica a menudo") de la suite Mozilla, que incluía tanto el navegador como el cliente de correo electrónico, un programa de chat o un editor. Desde el primer momento, el objetivo era implementar fielmente las recomendaciones del W3C. En junio de 2002 se publicó por fin Mozilla 1.0.

Durante esos años, la financiación del proyecto provenía de AOL, que utilizaba Mozilla como base para las versiones de Netscape que siguieron publicándose durante unos años. Pero en mayo de 2003 AOL alcanzó un acuerdo con Microsoft para poner fin a las demandas por abuso de posición dominante. Microsoft pagó a AOL 750 millones de dólares y, a cambio, AOL pasó a utilizar Internet Explorer en vez de Netscape. AOL anunció entonces que dejaría de financiar el desarrollo de Mozilla.

Para poder continuar el desarrollo de Mozilla, se creó en 2004 la Mozilla Foundation, fundación sin ánimo de lucro, que recibe la mayor parte de sus ingresos de Google.

De 2002 a 2004 todavía se siguieron publicando numerosas versiones de Mozilla, pero se decidió separar (seguramente por influencia de Google, entre otros factores) los componentes de Mozilla y publicarlos como programas separados (el navegador Firefox, el cliente de correo electrónico Firebird, etc). Mozilla 1.7, la última versión de Mozilla, se publicó en junio de 2004 y Firefox 1.0, la primera versión de Firefox, se publicó en noviembre de 2004.

En 2005 el desarrollo de Mozilla se dio por terminado.

Posteriormente un grupo de programadores crearon SeaMonkey, un programa que incluye navegador, cliente de correo, cliente de chat, etc, como hacía Mozilla. SeaMonkey está basada en Firefox y Thunderbird y el proyecto, aunque no forma parte de la Fundación Mozilla, se aloja en sus servidores.

Firefox

Firefox es el navegador creado por la Fundación Mozilla y es continuación del navegador Mozilla, que a su vez es continuación del navegador Netscape. Firefox 1.0 se publicó en noviembre de 2004 y su objetivo es permitir que la web sea pública, abierta y accesible.

Además de cumplir las recomendaciones del W3C (no solamente respecto al HTML y a CSS, sino también SVG o MathML), Firefox pone el énfasis en la usabilidad (pestañas, interface, etc), facilitando además la personalización y ampliación a través de extensiones.

El desarrollo de Firefox está financiado principalmente por Google, a través de donaciones a la Fundación Mozilla. A cambio, la página de inicio inicial de Firefox es la página web de Google. Cuando Google comenzó a publicar en 2008 su propio navegador (Chrome) surgieron dudas sobre la continuidad de esas donaciones, pero en agosto de 2008 el acuerdo se renovó hasta noviembre de 2011 y en diciembre de 2011 se renovó hasta noviembre de 2014.

Firefox fue el navegador que consiguió acabar con el dominio absoluto de Internet Explorer y permitió que renaciera la innovación en la web. A partir de 2005, Firefox se convirtió en el navegador alternativo a Internet Explorer y su uso creció hasta casi el 25% a principios de 2009. Sin embargo la aparición de Google Chrome por esas fechas detuvo su crecimiento y actualmente (septiembre de 2014) se ha ido reduciendo por debajo del 15%.

Desde 2011 Firefox sufre también el crecimiento de las plataformas móviles en las que no tiene una presencia significativa (a diferencia de Apple y Google). El lanzamiento en 2013 de Firefox OS como sistema operativo para teléfonos móviles intenta recuperar el terreno perdido en ese terreno, pero es una tarea muy complicada.

Entre 2005 y 2011 Firefox publicó nuevas versiones más o menos una vez al año. Pero a partir de Firefox 5 (junio de 2011), Firefox tomó un modelo de desarrollo similar a Chrome y se publican nuevas versiones cada 6 semanas, para hacer llegar rápidamente a los usuarios las nuevas funcionalidades.

Este modelo de desarrollo rápido crea conflictos en los entornos empresariales, en los que se utiliza una misma versión de los programas durante mucho tiempo. La solución ofrecida fue crear una versión ESR (Extended Support Release), que se publica cada siete versiones de Firefox (7x6 = 42 semanas) y se mantiene durante un año (52 semanas). La primera versión ESR fue Firefox 10 (enero 2012) y actualmente la última es Firefox 38 (mayo 2015). El tiempo dirá si este plazo, inferior a un año, es adecuado para los entornos empresariales.

Este modelo de desarrollo rápido también crea conflictos para los creadores de extensiones, ya que los cambios internos de cada versión pueden hacer que cualquier extensión deje de funcionar. Este problema se agravaba en las primeras versiones porque Firefox suponía que las extensiones eran incompatibles si no se habían actualizado, pero a partir de Firefox 10, Firefox supone que las extensiones son compatibles salvo que se indique lo contrario en la web de extensiones.

Mozilla blog: https://blog.mozilla.org/

Safari

Hasta 2003 el sistema operativo Mac de Apple no disponía de su propio navegador web, sino que incluía Netscape o Internet Explorer, pero en junio de 2003 Apple publicó Safari 1.0 para Mac OS X. Safari utiliza el motor de renderizado WebKit, desarrollado por Apple a partir del motor de renderizado KHTML del proyecto de software libre KDE.

Desde 2003 Apple publica nuevas versiones de Safari cada año (en los últimos años en el mes de junio). Entre 2007 y 2012 se llegaron a publicar versiones de Safari para Windows, pero sin ningún éxito.

El crecimiento de los dispositivos móviles de Apple (iPhone desde 2007 y sobre todo iPad desde 2010) ha propulsado el uso de Safari.

Safari / WebKit blog: https://www.webkit.org/blog/

Chrome

Chrome es un navegador creado en 2008 por Google a partir de WebKit, el motor de renderizado del navegador Safari, aunque desde la versión 28 (julio de 2013) utiliza el motor Blink en vez de WebKit (artículo de lwn.net explicando los motivos de esta decisión). La versión 1.0 se publicó en diciembre de 2008. Su ritmo de desarrollo se aceleró en 2009 (2 versiones publicadas), 2010 (5 versiones publicadas) y 2011 (8 versiones publicadas) y desde 2011 se publica aproximadamente cada seis-siete semanas, como Firefox, aunque no se publica a intervalos regulares como sí hace Firefox.

Chrome ha destacado siempre por su interfaz minimalista y por la velocidad de ejecución del código Javascript, lo que obligó a Firefox y a Internet Explorer a ponerse las pilas en estos aspectos.

Desde 2011, el crecimiento de los dispositivos móviles con sistema operativo Android ha ayudado a Chrome a aumentar su cuota de mercado. Desde finales de 2013 la suma de todas las versiones de Chrome supera a la versión más utilizada de Internet Explorer (actualmente -septiembre de 2015- IE 11).

Chrome volvió a poner sobre la mesa el eterno debate entre la superioridad de las aplicaciones locales y remotas. Gracias a Chrome algunos ven técnicamente posible que el navegador se convierta en la única aplicación del ordenador, con todos los datos en Internet y las aplicaciones ejecutándose en HTML5 y Javascript. Otros recuerdan que más o menos esa fue ya la promesa de Java hace 15 años, que no se cumplió. En cualquier caso, los próximos años prometen ser apasionantes.

http://www.mclibre.org/consultar/htmlcss/otros/otros_historia_navegadores.html 

EVOLUCION DEL LENGUAJE WEB

1.    LA WEB 1.0 (Internet básica)

La Web 1.0 empezó en los años 60's junto al Internet, de la forma más básica que existe, con navegadores de solo texto, como ELISA, era bastante rápido pero muy simple. Después en los 90 surgió HTML (Hyper Text Markup Language) como lenguaje hipertexto e hizo que las páginas Web sean más agradables a la vista y puedan contener componentes como imágenes, formatos y colores. Los primeros navegadores visuales fueron Netscape e Internet Explorer.

Esta Web es de solo lectura, ya que el usuario no puede interactuar con el contenido de la página (ningún comentario, respuesta, etc.). Estando la información totalmente limitada a lo que el Webmaster pueda publicar.

Limitada, usada fundamentalmente para publicar documentos y realizar transacciones. Con ella, las grandes empresas inauguraron su estrategia online. Crearon un sitio donde publicar información corporativa, y desarrollaron planes de marketing y ventas que incorporaban la Web como nexo con los clientes.

Ventajas

·         Exposición al mundo entero a través del Internet.

·         El presentador de la información tiene total control y autoridad de lo publicado.

Desventajas

·         La comunicación es pasiva.

·         No se permite retro alimentación perdiendo la oportunidad de tener acceso a información relevante.

·         No se conoce inmediatamente la reacción del público en relación a la información compartida.

2.    LA WEB 2.0 (La red social/la de la colaboración)

Se refiere a una segunda generación de Web basada en comunidades de usuarios y una gama especial de servicios, como las redes sociales, los blogs, los wikis o las folcsonomías, que fomentan la colaboración y el intercambio ágil de información entre los usuarios, donde el estaticismo de las páginas pasa a transformarse en una matriz de interacción del usuario con la Red pudiendo él mismo incluir su propia información en el sistema, creando o no webs interactivas y visuales. Es decir, los sitios Web 2.0 actúan más como puntos de encuentro, o webs dependientes de usuarios, que como webs tradicionales.

Además es la transición que se ha dado de aplicaciones tradicionales hacia aplicaciones que funcionan a través del Web enfocadas al usuario final. Se trata de aplicaciones que generen colaboración y de servicios que reemplacen las aplicaciones de escritorio. Es una etapa que ha definido nuevos proyectos en Internet y está preocupándose por brindar mejores soluciones para el usuario final. En general, cuando mencionamos el término Web 2.0 nos referimos a una serie de aplicaciones y páginas de Internet que utilizan la inteligencia colectiva para proporcionar servicios interactivos en red dando al usuario el control de sus datos. Así, podemos entender como 2.0 todas aquellas utilidades y servicios de Internet que se sustentan en una base de datos, la cual puede ser modificada por los usuarios del servicio, ya sea en su contenido  añadiendo, cambiando o borrando información o asociando datos a la información existente.

Esta tecnología ayuda a las empresas a ser más competitivas y posicionarse en el mercado a través de varias vertientes. Además de esta característica, la web 2.0 posee enriquecimientos como los blogs, que aportan un beneficio a las comunicaciones internas de la empresa y una comunicación permanente con el cliente con sus comentarios y aportaciones. También es posible gracias a esta tecnología, crear wikis para definir un lenguaje básico corporativo.

Ventajas:

1.    Extrapolación y sindicación absoluta. El hecho de que todas las aplicaciones se realicen sobre Web, va a permitir que entre ellas se pueda compartir toda la información (principalmente gracias a XML). Esto nos va a permitir:

1.1. Propagación inmediata de contenido e información (RSS) que va a permitir un mejor desarrollo de la estructura en red.

1.2. Uso de otras fuentes para desarrollar nuevas aplicaciones. Esta cuestión va a permitir que el desarrollo de nuevas aplicaciones se centre en la aportación de valor añadido, centrando los recursos en lo nuevo, y sacando partido de lo hecho por otros.

2.    Aplicaciones (software) como servicio y no como producto.

2.1. Esto elimina el coste de acceso de las pymes a la tecnología más moderna, anulando las barreras de entrada a competir en los mercados por esa vía.

2.2. El pago se hace por servicio, lo que en pequeñas empresas es una muy pequeña cantidad en relación al coste de la plataforma que obtiene y fuera de su alcance a través de inversiones que las sacarían del mercado.

2.3. Es un servicio externalizado, sin barreras de salida para el cambio, lo que permite una mayor dinamicidad al no estar apalancada negativamente por las inversiones (lo que obliga a las empresas ASP a innovar continuamente y ofrecer servicios de valor añadido constantemente).

2.4. Las innovaciones son constantes (entre otras cuestiones porque la estrategia de supervivencia de las ASP radica en ello), sin necesidad de actualizaciones ni cambios.

3.    Ubicuidad. La Web ya se ha consagrado como el canal de interoperabilidad por excelencia. Es decir, las aplicaciones basadas en Web pueden desarrollarse en cualquier terminal (y no necesariamente en los PC): ordenadores, móviles, PDAs, TV digital,…Esto va a permitir tener la información en todo momento y desde cualquier terminal con conexión a Internet.

4.    Cooperación. Las necesidades de la sociedad y empresa red radican principalmente en la cooperación entre los diferentes actores. Estos sistema permiten anular prácticamente los costes para ello (incluido los costes de relaciones sociales), llegando incluso a la cooperación entre actores que no mantienen relación. La estructura del sistema coordinará la relación.

5.    Seguridad. Si bien es un aspecto en debate (y como tal lo recojo también en las desventajas), a nivel de pymes la capacidad de seguridad y de protección de datos de servidores de empresas profesionales será siempre mucho mayor que la mantenida en servidores compartidos o en los mismos ordenadores de gestión diaria. Pérdidas de datos por fallos del sistema, virus, ataques,…son constantes en los ordenadores personales sin que se mantengan copias de seguridad adecuadas y siendo el coste de restauración muy elevado para estas empresas.

Desventajas:

1.       La seguridad de datos confidenciales, como la contabilidad, facturación, etc.  es uno de los aspectos que más se debaten, al estar almacenados en servidores ajenos. Centrándonos en las necesidades de las pymes es probable que los datos estén en mejor recaudo de servidores de empresas dedicadas a ello que en ordenadores que normalmente son mucho más vulnerables a ataques de virus, troyanos, espías, etc.

2.       La conexión a Internet. La dependencia del sistema a la conexión de Internet sigue siendo una barrera a su adopción. Si bien las empresas de telecomunicaciones cada vez son más fiables y mantienen mejores conexiones, siempre existe la posibilidad de quedarse sin conexión en la mitad de una jornada laboral, lo que impediría el uso del sistema. No obstante, este problema debe convertirse tan residual como la caída de la energía eléctrica, que si bien ocurre, no es causa suficiente como para no operar en base a ella.

3.       LA WEB 3.0 (La red semántica)

Podemos identificar la Web semántica como una forma de Web 3.0. Existe una diferencia fundamental entre ambas versiones de Web (2.0 y semántica) y es el tipo de participante y las herramientas que se utilizan. La 2.0 tiene como principal protagonista al usuario humano que escribe artículos en su blog o colabora en un wiki. El requisito es que además de publicar en HTML emita parte de sus aportaciones en diversos formatos para compartir esta información como son los RSS, ATOM, etc. mediante la utilización de lenguajes estándares como el XML. Con esta nueva transformación se permitirá la actualización y el dinamismo perpetuo a través de una interacción constructivista y organizativa de contenidos y estructuras por parte del usuario. El término Web 3.0 es asociado por la prensa generalista al concepto de Web semántica que se está desarrollando bajo la tutela de Tim Berners-Lee, el mismo que inventó la Web a principios de los 90. Las características que diferencian esta etapa de las anteriores se podrían resumir en:

Ø  Transformación de la estructura Web actual en la de Web semántica.

Ø  Utilización de Inteligencia Artificial en combinación con la nueva estructura.

Ø  Prevalencia del usuario en la creación, organización y rendimiento del contenido a través de un modelo de cooperación globalizada.

La web 3.0 es La inteligencia humana y la de las máquinas combinadas. Información más rica, relevante, oportuna y accesible. Con lenguajes más potentes, redes neurales, algoritmos genéticos, la Web 3.0 pone el énfasis en el análisis y la capacidad de procesamiento. Y en cómo generar nuevas ideas a partir de la información producida por los usuarios. Quien invierta en eso y, en el nuevo mundo transparente, concentre energía y medios en comunicarse y generar confianza desde la Web, será el dueño de las ventajas competitivas.

Se identifica al término de WEB 3.0 como la “Web Semántica” según el creador de la World Wide Web, Tim Berners-Lee.

Todavía no se llega a comprender al 100% lo que significa la WEB 2.0 y cuáles son sus beneficios, cuando ya se está hablando del término WEB 3.0 la que promete transformar nuestra experiencia Web.

Algunas personas consideran que la WEB 3.0 será una revolución si es que se logra una combinación correcta en el contenido semántico dentro de las páginas web y el uso de lo que se ha venido mencionando por mucho tiempo, la inteligencia artificial, la cual podrá sacar el mejor jugo de esta combinación. Este esfuerzo de combinar dos poderosas herramientas para el beneficio de la experiencia en Web

Ventajas de la web 3.0:

·            El código es mucho más sencillo de desarrollar y mantener.

·            Los buscadores encuentran información relevante más fácilmente.

·            Es mucho más sencillo hacer modificaciones al diseño o compartir información.

·            No se depende de un solo servicio para obtener información, sino que ésta puede estar distribuida en varios sitios y juntarla en un tercero.

Desventajas de la web 3.0:

·         Hay que tener más cuidado con la seguridad de la información del sitio.

bibliografia:

http://jinnmagalyfernandez.blogspot.com.co/