Uso del hipertexto en el periodismo digital Curso básico de tejido (en la Red)
-
Upload
chelo-reina -
Category
Documents
-
view
9 -
download
2
Transcript of Uso del hipertexto en el periodismo digital Curso básico de tejido (en la Red)
![Page 1: Uso del hipertexto en el periodismo digital Curso básico de tejido (en la Red)](https://reader035.fdocuments.es/reader035/viewer/2022062511/54f415d94a795926658b45c9/html5/thumbnails/1.jpg)
Uso del hipertexto en el periodismo digital
Curso básico de tejido (en la Red)
![Page 2: Uso del hipertexto en el periodismo digital Curso básico de tejido (en la Red)](https://reader035.fdocuments.es/reader035/viewer/2022062511/54f415d94a795926658b45c9/html5/thumbnails/2.jpg)
Sumario
Tipos de enlaces hipertextuales
Tipos de estructuras hipertextuales
Principios de usabilidad y consejos
![Page 3: Uso del hipertexto en el periodismo digital Curso básico de tejido (en la Red)](https://reader035.fdocuments.es/reader035/viewer/2022062511/54f415d94a795926658b45c9/html5/thumbnails/3.jpg)
Principios básicos
El htx implica una forma distinta de redactar
Cada noticia es un nodo de relaciones
Con el htx, creamos caminos de lectura
Damos alternativas de navegación y exploración
![Page 4: Uso del hipertexto en el periodismo digital Curso básico de tejido (en la Red)](https://reader035.fdocuments.es/reader035/viewer/2022062511/54f415d94a795926658b45c9/html5/thumbnails/4.jpg)
Qué se puede hacer con el htx
Asociar contenidos
Establecer jerarquías
Exhibir o relegar informaciones
Habilitar la participación del lector
Documentar y contextualizar
![Page 5: Uso del hipertexto en el periodismo digital Curso básico de tejido (en la Red)](https://reader035.fdocuments.es/reader035/viewer/2022062511/54f415d94a795926658b45c9/html5/thumbnails/5.jpg)
Funciones del htx
Función narrativa
Función documental
Función interactiva
![Page 6: Uso del hipertexto en el periodismo digital Curso básico de tejido (en la Red)](https://reader035.fdocuments.es/reader035/viewer/2022062511/54f415d94a795926658b45c9/html5/thumbnails/6.jpg)
Tipos de enlaceshipertextuales
![Page 7: Uso del hipertexto en el periodismo digital Curso básico de tejido (en la Red)](https://reader035.fdocuments.es/reader035/viewer/2022062511/54f415d94a795926658b45c9/html5/thumbnails/7.jpg)
Tipos de Enlaces
Enlaces estructurales
Son fijos Permiten orientarse y
navegar el sitio Suelen copiar las
secciones y suplementos
Conforman la estructura del sitio
Enlaces semánticos
Varían con cada noticia Relacionan contenidos
específicos Asocian noticias
![Page 8: Uso del hipertexto en el periodismo digital Curso básico de tejido (en la Red)](https://reader035.fdocuments.es/reader035/viewer/2022062511/54f415d94a795926658b45c9/html5/thumbnails/8.jpg)
Enlaces semánticos
Enlaces estructurales
![Page 9: Uso del hipertexto en el periodismo digital Curso básico de tejido (en la Red)](https://reader035.fdocuments.es/reader035/viewer/2022062511/54f415d94a795926658b45c9/html5/thumbnails/9.jpg)
Tipos de enlaces según espacialidad
Enlaces internos (del sitio)
Enlaces externos
(fuera del sitio)
![Page 10: Uso del hipertexto en el periodismo digital Curso básico de tejido (en la Red)](https://reader035.fdocuments.es/reader035/viewer/2022062511/54f415d94a795926658b45c9/html5/thumbnails/10.jpg)
Enlaces internos
Internodales Intranodales
(“subir”, “arriba”)
![Page 11: Uso del hipertexto en el periodismo digital Curso básico de tejido (en la Red)](https://reader035.fdocuments.es/reader035/viewer/2022062511/54f415d94a795926658b45c9/html5/thumbnails/11.jpg)
Enlaces externos
Son un valor añadido, son un plus informativo
Cada enlace es una puerta a un contenido
Están en la naturaleza básica de la Web
Pero no hay que abusar: no me atosiguéis
Si son muchos, conviene ponerlos debajo
![Page 12: Uso del hipertexto en el periodismo digital Curso básico de tejido (en la Red)](https://reader035.fdocuments.es/reader035/viewer/2022062511/54f415d94a795926658b45c9/html5/thumbnails/12.jpg)
Tipos de enlaces externos
Enlaces a un nodo específico: una noticia, un artículo, un documento
Enlaces a un sitio web
Hay que diferenciarlos bienHoy el sitio elmundo.es informó que hay tres nuevas publicaciones en Internet: diariocritico.com, ociocritico.com y madriddiario.es
![Page 13: Uso del hipertexto en el periodismo digital Curso básico de tejido (en la Red)](https://reader035.fdocuments.es/reader035/viewer/2022062511/54f415d94a795926658b45c9/html5/thumbnails/13.jpg)
Tipos de enlaces según contenidos
Contenidos relacionados del día
Documentales
Cronológicos
Enlaces interactivos
![Page 14: Uso del hipertexto en el periodismo digital Curso básico de tejido (en la Red)](https://reader035.fdocuments.es/reader035/viewer/2022062511/54f415d94a795926658b45c9/html5/thumbnails/14.jpg)
Tipos de enlaces según jerarquía
Enlace vertical
Enlace horizontal
![Page 15: Uso del hipertexto en el periodismo digital Curso básico de tejido (en la Red)](https://reader035.fdocuments.es/reader035/viewer/2022062511/54f415d94a795926658b45c9/html5/thumbnails/15.jpg)
En síntesis
Enlaces semánticos o estructurales
Enlaces externos o internos
Enlaces horizontales o verticales
Enlaces a contenidos del día, cronológicos, documentales, interactivos.
![Page 16: Uso del hipertexto en el periodismo digital Curso básico de tejido (en la Red)](https://reader035.fdocuments.es/reader035/viewer/2022062511/54f415d94a795926658b45c9/html5/thumbnails/16.jpg)
Criterios de usabilidad
No saturar el texto de enlaces: desorientan
Evitar uso de haga clic aquíMal: Para ver quién es Bergero, pulse aquíPeor: Pulse aquí, para ver quién es BergeroMejor: Sepa quién es Bergero
Usar cada enlace una vez por nodo
Evitar “efecto Caja de Pandora”
![Page 17: Uso del hipertexto en el periodismo digital Curso básico de tejido (en la Red)](https://reader035.fdocuments.es/reader035/viewer/2022062511/54f415d94a795926658b45c9/html5/thumbnails/17.jpg)
El ancla del hipertexto no debe tener más de cuatro palabras
Sólo poner enlaces cuando llevan a información importante
No poner volver a página principal, enlazar siempre con el título
Usar, en lo posible, título del vínculo para explicar dónde conduce el enlace
![Page 18: Uso del hipertexto en el periodismo digital Curso básico de tejido (en la Red)](https://reader035.fdocuments.es/reader035/viewer/2022062511/54f415d94a795926658b45c9/html5/thumbnails/18.jpg)
Diferenciar los enlaces con colores: nodo no visitado nodo ya visitado
Nodo no visitado
Nodo ya visitado
![Page 19: Uso del hipertexto en el periodismo digital Curso básico de tejido (en la Red)](https://reader035.fdocuments.es/reader035/viewer/2022062511/54f415d94a795926658b45c9/html5/thumbnails/19.jpg)
Tipos de estructurashipertextuales
![Page 20: Uso del hipertexto en el periodismo digital Curso básico de tejido (en la Red)](https://reader035.fdocuments.es/reader035/viewer/2022062511/54f415d94a795926658b45c9/html5/thumbnails/20.jpg)
Tipos de estructuras
Modelo Secuencial
Modelo Jerárquico
Modelo en Red caótico
Modelo en Red organizado
Modelo Mixto
![Page 21: Uso del hipertexto en el periodismo digital Curso básico de tejido (en la Red)](https://reader035.fdocuments.es/reader035/viewer/2022062511/54f415d94a795926658b45c9/html5/thumbnails/21.jpg)
Modelo secuencial
Título 1Texto
TÍTULO PPALPresentación
Título 2Texto
Título 3Texto
Infografía en elpais.es
![Page 22: Uso del hipertexto en el periodismo digital Curso básico de tejido (en la Red)](https://reader035.fdocuments.es/reader035/viewer/2022062511/54f415d94a795926658b45c9/html5/thumbnails/22.jpg)
Título 1Texto
TÍTULO PPALPresentación
Título 2Texto
Título 3Texto
Título 4Texto
Modelo jerárquico
Río Negro anterior diseño
![Page 23: Uso del hipertexto en el periodismo digital Curso básico de tejido (en la Red)](https://reader035.fdocuments.es/reader035/viewer/2022062511/54f415d94a795926658b45c9/html5/thumbnails/23.jpg)
Modelo en red caótico
Título 1Texto
TÍTULO PPALPresentación
Título 2Texto
Título 3Texto
Título 4Texto
Elmundo.es
![Page 24: Uso del hipertexto en el periodismo digital Curso básico de tejido (en la Red)](https://reader035.fdocuments.es/reader035/viewer/2022062511/54f415d94a795926658b45c9/html5/thumbnails/24.jpg)
Modelo en red organizado
Título 1Texto
TÍTULO PPALPresentación
Título 2Texto
Título 3Texto
Título 4Texto
Enlaces a 2, 3 y 4
Enlaces a 1, 3 y 4
Enlaces a 1, 2 y 4
Enlaces a 1, 2 y 3
La Nación LineRío Negro on line
![Page 25: Uso del hipertexto en el periodismo digital Curso básico de tejido (en la Red)](https://reader035.fdocuments.es/reader035/viewer/2022062511/54f415d94a795926658b45c9/html5/thumbnails/25.jpg)
Título 1Texto
TÍTULO PPALPresentación
Título 2Texto
Título 3Texto
Título 4Texto
Modelo mixto
![Page 26: Uso del hipertexto en el periodismo digital Curso básico de tejido (en la Red)](https://reader035.fdocuments.es/reader035/viewer/2022062511/54f415d94a795926658b45c9/html5/thumbnails/26.jpg)
Coherencia hipertextual
Que los nodos o los fragmentos tengan cierta lógica y equilibrio
Intranodal
Internodal
Hiperestructural
Martin Engebretsen (2000)
![Page 27: Uso del hipertexto en el periodismo digital Curso básico de tejido (en la Red)](https://reader035.fdocuments.es/reader035/viewer/2022062511/54f415d94a795926658b45c9/html5/thumbnails/27.jpg)
Consejos
Hay que planear cuidadosamente cómo se van a organizar los contenidos: diseño de storyboards
Cada noticia tiene sus particularidades Hay que pensar en capas o niveles de texto
con diferentes profundidades Hay que atrapar al lector en la primera
pantalla: buenos títulos y copetes son más importantes que nunca
![Page 28: Uso del hipertexto en el periodismo digital Curso básico de tejido (en la Red)](https://reader035.fdocuments.es/reader035/viewer/2022062511/54f415d94a795926658b45c9/html5/thumbnails/28.jpg)
Cada nodo debe tener entidad propia Ser conciso: decir lo máximo con el mínimo
de palabras Dejar al lector que tome el control Usar la información que hay en la Web Pensar en forma multimedial Con una multimedialidad integrada no
yuxtapuesta
![Page 29: Uso del hipertexto en el periodismo digital Curso básico de tejido (en la Red)](https://reader035.fdocuments.es/reader035/viewer/2022062511/54f415d94a795926658b45c9/html5/thumbnails/29.jpg)
Ejemplos
Especiales Clarín Reportajes multimedia en la UNAV
![Page 30: Uso del hipertexto en el periodismo digital Curso básico de tejido (en la Red)](https://reader035.fdocuments.es/reader035/viewer/2022062511/54f415d94a795926658b45c9/html5/thumbnails/30.jpg)
Carmen de Patagones:
A dos años de la tragedia
La historia + Info
Hoy Ayer Mañana
El aula
El dolor y la justicia
Adriana Puiggross
Silvia Bleichmar
Cronología
La ciudad y la escuela
Créditos
Clarín.com, set 2006