Normas ISO

 

Qué es ISO?

ISO son las siglas en inglés International Organization for Standardization. Se trata de la Organización Internacional de Normalización o Estandarización, y se dedica a la creación de normas o estándares para asegurar la calidad, seguridad y eficiencia de productos y servicios. Son las llamadas Normas ISO.

La Organización Internacional de Normalización actualmente está presente en 193 países y es una organización no gubernamental e independiente. Actualmente hay redactadas más de 22.000 normas ISO que abarcan todas las industrias, desde tecnología y seguridad alimentaria, hasta agricultura y salud.

¿Desde cuándo existen las normas ISO?

La organización ISO fue fundada en 1926 como Federación Internacional de Asociaciones de Normalización Nacionales (ISA). Durante la II Guerra Mundial, fue temporalmente suspendida. Tras el estado bélico, las Naciones Unidas propusieron la refundación de una organización de normalización a través del Comité de Coordinación de Normas de las Naciones Unidas.

En 1946, representantes de 25 países se reunieron en la ciudad de Londres. Tenían el objetivo de facilitar la coordinación de los estándares industriales, mediante la unificación internacional. Fue durante esta reunión cuando pusieron las bases de lo que se acabaría conociendo como ISO. Finalmente, la organización se fundó oficialmente el 23 de febrero de 1947.

¿Dónde está la sede de la ISO?

La sede de la ISO está actualmente ubicada en Ginebra, Suiza, y trabaja en 193 países.

Países miembros de la ISO

La organización de la ISO tiene 164 países miembros divididos en tres categorías: cuerpo, corresponsales y suscriptores.

• Cuerpo: Cuerpos nacionales que son considerados la máxima representación del país y únicos miembros de la organización con derecho a voto.
• Corresponsales: Estos miembros no tienen su propia organización de normalización dentro de su país. Las normas ISO actúan en estos países pero no participan en la creación de dichas normas.
• Subscriptores: Son países más pequeños, que pagan unas cuotas para poder seguir el desarrollo de las normas.

¿Cómo se financia la organización ISO?

La ISO se financia a través de otras organizaciones que presentan expertos para que aporten el trabajo técnico, por las suscripciones de los cuerpos miembros y por la venta de normas.

Normas ISO y sus diferentes tipos

En la actualidad, existen más de 22.000 normas ISO diferentes. Cada una de ellas está centrada en la normalización, estandarización o regulación de un elemento de los servicios y/o productos. A continuación te detallamos algunas de las normas ISO más habituales.

ISO 9001

La norma ISO 9001, perteneciente a la familia a de normas ISO 9000, redacta las normas de un Sistema de Gestión de Calidad. Lo hace mediante guías y herramientas que aseguran la calidad de los productos y servicios de las empresas. Todo tipo de empresas, desde pymes hasta grandes empresas, se pueden certificar con la norma ISO 9001, independientemente de su actividad económica.

El certificado ISO 9001 de calidad está enfocado al cliente. También motiva a todos los trabajadores de la empresa certificada e impacta sobre la dirección, consiguiendo un aprendizaje y mejora continuos.

Beneficios de la norma iso 9001

La implementación de la norma ISO 9001 por parte de la empresa significa grandes beneficios:

• Beneficios estructurales que se convertirán en beneficios económicos;
• Potencia la participación de la alta dirección de la empresa;
• Se genera confianza hacia nuestros clientes.

ISO 14001

La norma ISO 14001 es el estándar que se centra en la gestión ambiental. Esta norma tiene como prioridades identificar y gestionar los posibles riesgos ambientales que se pueden generar en una empresa derivada de su actividad habitual.

Cualquier empresa, sea cual sea su actividad, facturación, sector, ubicación o tamaño, puede certificarse en la norma ISO 14001.

Beneficios de la norma ISO 14001

• Reducción de costes;
• Cumplimiento de la legislación medioambiental;
• Evitar la duplicidad de esfuerzos;
• Tener una ventaja competitiva frente a la competencia;
• Facilidad para el cumplimiento de otras certificaciones ISO u OHSAS.

ISO 22000

La norma ISO 22000 se centra en la sanidad y seguridad alimentaria. Esta norma internacional fija los requisitos que deben tener las empresas que intervengan en la cadena de fabricación de un alimento, desde la empresa que prepara el propio producto alimentario, hasta la que prepara el packaging para su transporte.

Beneficios de la norma ISO 22000

• Implementar procesos internacionales;
• Cumplir y aplicar la legislación;
• Generar confianza entre los clientes y proveedores;
• Controlar y eliminar los riesgos para la seguridad alimentaria;
• Generar confianza entre los consumidores;
• Implementar la transparencia dentro de la empresa;

• Mejora y actualización continua en los diversos procesos de la empresa.

ISO 45001

La norma ISO 45001 asegura la salud y seguridad laboral. Existente desde marzo de 2018, y sustituyendo a la OHSAS 18001, la norma ISO 45001 establece una serie de requisitos mínimos que cada empresa debería cumplir y tener siempre presentes para mejorar sus actividades diarias y minimizar los riesgos laborales.

