GRUPO MEDIOS DIGITALES POLICÍA NACIONAL GRUPO MEDIOS DIGITALES Agosto 2010 www.policia.gov.co

MARCACIÓN Y ETIQUETADO TUTORIAL MARCACIÓN Y ETIQUETADO CONTENIDO Antecedentes Marcación y etiquetado para las imágenes.

1. Antecedentes

Antecedentes En el Manual de implementación del Decreto 1151 de 2008 Política Estatal Gobierno en Línea establece los estándares de presentación, de funcionalidad y técnicos, de obligatorio cumplimiento en los sitios en Internet del Estado colombiano. Dentro de dicho manual, ordena el cumplimiento del requerimiento llamado Marcación y etiquetado que son los elementos insertos en todas las páginas (incluidos gráficos o archivos sonoros), deben estar debidamente marcados y/o etiquetados, incluyendo una descripción adecuada de su contenido o lo que representa

2. Marcación y etiquetado

Marcación y etiquetado Este proceso sirve para etiquetar cualquier imagen y archivos En primer lugar cargamos la imagen previamente editada incluyendo tamaño y restricciones de ley si aplican

Marcación y etiquetado Ahora elegimos la opción de imagen del menú de “Tipo de Elementos de contenido” Inmediatamente después hacemos clic en siguiente

Marcación y etiquetado Utilice el primer campo para introducir la imagen en el sistema de archivos y haga clic en examinar Imagen o archivo

Marcación y etiquetado Elegimos el archivo o imagen a cargar.

Marcación y etiquetado Hacemos clic en terminar

Marcación y etiquetado Ahora hacemos clic en el Botón de acciones Ya tenemos la imagen al aire en la página

Marcación y etiquetado Hacemos clic en ocultar

Marcación y etiquetado Hacemos clic derecho sobre la imagen ya oculta y en la opción propiedades copiamos la dirección (URL) de la imagen

<IMG alt= “nombre de la etiqueta" src=“URL de la imagen"> Marcación y etiquetado En un archivo de texto editamos el siguiente código en donde necesitamos el nombre de la etiqueta o nombre de la foto y la URL de la imagen anteriormente copiada. <IMG alt= “nombre de la etiqueta" src=“URL de la imagen"> En donde para nuestro ejemplo sería: nombre de la etiqueta: “Mayor General Oscar Naranjo” URL de la imagen : “http://www.policia.gov.co/portal/pls/portal/docs/1/32134967.JPG” Entonces nuestro código de ejemplo queda: <IMG alt= "Mayor General Oscar Naranjo" src="http://www.policia.gov.co/portal/pls/portal/docs/1/32134967.JPG"> El secreto del buen funcionamiento del presente código está en ser muy cuidadosos en no olvidar ningún detalle (< ” = ó espacio)

Marcación y etiquetado Ahora bien, hacemos clic de nuevo en agregar elemento escogiendo un elemento de texto esta vez y luego siguiente.

Marcación y etiquetado Hacemos clic en el botón <> y borramos el código que aparece allí

Marcación y etiquetado Copiamos el código editado anteriormente, digitamos Aplicar y aceptar

Marcación y etiquetado Vemos que el código que insertamos en el documento de texto llama la foto cargada anteriormente y le da la etiqueta “Mayor General Oscar Naranjo”

Marcación y etiquetado Ahora lo vemos al aire con su respectiva etiqueta al pasar el puntero del mouse sobre la imagen