GRUPO MEDIOS DIGITALES

Presentación del tema: "GRUPO MEDIOS DIGITALES"— Transcripción de la presentación:

1 GRUPO MEDIOS DIGITALES
POLICÍA NACIONAL GRUPO MEDIOS DIGITALES Agosto 2010

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

3 1. Antecedentes

4 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

5 2. Marcación y etiquetado

6 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

7 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

8 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

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

10 Marcación y etiquetado
Hacemos clic en terminar

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

12 Marcación y etiquetado
Hacemos clic en ocultar

13 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

14 <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 : “ Entonces nuestro código de ejemplo queda: <IMG alt= "Mayor General Oscar Naranjo" src=" El secreto del buen funcionamiento del presente código está en ser muy cuidadosos en no olvidar ningún detalle (< ” = ó espacio)

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

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

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

18 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”

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