Beneficios de la norma ISO 45001

• Buscar e identificar los posibles riesgos en el puesto de trabajo;
• Solucionar los errores que pueden provocar riesgos laborales;
• Modificar las condiciones laborales con el objetivo de mejorarlas;
• Tener una mejor organización en la empresa;
• Minimizar los accidentes en los puestos de trabajo;
• Reducir las bajas laborales causadas por malas praxis en el puesto de trabajo;
• Disminuir tanto los costes como el tiempo de baja de los empleados;
• Demostrar, por lo tanto, la conformidad a clientes y proveedores.

¿Te han quedado dudas sobre qué es el certificado ISO 9001? ¿Te interesaría certificar tu empresa en alguna de estas normas? Si es así, no dudes en contactarnos a través del siguiente formulario. ¡Estaremos encantados de ayudaros y ti y a tu empresa!

boostrapparte1

boostrapinstalaparte02

Hojas de Estilo

 

Qué es una hoja de estilo

En las primeras versiones del HTML, el código fuente de una página web contenía tanto la información (el contenido) como la forma de representarse (el diseño o formato). Actualmente, estos dos aspectos se pueden separar. La página web (el documento html) sólo debe contener información, mientras que el formato se debe definir en las llamadas hojas de estilo (en inglés, CSS, Cascading Style Sheets, es decir, Hojas de Estilo en Cascada).

---

El funcionamiento de las hojas de estilo es el siguiente:

• En la página web (archivo .html) se escriben las etiquetas que definen categorías o elementos.
• En la hoja de estilo (archivo .css) se escribe cómo queremos que sea el estilo de presentación de las etiquetas (color, tamaño, fuente, bordes, márgenes, posición, etc).
• En la página web se escribe qué hoja de estilo queremos utilizar.´

Las ventajas de utilizar hojas de estilo son muchas, sobre todo permiten hacer un diseño consistente y fácil de modificar. Si varias páginas web hacen referencia a la misma hoja de estilo, para cambiar la apariencia de todas las páginas es suficiente con hacer los cambios en un único lugar, en la hoja de estilo.

Sintaxis de las hojas de estilo

Una hoja de estilo es un fichero de texto plano (sin formato) en el que se define el aspecto de las etiquetas de una página web:

Una hoja de estilo está formada por una o varias sentencias:

Información de estilo en línea

Definiciones de atributos

style = estilo [CN]

Este atributo especifica información de estilo para el elemento actual.

La sintaxis del valor del atributo style viene determinada por el lenguaje de hojas de estilo por defecto. Por ejemplo, para los estilos [[CSS2]] en línea, se usa la sintaxis de bloque de declaraciones descrita en la sección 4.1.8 (sin las llaves).

Este ejemplo CSS establece información sobre el color y el tamaño de la fuente del texto de un párrafo específico.

<P style="font-size: 12pt; color: fuchsia">¿No son maravillosas las hojas de estilo?

En CSS, las declaraciones de propiedades son de la forma "nombre : valor" y están separadas por un punto y coma.

Para especificar información de estilo en línea para más de un elemento, los autores deberían usar el elemento STYLE. Para lograr una flexibilidad óptima, los autores deberían definir los estilos en hojas de estilo externas.

14.2.3 Información de estilo en cabecera: el elemento STYLE

<!ELEMENT STYLE - - %StyleSheet        -- información de estilo -->
<!ATTLIST STYLE
  %i18n;                               -- lang, dir, para usar con title --
  type        %ContentType;  #REQUIRED -- tipo de contenido del lenguaje de estilos --
  media       %MediaDesc;    #IMPLIED  -- diseñado para usar con estos medios --
  title       %Text;         #IMPLIED  -- título consultivo --
  >

Etiqueta inicial: obligatoria, Etiqueta final: obligatoria

Definiciones de atributos

type = tipo de contenido [CI]

Este atributo especifica el lenguaje de hojas de estilo de los contenidos del elemento y prevalece sobre el lenguaje de hojas de estilo por defecto. El lenguaje de hojas de estilo se especifica como un tipo de contenido (p.ej., "text/css"). Los autores deben proporcionar un valor para este atributo; no hay valor por defecto para este atributo.

media = descriptores de medios [CI]

Este atributo especifica el medio destino al que se dirige la información de estilo. Puede ser un solo descriptor de medios, o una lista de ellos separados por comas. El valor por defecto de este atributo es "screen" (pantalla).

Atributos definidos en otros lugares

• lang (información sobre el idioma), dir (dirección del texto)
• title (título del elemento)

El elemento STYLE permite a los autores poner reglas de hojas de estilo en la cabecera del documento. HTML permite cualquier número de elementos STYLE en la sección HEAD de un documento.

Los agentes de usuario que no soporten hojas de estilo, o que no soporten el lenguaje de hojas de estilo utilizado por un elemento STYLE en particular, deben ocultar los contenidos del elemento STYLE. Es un error representar el contenido como parte del texto del documento. Algunos lenguajes de hojas de estilo soportan sintaxis para ocultar el contenido a agentes de usuarios no conformes.

La sintaxis de los datos de estilo depende del lenguaje de hojas de estilo.

Algunas implementaciones de hojas de estilo pueden permitir una gama más amplia de reglas en el elemento STYLE que en el atributo style. Por ejemplo, con CSS, pueden declararse reglas dentro de un elemento STYLE para:

• Todas las apariciones de un elemento de HTML específico (p.ej., todos los elementos P, todos los elementos H1, etc.)
• Todas las apariciones de un elemento de HTML que pertenezcan a una clase específica (es decir, cuyo atributo class tome cierto valor).
• Las apariciones únicas de un elemento de HTML (es decir, cuyo atributo id tome cierto valor).

Las reglas de precedencia y herencia de las reglas de estilo dependen del lenguaje de hojas de estilo.

La siguiente declaración STYLE CSS pone un borde alrededor de todos los elementos H1 del documento y los centra en la página.

<HEAD>
 <STYLE type="text/css">
   H1 {border-width: 1px; border: solid; text-align: center}
 </STYLE>
</HEAD>

Para especificar que esta información de estilo sólo debería aplicarse a los elementos H1 de una clase específica, la modificamos como sigue:

<HEAD>
 <STYLE type="text/css">
   H1.miclase {border-width: 1px; border: solid; text-align: center}
 </STYLE>
</HEAD>
<BODY>
 <H1 class="miclase"> Este H1 está afectado por nuestro estilo </H1>
 <H1> Este no está afectado por nuestro estilo </H1>
</BODY>

Finalmente, para limitar el alcance de la información de estilo a una sola aparición de H1, establecemos el atributo id:

<HEAD>
 <STYLE type="text/css">
   #miid {border-width: 1px; border: solid; text-align: center}
 </STYLE>
</HEAD>
<BODY>
 <H1 class="miclase"> Este H1 no está afectado </H1>
 <H1 id="miid"> Este H1 está afectado por el estilo </H1>
 <H1> Este H1 no está afectado </H1>
</BODY>

Aunque se puede especificar información de estilo prácticamente para cualquier elemento, hay dos elementos, DIV y SPAN, que son particularmente útiles en el sentido de que no imponen ningún significado presentacional (aparte de la distinción en bloque/en línea). Combinados con hojas de estilo, estos elementos permiten a los usuarios extender el HTML indefinidamente, en especial si se utilizan junto con los atributos class e id.

En el siguiente ejemplo, utilizamos el elemento SPAN para especificar que el estilo de fuente de las primeras palabras de un párrafo sea versalitas ("small-caps").

<HEAD>
 <STYLE type="text/css">
  SPAN.ver-ex { font-variant: small-caps }
 </STYLE>
</HEAD>
<BODY>
  <P><SPAN class="ver-ex">Las primeras</SPAN> palabras
  de este párrafo van en versalitas.
</BODY>

En el siguiente ejemplo, utilizamos el elemento DIV y el atributo class para establecer la justificación del texto de una serie de párrafos que constituyen el abstracto de un artículo científico. Esta información de estilo podría reutilizarse para otras secciones de abstracto especificando el valor correspondiente del atributo class en cualquier otro lugar del documento.

<HEAD>
 <STYLE type="text/css">
   DIV.Abstracto { text-align: justify }
 </STYLE>
</HEAD>
<BODY>
 <DIV class="Abstracto">
   <P>La gama de productos Gran Jefe es nuestra apuesta
     para el año que viene. Este informe sienta las bases
     para confrontar a Gran Jefe con los productos de la
     competencia.

   <P>Gran Jefe reemplaza a nuestra gama "Commander",
     si bien ésta seguirá de momento en catálogo.
 </DIV>
</BODY>

14.2.4 Tipos de medios

HTML permite a los autores diseñar documentos que saquen partido de las características de los medios en los que el documento vaya a ser representado (p.ej., pantallas gráficas, pantallas de televisión, dispositivos de mano, navegadores basados en voz, dispositivos táctiles Braille, etc.). Al especificar el atributo media, los autores permiten a los agentes de usuario cargar y aplicar las hojas de estilo de manera selectiva. Consulte la lista de descriptores de medios reconocidos.

Las siguientes declaraciones de ejemplo se aplican a elementos H1. Cuando se proyecten en una reunión de negocios, todos ellos aparecerán en azul. Cuando se impriman, aparecerán centrados.

<HEAD>
 <STYLE type="text/css" media="projection">
    H1 { color: blue }
 </STYLE>

 <STYLE type="text/css" media="print">
   H1 { text-align: center }
 </STYLE>

Este ejemplo añade efectos de sonido a los vínculos para su uso en salidas por voz:

 <STYLE type="text/css" media="aural">
   A { cue-before: uri(bell.aiff); cue-after: uri(dong.wav)}
 </STYLE>
</HEAD>

El control de medios es particularmente interesante cuando se aplica a hojas de estilo externas, ya que los agentes de usuario pueden ahorrar tiempo si obtienen de la red únicamente aquellas hojas de estilo que se apliquen el dispositivo actual. Por ejemplo, los navegadores basados en voz pueden evitar la descarga de hojas de estilo diseñadas para la representación visual. Veáse la sección sobre cascadas dependientes del medio para más información.

14.3 Hojas de estilo externas

Los autores pueden separar las hojas de estilo de los documentos HTML. Esto ofrece varias ventajas:

• Los autores y los administradores de sitios web pueden compartir hojas de estilo entre varios documentos (y sitios).
• Los autores pueden cambiar la hoja de estilo sin necesidad de hacer modificaciones en el documento.
• Los agentes de usuario pueden cargar hojas de estilo selectivamente (en función de los descriptores de medios).

14.3.1 Hojas de estilo preferentes y alternativas

HTML permite a los autores asociar cualquier número de hojas de estilo externas a un documento. El lenguaje de hojas de estilo define el modo en que interaccionan varias hojas de estilo (por ejemplo, las reglas de "cascada" de CSS).

Los autores pueden especificar cualquier número de hojas de estilo mutuamente excluyentes llamadas hojas de estilo alternativas. Los usuarios pueden seleccionar su hoja favorita según sus preferencias. Por ejemplo, un autor puede especificar una hoja de estilo diseñada para pantallas pequeñas y otra para usuarios con poca visión (p.ej., con fuentes grandes). Los agentes de usuario deberían permitir a los usuarios seleccionar las hojas de estilo alternativas.

El autor puede especificar que una de las alternativas es una hoja de estilo preferente. Los agentes de usuario deberían aplicar la hoja de estilo preferente del autor a menos que el usuario haya seleccionado una alternativa diferente.

Los autores pueden agrupar varias hojas de estilo alternativas (incluyendo las hojas de estilo preferentes del autor) bajo un nombre de estilo común. Cuando un usuario selecciona un nombre de estilo, el agente de usuario debe aplicar todas las hojas de estilo con ese nombre. Los agentes de usuario no deben aplicar hojas de estilo alternativas con un nombre de estilo diferente. La sección sobre especificación de hojas de estilo externas explica cómo dar un nombre a un grupo de hojas de estilo.

Los autores también pueden especificar hojas de estilo persistentes que los agentes de usuario deben aplicar además de cualquier hoja de estilo alternativa.

Los agentes de usuario deben respetar los descriptores de medios al aplicar cualquier hoja de estilo.

Los agentes de usuario también deberían permitir a los usuarios deshabilitar completamente las hojas de estilo del autor, en cuyo caso el agente de usuario no debería aplicar ninguna hoja de estilo persistente ni alternativa.

14.3.2 Especificación de hojas de estilo externas

Los autores especifican hojas de estilo externas mediante los siguientes atributos del elemento LINK:

• Haciendo el valor de href igual a la localización del fichero de la hoja de estilo. El valor de href es un URI.
• Haciendo que el valor del atributo type indique el lenguaje del recurso (hoja de estilo) vinculado. Esto permite al agente de usuario evitar la descarga de una hoja de estilo cuyo lenguaje no soporte.
• Especificando si la hoja de estilo es persistente, preferente, o alternativa:
  • Para hacer una hoja de estilo persistente, se hace el atributo rel igual a "stylesheet" y no se establece el atributo title.
  • Para hacer una hoja de estilo preferente, se hace el atributo rel igual a "stylesheet" y se da un nombre a la hoja de estilo mediante el atributo title.
  • Para especificar una hoja de estilo alternativa, se hace el atributo rel igual a "alternate stylesheet" y se da un nombre a la hoja de estilo mediante el atributo title.

Los agentes de usuario deberían posibilitar a los usuarios ver la lista de estilos alternativos y escoger uno de ellos. Se recomienda que el nombre de cada opción sea el valor del atributo title.

En este ejemplo, especificamos en primer lugar una hoja de estilo persistente localizada en el fichero miestilo.css:

<LINK href="miestilo.css" rel="stylesheet" type="text/css">

Si establecemos el atributo title la convertimos en la hoja de estilo preferente del autor:

 <LINK href="miestilo.css" title="compacto" rel="stylesheet" type="text/css">

Si añadimos la palabra clave "alternate" al atributo rel la convertimos en una hoja de estilo alternativa:

<LINK href="miestilo.css" title="Medium" rel="alternate stylesheet" type="text/css">

Para más información sobre hojas de estilo externas, consulte la sección sobre vínculos y hojas de estilo externas.

Los autores también pueden usar el elemento META para establecer la hoja de estilo preferente del documento. Por ejemplo, para especificar que la hoja de estilo preferente sea "compacto" (ver el ejemplo precedente), los autores pueden incluir la siguiente línea en el HEAD:

<META http-equiv="Default-Style" content="compacto">

La hoja de estilo preferente también se puede especificar mediante encabezados HTTP. La declaración META precedente es equivalente a este encabezado HTTP:

Default-Style: "compacto"

Si hay dos o más declaraciones META o encabezados HTTP que especifiquen la hoja de estilo preferente, la que prevalece es la última. A estos efectos, se considera que los encabezados HTTP aparecen antes que la sección HEAD del documento.

Si hay dos o más elementos LINK que especifiquen una hoja de estilo preferente, el que prevalece es el primero.

Las hojas de estilo preferentes especificadas con un elemento META o con encabezados HTTP prevalecen sobre las especificadas con el elemento LINK.

14.4 Hojas de Estilo en Cascada

Los lenguajes de hojas de estilo en cascada, tales como CSS, permiten que se pueda combinar la información de varias fuentes. Sin embargo, no todos los lenguajes de hojas de estilo soportan la cascada. Para definir una cascada, los autores especifican una secuencia de elementos LINK y/o STYLE. La información de estilo se combina en cascada según el orden en que aparecen los elementos en la sección HEAD.

Nota. Esta especificación no especifica cómo se combinan en cascada hojas de estilo de lenguajes de hojas de estilo distintos. Los autores deberían evitar mezclar lenguajes de hojas de estilo.

En el siguiente ejemplo, especificamos dos hojas de estilo alternativas llamadas "compacto". Si el usuario selecciona el estilo "compacto", el agente de usuario debe aplicar ambas hojas de estilo externas, así como la hoja de estilo persistente "comun.css". Si el usuario selecciona el estilo "tipos grandes", sólo se aplicarán la hoja de estilo alternativa "tgrandes.css" y "comun.css".

<LINK rel="alternate stylesheet" title="compacto"
      href="peq-base.css" type="text/css">
<LINK rel="alternate stylesheet" title="compacto"
      href="peq-extras.css" type="text/css">
<LINK rel="alternate stylesheet" title="tipos grandes"
      href="tgrandes.css" type="text/css">
<LINK rel="stylesheet" href="comun.css" type="text/css">

Aquí tenemos un ejemplo de cascada que incluye tanto al elemento LINK como al STYLE.

<LINK rel="stylesheet" href="empresa.css" type="text/css">
<LINK rel="stylesheet" href="informe.css" type="text/css">
<STYLE type="text/css">
    p.especial { color: rgb(230, 100, 180) }
</STYLE>

14.4.1 Cascadas dependientes del medio

Una cascada puede incluir hojas de estilo aplicables a medios diferentes. Tanto LINK como STYLE pueden usarse con el atributo media. El agente de usuario es por tanto responsable de filtrar aquellas hojas de estilo que no se apliquen al medio actual.

En el siguiente ejemplo, definimos un cascada en la cual se incluyen varias versiones de la hoja de estilo "empresa": una diseñada para su impresión, otra para la pantalla y otra para navegadores basados en voz (útil, por ejemplo, para leer correo electrónico en el coche). La hoja de estilo "informe" se aplica a todos los medios. La regla de color definida por el elemento STYLE se usa para impresoras y pantallas, pero no para la representación auditiva.

<LINK rel="stylesheet" media="aural" href="empresa-aural.css" type="text/css">
<LINK rel="stylesheet" media="screen" href="empresa-screen.css" type="text/css">
<LINK rel="stylesheet" media="print" href="empresa-print.css" type="text/css">
<LINK rel="stylesheet" href="informe.css" type="text/css">
<STYLE media="screen, print" type="text/css">
    p.especial { color: rgb(230, 100, 180) }
</STYLE>

14.4.2 Herencia y cascada

Cuando el agente de usuario quiere representar un documento, necesita encontrar valores para las propiedades de estilo, p.ej., la familia tipográfica, el tamaño de fuente, la altura de línea, el color del texto, etc. El mecanismo exacto depende del lenguaje de la hoja de estilo, pero en general es válida la descripción siguiente:

Se utiliza el mecanismo de cascada cuando varias reglas de estilo se aplican directamente a un mismo elemento. El mecanismo permite al agente de usuario ordenar las reglas según su especificidad para determinar la regla a aplicar. Si no encuentra ninguna regla, el siguiente paso depende de si la propiedad de estilo puede ser heredada o no. No todas las propiedades se heredan. Para estas propiedades el lenguaje de la hoja de estilo proporciona unos valores por defecto que son los que se usan cuando no hay reglas explícitas para un elemento en particular.

Si la propiedad puede ser heredada, el agente de usuario examina el elemento contenedor inmediato para ver si hay alguna regla que se aplique a él. Este proceso continúa hasta que se encuentra alguna regla aplicable. Este mecanismo permite que las hojas de estilo puedan definirse de una manera compacta. Por ejemplo, los autores pueden especificar la familia tipográfica de todos los elementos contenidos en BODY con una sola regla que se aplique al elemento BODY.

14.5 Ocultar datos de estilo a los agentes de usuario

Algunos lenguajes de hojas de estilo soportan sintaxis pensada para permitir a los autores ocultar el contenido de los elementos STYLE a los agentes de usuario no conformes.

Este ejemplo ilustra cómo comentar en CSS el contenido de los elementos STYLE para asegurarse de que los agentes de usuario antiguos y no conformes no lo representarán como texto.

<STYLE type="text/css">
<!--
   H1 { color: red }
   P  { color: blue}
   -->
</STYLE>

14.6 Vinculación de hojas de estilo mediante encabezados HTTP

Esta sección sólo se aplica a los agentes de usuario conformes con las versiones de HTTP que definan un campo de encabezado Link. Obsérvese que HTTP 1.1, tal y como se define en [RFC2616], no incluye un campo de encabezado Link (ver sección 19.6.3).

Los administradores de servidores web pueden creer conveniente configurar un servidor de modo que una hoja de estilo se aplique a un grupo de páginas. El encabezado HTTP Link tiene el mismo efecto que un elemento LINK con los mismos atributos y valores. Varios encabezados Link corresponderían a varios elementos LINK que aparecieran en el mismo orden. Por ejemplo,

Link: <http://www.acme.com/empresa.css>; REL=stylesheet

corresponde a:

<LINK rel="stylesheet" href="http://www.acme.com/empresa.css">

Es posible especificar varias hojas de estilo alternativas especificando varios encabezados Link, y a continuación utilizar el atributo rel para determinar el estilo por defecto.

En el ejemplo siguiente, se aplica "compacto" por defecto, ya que omite la palabra clave "alternate" del atributo rel.

Link: <compacto.css>; rel="stylesheet"; title="compacto"
Link: <tgrandes.css>; rel="alternate stylesheet"; title="tipos grandes"

Esto debería funcionar cuando se envían documentos HTML por correo electrónico. Algunos agentes de correo pueden alterar el orden de los encabezados de [RFC822]. Para evitar que esto afecte al orden de cascada de las hojas de estilo especificadas con encabezados Link, los autores pueden usar la concatenación de encabezados para combinar varias apariciones del mismo campo de encabezado. Las comillas sólo se necesitan si los valores de los atributos contienen algún espacio en blanco. Utilice entidades SGML para hacer referencia a caracteres que no se permitan en encabezados de HTML o de correo electrónico, o que sean susceptibles de resultar afectados por el tránsito a lo largo de la red.

Los elementos LINK y META declarados implícitamente por encabezados HTTP aparecen antes de cualquier elemento explícito LINK o META en el HEAD del documento.

Plataformas Virtuales de Aprendizaje

 Durante este periodo de cuarentena, muchas instituciones educativas han encontrado en las plataformas online un aliado invaluable para continuar con su trabajo de manera efectiva.

Si bien algunas escuelas ya contaban con una plataforma educativa de confianza debido a que trabajan modalidades en línea, muchas otras instituciones no se encontraban preparadas para esta eventualidad y se vieron obligadas a adoptar una plataforma virtual rápidamente para no rezagarse en el ciclo escolar.

Sea cual sea el caso, lo más conveniente es conocer todas las alternativas y lo que nos ofrecen. Estas 27 plataformas son algunas opciones gratuitas y semi-gratuitas de estudio en línea, y combinan modelos de LCMS (Learning Content Management System), LMS (Learning Management System) o EVA (Entorno Virtual de Aprendizaje).

1.- Schoology

Una plataforma gratuita que permite establecer un contacto organizado con un grupo de personas que compartan intereses. Básicamente, contiene herramientas que pueden servir para estar en línea con un colectivo y programar actividades, compartir ideas, material educativo o administrar ya sea un curso completamente virtual o que sirva como complemento de un curso presencial.

2.- Edmodo

Edmodo es una plataforma social que facilita la comunicación e interacción virtual como complemento de la presencial, aunque también puede usar como una plataforma de educación en línea. Permite organizar estudiantes, asignar tareas, calificaciones y mantener una comunicación que involucre a profesores, estudiantes y padres de familia.

Contiene aplicaciones que refuerzan las posibilidades de ejercitar destrezas intelectuales, además de convertirse en una opción sana para el ocio.

La plataforma Edmodo también tiene la opción monitorear la interacción de la red por medio de las estadísticas que de ésta se pueden extraer.

3.- CourseSites By Blackboard

Quizá una de las plataformas más completas es la propuesta de los creadores de Blackboard, quienes ofrecen una alternativa muy profesional.

Aunque solo se encuentra disponible en inglés, CourseSites by Blackboard permite, de forma bastante intuitiva, diseñar cursos, iniciar conversaciones, hacer videollamadas a manera de clase y darle seguimiento al rendimiento de los alumnos.

4.- Udemy

Udemy es una plataforma de cursos en línea con un fuerte componente de video. Más que una plataforma enfocada hacia instituciones escolares, se trata de una biblioteca de cursos en línea. Cualquiera puede crear su propio curso siempre y cuando haya un mínimo de 30 minutos de contenido con un 60% del contenido total en formato de video.

Además, tiene una gran capacidad porque facilita agregar presentaciones, documentos y más. Por cada estudiante que se integre al curso invitado por su creador, Udemy le dará el 100% de las ganancias, mientras que los estudiantes que lleguen a través de los esfuerzos de promoción de la plataforma, representarán para el 50% de las ganancias.

5.- RCampus

Rcampus es otra opción gratuita para estudiantes y profesores. Los miembros pueden utilizar RCampus para la gestión de cursos, tareas y calificaciones. Su valor agregado es que integra un sofisticado sistema de objetivos y calificaciones, con algunos predeterminados, pero con la opción de crear los propios.

6.- Twiducate

Twiducate propone un modelo que combina un aula virtual con una red social privada. Los profesores podrán crear una sala privada para que los alumnos discutan las ideas planteadas, además de compartir calendarios, contribuir con otros salones de clases e incluso insertar videos, enlaces y documentos.

7.- Moodle

Moodle es el aula virtual por excelencia y es utilizada en múltiples ámbitos. Más que una plataforma, se trata de un software para la creación de cursos y ambientes de aprendizaje personalizados. Se encuentra disponible en varios idiomas y, además de ser gratuito, es famoso por su flexibilidad.

8.- NEO LMS

Antes llamada Edu 2.0, es una plataforma disponible en diversos idiomas que facilita al usuario crear actividades, administrar clases online, evaluar estudiantes y darle seguimiento al progreso de los alumnos. Cuenta con un plan gratuito que permite alojar hasta a 400 alumnos.

9.- CoFFEE

CoFFEE es un software de código abierto y disponible en diferentes idiomas. Aunque su interfaz es un tanto rústica, cuenta con herramientas adaptables como foros de discusión, mapas mentales, votaciones, exámenes, entre otros.

10.- Mahara

Mahara es una aplicación web enfocada más a estudiantes que a profesores, pues ofrece la posibilidad de crear un portafolio digital para darle seguimiento al desarrollo de materias, habilidades y competencias. También incluye funciones de red social, así como blogs, herramientas de presentación y un gestor de archivos.

11.- Claroline

Es una plataforma de aprendizaje y groupware de código abierto. Permite a las instituciones crear y administrar cursos y espacios de colaboración en línea. Los profesores pueden publicar documentos en prácticamente cualquier formato, así como crear grupos, foros, tareas y calendarios.

12.- Sakai

Sakai es un software enfocado en enseñanza, investigación y colaboración. Es muy versátil y permite integrar herramientas específicas para cada necesidad, algunas desarrolladas por el mismo proyecto y otras por desarrolladores independientes. En Sakai es posible crear cursos, comunicarse a través de foros, mensajería, además de facilitar el proceso de calificar y ofrecer retroalimentación para los trabajos.

13.- Docebo

Es una plataforma web enfocada en el aprendizaje corporativo, aunque puede ser usado por cualquiera. En el sitio es posible crear y gestionar actividades de aprendizaje, mientras que su enfoque de red social le permite a los alumnos involucrarse de una forma más proactiva y en grupo.

Una característica única de la plataforma es que cuenta con un coach de inteligencia artificial que interactúa con los alumnos otorgándoles respuestas instantáneas, recomendando contenido y haciendo un seguimiento de su progreso.

13.- .LRN

.LRN fue desarrollad por el MIT y aunque su interfaz podría no ser tan intuitiva para estudiantes jóvenes (su última actualización es de 2009), cuenta con herramientas básicas para un curso como listas de correo, calendarios, foros, sistemas de calificaciones, recepción de trabajos, exámenes, entre muchas otras.

14.- Dokeos

Dokeos es un entorno de e-learning empresarial y está enfocado en la creación de rutas de entrenamiento para empleados, clientes y socios. Permite transmitir conocimiento a través de cursos y es lo suficientemente flexible como para adaptarse a los contenidos de cualquier industria.

También puede ser usado como un sistema de gestión de contenido (CMS) para educación. Sus características para administrar contenidos incluyen distribución de información, calendario, proceso de entrenamiento, chat en texto, audio y video, administración de pruebas y guardado de registros.

15.- ILIAS

ILIAS es un software libre de código abierto que puede ser utilizado sin ninguna restricción. Esto le permite puede ser fácilmente adaptado a los requerimientos específicos de cada organización.

El nombre de ILIAS viene de una abreviación de una definición en alemán que traducida al español significa: Sistema Integrado de Cooperación, Información y Aprendizaje.

Entre sus características están herramientas para la colaboración, comunicación, evaluación y asignación de tareas.

16.-ATutor

Es un sistema de gestión de contenidos de aprendizaje de código abierto basado en la web y diseñado con el objetivo de lograr accesibilidad y adaptabilidad. Aquí los educadores pueden rápidamente ensamblar, empaquetar y redistribuir contenido educativo, así como llevar a cabo sus clases online

Contiene herramientas de gerencia y administración de alumnos, tutores, cursos y evaluaciones en línea. También cuenta con una herramienta de autoría incorporada, así como con una de colaboración.

17.- LON-CAPA

El nombre LON-CAPA es un acrónimo de Learning Online Network with Computer-Assisted Personalized Approach. Posee características como funciones de usuarios, calendario, correo electrónico, chat, blogs, pruebas y elaboración de recursos.

18.- Tiching

Tiching es una red educativa con decenas de miles de recursos educativos disponibles para profesores clasificados por nivel escolar y asignatura. Los profesores pueden organizarlos por carpetas, crear secuencias y asignarlos. La plataforma también permite a los estudiantes realizar las actividades a su propio ritmo y con el acompañamiento de sus padres.

19.- WebRoom

Aplicación web de videochat que ofrece la posibilidad de crear salas de videochat con capacidad de hasta 12 personas. Una vez conectados, los integrantes pueden compartir documentos, pantallas, hacer uso de un pizarrón interactivo y espacios de trabajo.

20.- SocialGO

SocialGo le permite a cualquiera crear su propia red social, formato que puede ser utilizado con propósitos educativos. Los integrantes de la red pueden publicar fotos, videos e información y comunicarse a través de chat o mensajes públicos. Incluye perfiles, mensajes, grupos, calendarios, foros, blogs, disco duro virtual e integración con otras redes sociales para fines de identificación.

21.-Eduteka

Eduteka es un portal educativo que contiene una gran cantidad de contenido formativo enfocado a estudiantes de educación básica y media. Con estos recursos es posible diseñar clases y actividades más interactivas y dinámicas.

Los contenidos están agrupados por disciplinas y formatos como videos, juegos, entre otros.

22.- Didactalia

Es una plataforma con contenidos educativos y materiales listos para ser usados. Sus contenidos están divididos por grado escolar e incluyen primaria y secundaria. Pueden ser consultados por asignatura o formato: Mapas, juegos, ejercicios, videos, manualidades, experimentos y otros.

Aunque es necesario tener una suscripción anual, por el momento es gratis hasta el 31 de mayo de 2020.

23.- Chamilo

Chamilo es una plataforma web de cursos en línea con una gran diversidad de temas como idiomas, negocios, química, medicina, ingeniería, etc. Algunos cursos piden una cuota de inscripción, pero el catálogo es tan amplio que cuenta con muchos cursos gratuitos.

También es posible para los usuarios crear sus propios cursos a través de la plataforma y sus herramientas.

24.- mCourser

mCourser permite tanto la creación de contenidos como la posibilidad de tomar contenidos de otros. La plataforma es accesible desde cualquier dispositivo y fue creada con el fin de facilitar la colaboración entre los profesores y sus estudiantes en el proceso de aprendizaje interactivo, ofreciéndoles un espacio de interacción en cada etapa de la educación.

Desde el sitio web, los profesores tienen una visión de sus progresos y problemas durante el proceso de aprendizaje.

25.- Ecaths

Ecaths es un sistema de gestión online de materias, cuya función principal es complementar la educación presencial con un espacio virtual de interacción y construcción de conocimiento colectivo.

Entre sus funciones está el compartir información, organizar foros, subir documentos, hacer encuestas, prácticas y proyectos.

26.- Teachstars

Teachstars ofrece la posibilidad de crear cursos en línea e inscribir alumnos para que puedan acceder al contenido y tareas. Cuenta con un sistema de calificaciones, así como un administrador de contenido para publicar material interactivo. Su conectividad con móvil es otro de sus puntos fuertes, así como lo es su capacidad de calendarizar actividades y aplicar exámenes.

27.- OpenSWAD

OpenSWAD es una plataforma educativa libre que ofrece a los profesores un espacio para alojar el material de sus asignaturas. Permite el registro de estudiantes, la creación de grupos, evaluaciones, mensajes, estadísticas y fichas de apuntes. Se ofrece gratuitamente a instituciones educativas.

Plataformas de costo online
Te presentamos las plataformas especializadas para la enseñanza.

Matemáticas y física: WebAssign es un sistema en línea flexible y customizable para profesores y estudiantes de nivel medio superior y superior.
Negocios, Ciencias sociales y Biología: MindTap provee herramientas para asignar tareas, evaluar el desempeño de los estudiantes y enriquecer la experiencia de enseñanza-aprendizaje.
Química: Apoyar el aprendizaje de la química es muy sencillo con ayuda de OWLv2 que presenta los contenidos con la ayuda de recursos multimedia y evalua a los estudiantes con actividades interactivas.
Negocios, Contabilidad, Economía y Ciencias sociales: CNOW apoya al profesor en el proceso de enseñanza-aprendizaje con herramientas para administrar su clase, asignar tareas y exámenes y dar seguimiento al progreso de los estudiantes.