SlideShare una empresa de Scribd logo
1 de 67
WWW
para editores
   Xavier Badosa
       2009
        (4)
multimedia
texto
multimedia
  imagen estática

     vídeo, audio
Escribir para la web




Crawford Kilian
mirada pasiva   mirada activa
mirada pasiva          mirada activa
lectura inmersiva   vistazo general rápido
Jakob Nielsen, “F-Shaped Pattern For Reading Web Content”
lentitud       cansancio impaciencia




      Jakob Nielsen, “F-Shaped Pattern For Reading Web Content”
Brevedad y claridad en la redacción
Brevedad y claridad en la redacción

• Objetividad, evitar estilo promocional
Brevedad y claridad en la redacción

• Objetividad, evitar estilo promocional

• Las frases deben ser necesarias, claras y de estructura sencilla
Brevedad y claridad en la redacción
                                                  “Hit and run text”
                                                    Crawford Kilian
• Objetividad, evitar estilo promocional

• Las frases deben ser necesarias, claras y de estructura sencilla

• Redacción para la acción: activa, no pasiva. “Tú”, no “nosotros”
Brevedad y claridad en la redacción
                                                  “Hit and run text”
                                                    Crawford Kilian
• Objetividad, evitar estilo promocional

• Las frases deben ser necesarias, claras y de estructura sencilla

• Redacción para la acción: activa, no pasiva. “Tú”, no “nosotros”

• Pirámide invertida del periodismo: primero la conclusión
Brevedad y claridad en la redacción
                                                  “Hit and run text”
                                                    Crawford Kilian
• Objetividad, evitar estilo promocional

• Las frases deben ser necesarias, claras y de estructura sencilla

• Redacción para la acción: activa, no pasiva. “Tú”, no “nosotros”

• Pirámide invertida del periodismo: primero la conclusión

• Uso limitado de metáforas o de la ironía, o de pronombres
Brevedad y claridad en la redacción
                                                  “Hit and run text”
                                                    Crawford Kilian
• Objetividad, evitar estilo promocional

• Las frases deben ser necesarias, claras y de estructura sencilla

• Redacción para la acción: activa, no pasiva. “Tú”, no “nosotros”

• Pirámide invertida del periodismo: primero la conclusión

• Uso limitado de metáforas o de la ironía, o de pronombres

• Evitar localismos, uso de un castellano internacional
Brevedad y claridad en la redacción
                                                  “Hit and run text”
                                                    Crawford Kilian
• Objetividad, evitar estilo promocional

• Las frases deben ser necesarias, claras y de estructura sencilla

• Redacción para la acción: activa, no pasiva. “Tú”, no “nosotros”

• Pirámide invertida del periodismo: primero la conclusión

• Uso limitado de metáforas o de la ironía, o de pronombres

• Evitar localismos, uso de un castellano internacional


    España / Extranjero
Brevedad y claridad en la redacción
                                                  “Hit and run text”
                                                    Crawford Kilian
• Objetividad, evitar estilo promocional

• Las frases deben ser necesarias, claras y de estructura sencilla

• Redacción para la acción: activa, no pasiva. “Tú”, no “nosotros”

• Pirámide invertida del periodismo: primero la conclusión

• Uso limitado de metáforas o de la ironía, o de pronombres

• Evitar localismos, uso de un castellano internacional


   España / Otros países
Estructura a la vista
Estructura a la vista

• Párrafos cortos y bien separados
Estructura a la vista

• Párrafos cortos y bien separados
Estructura a la vista

• Párrafos cortos y bien separados
Estructura a la vista

• Párrafos cortos y bien separados

• Encabezar los fragmentos con títulos indicativos de su contenido
Estructura a la vista

• Párrafos cortos y bien separados

• Encabezar los fragmentos con títulos indicativos de su contenido

• Destacar los conceptos importantes
Estructura a la vista

• Párrafos cortos y bien separados

• Encabezar los fragmentos con títulos indicativos de su contenido

• Destacar los conceptos importantes


• Dar a las enumeraciones forma de lista
Estructura a la vista: párrafos cortos y bien separados,
encabezar los fragmentos con títulos indicativos de su
contenido, destacar los conceptos importantes, dar a
las enumeraciones forma de lista
Estructura a la vista

• Párrafos cortos y bien separados

• Encabezar los fragmentos con títulos indicativos de su contenido

• Destacar los conceptos importantes


• Dar a las enumeraciones forma de lista

• Si el texto es largo, incluir al principio un resumen
  con la estructura general
División de la información extensa
División de la información extensa

• Uso de fragmentos coherentes
División de la información extensa

• Uso de fragmentos coherentes
División de la información extensa

• Uso de fragmentos coherentes
Recursos tipográficos
Recursos tipográficos

• Tipografía negra (u oscura) sobre fondo blanco (o claro)
Recursos tipográficos

• Tipografía negra (u oscura) sobre fondo blanco (o claro)
Recursos tipográficos

• Tipografía negra (u oscura) sobre fondo blanco (o claro)
Recursos tipográficos

• Tipografía negra (u oscura) sobre fondo blanco (o claro)

• Evitar las cursivas
Recursos tipográficos

• Tipografía negra (u oscura) sobre fondo blanco (o claro)

• Evitar las cursivas
Recursos tipográficos

• Tipografía negra (u oscura) sobre fondo blanco (o claro)

• Evitar las cursivas
Recursos tipográficos

• Tipografía negra (u oscura) sobre fondo blanco (o claro)

• Evitar las cursivas

• No emplear subrayados si no es para enlaces
Recursos tipográficos

• Tipografía negra (u oscura) sobre fondo blanco (o claro)

• Evitar las cursivas

• No emplear subrayados si no es para enlaces


   Le animamos a darnos su opinión en
   nuestra página de atención al
   cliente, que puede encontrar aquí.
Recursos tipográficos

• Tipografía negra (u oscura) sobre fondo blanco (o claro)

• Evitar las cursivas

• No emplear subrayados si no es para enlaces



   Le animamos a darnos su opinión en
   nuestra página de atención al cliente.
Recursos tipográficos

• Tipografía negra (u oscura) sobre fondo blanco (o claro)

• Evitar las cursivas

• No emplear subrayados si no es para enlaces



   Le animamos a darnos su opinión en
   nuestra página de atención al cliente.
Recursos tipográficos

• Tipografía negra (u oscura) sobre fondo blanco (o claro)

• Evitar las cursivas

• No emplear subrayados si no es para enlaces




   Le animamos a darnos su opinión.
Recursos tipográficos

• Tipografía negra (u oscura) sobre fondo blanco (o claro)

• Evitar las cursivas

• No emplear subrayados si no es para enlaces

• Cuidado con el justificado
Recursos tipográficos

• Tipografía negra (u oscura) sobre fondo blanco (o claro)

• Evitar las cursivas

• No emplear subrayados si no es para enlaces

• Cuidado con el justificado


 El presente trabajo tiene por objeto dar a
 conocer el efecto de las circunstancias
 socioeconómicas en la calidad de la
 información financiera.
Recursos tipográficos

• Tipografía negra (u oscura) sobre fondo blanco (o claro)

• Evitar las cursivas

• No emplear subrayados si no es para enlaces

• Cuidado con el justificado

• Evitar líneas de texto demasiado largas
Recursos tipográficos

              • Tipografía negra (u oscura) sobre fondo blanco (o claro)

              • Evitar las cursivas

              • No emplear subrayados si no es para enlaces

              • Cuidado con el justificado

              • Evitar líneas de texto demasiado largas


Cuando el tren mixto descendente, núm. 65 (no es preciso nombrar la línea), se detuvo en la pequeña estación situada entre los kilómetros 171 y 172, casi todos los
viajeros de segunda y tercera clase se quedaron durmiendo o bostezando dentro de los coches, porque el frío penetrante de la madrugada no convidaba a pasear por
el desamparado andén. El único viajero de primera que en el tren venía bajó apresuradamente, y dirigiéndose a los empleados, preguntóles si aquél era el apeadero
de Villahorrenda. (Este nombre, como otros muchos que después se verán, es propiedad del autor.)
Recursos tipográficos

              • Tipografía negra (u oscura) sobre fondo blanco (o claro)
                                                                                                                        Cuando el tren mixto descendente, núm.
                                                                                                                        65 (no es preciso nombrar la línea), se

              • Evitar las cursivas                                                                                     detuvo en la pequeña estación situada
                                                                                                                        entre los kilómetros 171 y 172, casi todos
                                                                                                                        los viajeros de segunda y tercera clase se
                                                                                                                        quedaron durmiendo o bostezando dentro

              • No emplear subrayados si no es para enlaces
                                                                                                                        de los coches, porque el frío penetrante
                                                                                                                        de la madrugada no convidaba a pasear
                                                                                                                        por el desamparado andén. El único
                                                                                                                        viajero de primera que en el tren venía
                                                                                                                        bajó apresuradamente, y dirigiéndose a
              • Cuidado con el justificado                                                                              los empleados, preguntóles si aquél era
                                                                                                                        el apeadero de Villahorrenda. (Este
                                                                                                                        nombre, como otros muchos que después
                                                                                                                        se verán, es propiedad del autor.)

              • Evitar líneas de texto demasiado largas


Cuando el tren mixto descendente, núm. 65 (no es preciso nombrar la línea), se detuvo en la pequeña estación situada entre los kilómetros 171 y 172, casi todos los
viajeros de segunda y tercera clase se quedaron durmiendo o bostezando dentro de los coches, porque el frío penetrante de la madrugada no convidaba a pasear por
el desamparado andén. El único viajero de primera que en el tren venía bajó apresuradamente, y dirigiéndose a los empleados, preguntóles si aquél era el apeadero
de Villahorrenda. (Este nombre, como otros muchos que después se verán, es propiedad del autor.)
Recursos tipográficos

• Tipografía negra (u oscura) sobre fondo blanco (o claro)

• Evitar las cursivas

• No emplear subrayados si no es para enlaces

• Cuidado con el justificado

• Evitar líneas de texto demasiado largas

• Familias sans serif se visualizan mejor que las con serif
Recursos tipográficos
   Times New Roman 10


       • Tipografía negra (u oscura) sobre fondo blanco (o claro)
Cuando el tren mixto descendente, núm. 65
(no es preciso nombrar la línea), se detuvo
en la pequeña estación situada entre los

       • Evitar las cursivas
kilómetros 171 y 172, casi todos los viajeros
de segunda y tercera clase se quedaron
durmiendo o bostezando dentro de los
coches, porque el frío penetrante de la
       • No emplear subrayados si no es para enlaces
madrugada no convidaba a pasear por el
desamparado andén. El único viajero de
primera que en el tren venía bajó
       • Cuidado con el justificado
apresuradamente, y dirigiéndose a los
empleados, preguntóles si aquél era el
apeadero de Villahorrenda. (Este
nombre, como otros muchos que después se
       • Evitar líneas de texto demasiado largas
verán, es propiedad del autor.)




       • Familias sans serif se visualizan mejor que las con serif
Recursos tipográficos
   Times New Roman 10                                     Verdana 9
                                                Cuando el tren mixto
                                                descendente, núm. 65 (no es preciso
       • Tipografía negra (u oscura) se detuvo en la
                            nombrar la línea), sobre fondo blanco (o claro)
Cuando el tren mixto descendente, núm. 65
(no es preciso nombrar la línea), se detuvo
                                                pequeña estación situada entre los
en la pequeña estación situada entre los
                                                kilómetros 171 y 172, casi todos los
       • Evitar las cursivasviajeros de segunda y tercera clase se
kilómetros 171 y 172, casi todos los viajeros
de segunda y tercera clase se quedaron
                                                quedaron durmiendo o bostezando
durmiendo o bostezando dentro de los
                                                dentro de los coches, porque el frío
coches, porque el frío penetrante de la
       • No emplear subrayadosade la madrugada no
                          penetrante
                                     si no es para enlaces
madrugada no convidaba a pasear por el
                          convidaba pasear por el
desamparado andén. El único viajero de
                                                desamparado andén. El único viajero
primera que en el tren venía bajó
                                                de primera que en el tren venía bajó
       • Cuidado con el justificado y dirigiéndose a los
apresuradamente, y dirigiéndose a los
                           apresuradamente,
empleados, preguntóles si aquél era el
                                                empleados, preguntóles si aquél era el
apeadero de Villahorrenda. (Este nombre,
                                                apeadero de Villahorrenda. (Este
como otros muchos que después se verán,
       • Evitar líneas de texto demasiadoquedel
es propiedad del autor.)
                             nombre, como otros muchos
                                                          largas
                             después se verán, es propiedad
                                                autor.)


       • Familias sans serif se visualizan mejor que las con serif
Recursos tipográficos
   Times New Roman 10                                     Verdana 9                                Georgia 10
                                                Cuando el tren mixto                     Cuando el tren mixto
                                                descendente, núm. 65 (no es preciso      descendente, núm. 65 (no es preciso
       • Tipografía negra (u oscura) se detuvo en la
                            nombrar la línea), sobre fondo blanco (o claro)
Cuando el tren mixto descendente, núm. 65
(no es preciso nombrar la línea), se detuvo
                                                                                         nombrar la línea), se detuvo en la
                                                pequeña estación situada entre los       pequeña estación situada entre los
en la pequeña estación situada entre los
                                                kilómetros 171 y 172, casi todos los     kilómetros 171 y 172, casi todos los
       • Evitar las cursivasviajeros de segunda y tercera clase se
kilómetros 171 y 172, casi todos los viajeros
                                                                                         viajeros de segunda y tercera clase se
de segunda y tercera clase se quedaron
                                                quedaron durmiendo o bostezando          quedaron durmiendo o bostezando
durmiendo o bostezando dentro de los
                                                dentro de los coches, porque el frío     dentro de los coches, porque el frío
coches, porque el frío penetrante de la
       • No emplear subrayadosade la madrugada no
                          penetrante
                                     si no es para enlaces
madrugada no convidaba a pasear por el
                          convidaba pasear por el
                                                                                         penetrante de la madrugada no
                                                                                         convidaba a pasear por el desamparado
desamparado andén. El único viajero de
                                                desamparado andén. El único viajero      andén. El único viajero de primera que
primera que en el tren venía bajó
                                                de primera que en el tren venía bajó     en el tren venía bajó
       • Cuidado con el justificado y dirigiéndose a los
apresuradamente, y dirigiéndose a los
                           apresuradamente,
empleados, preguntóles si aquél era el
                                                                                         apresuradamente, y dirigiéndose a los
                                                empleados, preguntóles si aquél era el   empleados, preguntóles si aquél era el
apeadero de Villahorrenda. (Este nombre,
                                                apeadero de Villahorrenda. (Este         apeadero de Villahorrenda. (Este
como otros muchos que después se verán,
       • Evitar líneas de texto demasiadoquedel
es propiedad del autor.)
                             nombre, como otros muchos
                                                          largas
                             después se verán, es propiedad
                                                                                         nombre, como otros muchos que
                                                                                         después se verán, es propiedad del
                                                autor.)                                  autor.)


       • Familias sans serif se visualizan mejor que las con serif
Recursos tipográficos

• Tipografía negra (u oscura) sobre fondo blanco (o claro)

• Evitar las cursivas

• No emplear subrayados si no es para enlaces

• Cuidado con el justificado

• Evitar líneas de texto demasiado largas

• Familias sans serif se visualizan mejor que las con serif
El texto en la WWW

Recursos tipográficos. Elementos, entidades, estilos.            Ejemplos


1. Guiones
    Raya: — – Menos: − Guión blando: ­
2. Puntos
    Punto alto, medio o centrado; topo: • · ‧ ⋅
    Puntos suspensivos: …
3. Espacios
    Espacio duro:   (CSS: white-space: nowrap)
    Espacios de diversa extensión:      
4. Comillas
    Latinas: « » Inglesas: “ ”
    Simples: ‘ ’ Angulares: ‹ ›
    Minutos (pies) y segundos (pulgadas): ′ ″
5. Caja alta
    Versalita: <small>, CSS: font-variant: small-caps
    Inicios: CSS :first-letter :first-line
WWW
para editores
 Fin de la cuarta parte

Más contenido relacionado

Destacado

La difusión estadística en el contexto de la web 2.0. JECAS08
La difusión estadística en el contexto de la web 2.0. JECAS08La difusión estadística en el contexto de la web 2.0. JECAS08
La difusión estadística en el contexto de la web 2.0. JECAS08Xavier Badosa
 
WWW para editores (y más allá) (3)
WWW para editores (y más allá) (3)WWW para editores (y más allá) (3)
WWW para editores (y más allá) (3)Xavier Badosa
 
WWW para editores (y más allá) (5)
WWW para editores (y más allá) (5)WWW para editores (y más allá) (5)
WWW para editores (y más allá) (5)Xavier Badosa
 
Anatomía de las APIs del Idescat
Anatomía de las APIs del IdescatAnatomía de las APIs del Idescat
Anatomía de las APIs del IdescatXavier Badosa
 
Rectificaciones: una propuesta de estándar
Rectificaciones: una propuesta de estándarRectificaciones: una propuesta de estándar
Rectificaciones: una propuesta de estándarXavier Badosa
 
E-books Are Not the Future of Books
E-books Are Not the Future of BooksE-books Are Not the Future of Books
E-books Are Not the Future of BooksXavier Badosa
 
WWW para editores (y más allá) (1)
WWW para editores (y más allá) (1)WWW para editores (y más allá) (1)
WWW para editores (y más allá) (1)Xavier Badosa
 
Proyecto E-book 2001
Proyecto E-book 2001Proyecto E-book 2001
Proyecto E-book 2001Xavier Badosa
 
Periodisme de dades i oficines estadístiques
Periodisme de dades i oficines estadístiquesPeriodisme de dades i oficines estadístiques
Periodisme de dades i oficines estadístiquesXavier Badosa
 
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIsLos widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIsXavier Badosa
 
Links and Widgets: the Fabric of the Web
Links and Widgets: the Fabric of the WebLinks and Widgets: the Fabric of the Web
Links and Widgets: the Fabric of the WebXavier Badosa
 
What's our business? Statistics as platform
What's our business? Statistics as platformWhat's our business? Statistics as platform
What's our business? Statistics as platformXavier Badosa
 
Idescat on the Google Public Data Explorer
Idescat on the Google Public Data ExplorerIdescat on the Google Public Data Explorer
Idescat on the Google Public Data ExplorerXavier Badosa
 
Difusió estadísTICa oficial
Difusió estadísTICa oficialDifusió estadísTICa oficial
Difusió estadísTICa oficialXavier Badosa
 
JSON-stat in the session "The future of standards in statistics", United Nati...
JSON-stat in the session "The future of standards in statistics", United Nati...JSON-stat in the session "The future of standards in statistics", United Nati...
JSON-stat in the session "The future of standards in statistics", United Nati...Xavier Badosa
 
Consuming Nordic Statbank data with JSON-stat
Consuming Nordic Statbank data with JSON-statConsuming Nordic Statbank data with JSON-stat
Consuming Nordic Statbank data with JSON-statXavier Badosa
 
Standards for statistical data dissemination: a wish list
Standards for statistical data dissemination: a wish listStandards for statistical data dissemination: a wish list
Standards for statistical data dissemination: a wish listXavier Badosa
 
JSON-stat & JS: the JSON-stat Javascript Toolkit
JSON-stat & JS: the JSON-stat Javascript ToolkitJSON-stat & JS: the JSON-stat Javascript Toolkit
JSON-stat & JS: the JSON-stat Javascript ToolkitXavier Badosa
 
La difusión estadística y la apertura de datos: un viaje de ida y vuelta
La difusión estadística y la apertura de datos: un viaje de ida y vueltaLa difusión estadística y la apertura de datos: un viaje de ida y vuelta
La difusión estadística y la apertura de datos: un viaje de ida y vueltaXavier Badosa
 
Reutilización de datos gracias a la visualización de datos
Reutilización de datos gracias a la visualización de datosReutilización de datos gracias a la visualización de datos
Reutilización de datos gracias a la visualización de datosXavier Badosa
 

Destacado (20)

La difusión estadística en el contexto de la web 2.0. JECAS08
La difusión estadística en el contexto de la web 2.0. JECAS08La difusión estadística en el contexto de la web 2.0. JECAS08
La difusión estadística en el contexto de la web 2.0. JECAS08
 
WWW para editores (y más allá) (3)
WWW para editores (y más allá) (3)WWW para editores (y más allá) (3)
WWW para editores (y más allá) (3)
 
WWW para editores (y más allá) (5)
WWW para editores (y más allá) (5)WWW para editores (y más allá) (5)
WWW para editores (y más allá) (5)
 
Anatomía de las APIs del Idescat
Anatomía de las APIs del IdescatAnatomía de las APIs del Idescat
Anatomía de las APIs del Idescat
 
Rectificaciones: una propuesta de estándar
Rectificaciones: una propuesta de estándarRectificaciones: una propuesta de estándar
Rectificaciones: una propuesta de estándar
 
E-books Are Not the Future of Books
E-books Are Not the Future of BooksE-books Are Not the Future of Books
E-books Are Not the Future of Books
 
WWW para editores (y más allá) (1)
WWW para editores (y más allá) (1)WWW para editores (y más allá) (1)
WWW para editores (y más allá) (1)
 
Proyecto E-book 2001
Proyecto E-book 2001Proyecto E-book 2001
Proyecto E-book 2001
 
Periodisme de dades i oficines estadístiques
Periodisme de dades i oficines estadístiquesPeriodisme de dades i oficines estadístiques
Periodisme de dades i oficines estadístiques
 
Los widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIsLos widgets del Idescat: una aplicación de las APIs
Los widgets del Idescat: una aplicación de las APIs
 
Links and Widgets: the Fabric of the Web
Links and Widgets: the Fabric of the WebLinks and Widgets: the Fabric of the Web
Links and Widgets: the Fabric of the Web
 
What's our business? Statistics as platform
What's our business? Statistics as platformWhat's our business? Statistics as platform
What's our business? Statistics as platform
 
Idescat on the Google Public Data Explorer
Idescat on the Google Public Data ExplorerIdescat on the Google Public Data Explorer
Idescat on the Google Public Data Explorer
 
Difusió estadísTICa oficial
Difusió estadísTICa oficialDifusió estadísTICa oficial
Difusió estadísTICa oficial
 
JSON-stat in the session "The future of standards in statistics", United Nati...
JSON-stat in the session "The future of standards in statistics", United Nati...JSON-stat in the session "The future of standards in statistics", United Nati...
JSON-stat in the session "The future of standards in statistics", United Nati...
 
Consuming Nordic Statbank data with JSON-stat
Consuming Nordic Statbank data with JSON-statConsuming Nordic Statbank data with JSON-stat
Consuming Nordic Statbank data with JSON-stat
 
Standards for statistical data dissemination: a wish list
Standards for statistical data dissemination: a wish listStandards for statistical data dissemination: a wish list
Standards for statistical data dissemination: a wish list
 
JSON-stat & JS: the JSON-stat Javascript Toolkit
JSON-stat & JS: the JSON-stat Javascript ToolkitJSON-stat & JS: the JSON-stat Javascript Toolkit
JSON-stat & JS: the JSON-stat Javascript Toolkit
 
La difusión estadística y la apertura de datos: un viaje de ida y vuelta
La difusión estadística y la apertura de datos: un viaje de ida y vueltaLa difusión estadística y la apertura de datos: un viaje de ida y vuelta
La difusión estadística y la apertura de datos: un viaje de ida y vuelta
 
Reutilización de datos gracias a la visualización de datos
Reutilización de datos gracias a la visualización de datosReutilización de datos gracias a la visualización de datos
Reutilización de datos gracias a la visualización de datos
 

Más de Xavier Badosa

Putting Data in Cells
Putting Data in CellsPutting Data in Cells
Putting Data in CellsXavier Badosa
 
JSON-stat in the Sea of Standards
JSON-stat in the Sea of StandardsJSON-stat in the Sea of Standards
JSON-stat in the Sea of StandardsXavier Badosa
 
The Trouble with Tables
The Trouble with TablesThe Trouble with Tables
The Trouble with TablesXavier Badosa
 
StatisticalTable, a JSON-stat-based vocabulary
StatisticalTable, a JSON-stat-based vocabularyStatisticalTable, a JSON-stat-based vocabulary
StatisticalTable, a JSON-stat-based vocabularyXavier Badosa
 
Decoupling Official Statistics
Decoupling Official StatisticsDecoupling Official Statistics
Decoupling Official StatisticsXavier Badosa
 
Data Dissemination through Data Visualization
Data Dissemination through Data VisualizationData Dissemination through Data Visualization
Data Dissemination through Data VisualizationXavier Badosa
 
Idescat Visual: Gràfics i mapes
Idescat Visual: Gràfics i mapesIdescat Visual: Gràfics i mapes
Idescat Visual: Gràfics i mapesXavier Badosa
 
Gov APIs: The Notorious Case of Official Statistics
Gov APIs: The Notorious Case of Official StatisticsGov APIs: The Notorious Case of Official Statistics
Gov APIs: The Notorious Case of Official StatisticsXavier Badosa
 
JSON-stat, a simple light standard for all kinds of data disseminators
JSON-stat, a simple light standard for all kinds of data disseminatorsJSON-stat, a simple light standard for all kinds of data disseminators
JSON-stat, a simple light standard for all kinds of data disseminatorsXavier Badosa
 

Más de Xavier Badosa (9)

Putting Data in Cells
Putting Data in CellsPutting Data in Cells
Putting Data in Cells
 
JSON-stat in the Sea of Standards
JSON-stat in the Sea of StandardsJSON-stat in the Sea of Standards
JSON-stat in the Sea of Standards
 
The Trouble with Tables
The Trouble with TablesThe Trouble with Tables
The Trouble with Tables
 
StatisticalTable, a JSON-stat-based vocabulary
StatisticalTable, a JSON-stat-based vocabularyStatisticalTable, a JSON-stat-based vocabulary
StatisticalTable, a JSON-stat-based vocabulary
 
Decoupling Official Statistics
Decoupling Official StatisticsDecoupling Official Statistics
Decoupling Official Statistics
 
Data Dissemination through Data Visualization
Data Dissemination through Data VisualizationData Dissemination through Data Visualization
Data Dissemination through Data Visualization
 
Idescat Visual: Gràfics i mapes
Idescat Visual: Gràfics i mapesIdescat Visual: Gràfics i mapes
Idescat Visual: Gràfics i mapes
 
Gov APIs: The Notorious Case of Official Statistics
Gov APIs: The Notorious Case of Official StatisticsGov APIs: The Notorious Case of Official Statistics
Gov APIs: The Notorious Case of Official Statistics
 
JSON-stat, a simple light standard for all kinds of data disseminators
JSON-stat, a simple light standard for all kinds of data disseminatorsJSON-stat, a simple light standard for all kinds of data disseminators
JSON-stat, a simple light standard for all kinds of data disseminators
 

Último

RESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdf
RESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdfRESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdf
RESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdfANEP - DETP
 
Análisis de la situación actual .La Matriz de Perfil Competitivo (MPC)
Análisis de la situación actual .La Matriz de Perfil Competitivo (MPC)Análisis de la situación actual .La Matriz de Perfil Competitivo (MPC)
Análisis de la situación actual .La Matriz de Perfil Competitivo (MPC)JonathanCovena1
 
Vínculo afectivo (labor expositivo de grupo )
Vínculo afectivo (labor expositivo de grupo )Vínculo afectivo (labor expositivo de grupo )
Vínculo afectivo (labor expositivo de grupo )portafoliodigitalyos
 
LA GEOMETRÍA Y LOS SISTEMAS ANGULARES, APRENDER LEYENDO LA BIBLIA
LA GEOMETRÍA Y LOS SISTEMAS ANGULARES, APRENDER LEYENDO LA BIBLIALA GEOMETRÍA Y LOS SISTEMAS ANGULARES, APRENDER LEYENDO LA BIBLIA
LA GEOMETRÍA Y LOS SISTEMAS ANGULARES, APRENDER LEYENDO LA BIBLIASandra Mariela Ballón Aguedo
 
Evaluación de los Factores Internos de la Organización
Evaluación de los Factores Internos de la OrganizaciónEvaluación de los Factores Internos de la Organización
Evaluación de los Factores Internos de la OrganizaciónJonathanCovena1
 
SEGUNDO GRADO PROGRAMACION ANUAL DPCC - 2024
SEGUNDO GRADO PROGRAMACION ANUAL DPCC - 2024SEGUNDO GRADO PROGRAMACION ANUAL DPCC - 2024
SEGUNDO GRADO PROGRAMACION ANUAL DPCC - 2024litaroxselyperezmont
 
Comunidades Virtuales de Aprendizaje Caracteristicas.pptx
Comunidades Virtuales de Aprendizaje Caracteristicas.pptxComunidades Virtuales de Aprendizaje Caracteristicas.pptx
Comunidades Virtuales de Aprendizaje Caracteristicas.pptxJunkotantik
 
CUARTO GRADO PROGRAMACION ANUAL CCSS 4° - 2024.docx
CUARTO GRADO PROGRAMACION ANUAL CCSS 4° - 2024.docxCUARTO GRADO PROGRAMACION ANUAL CCSS 4° - 2024.docx
CUARTO GRADO PROGRAMACION ANUAL CCSS 4° - 2024.docxlitaroxselyperezmont
 
BIENESTAR TOTAL - LA EXPERIENCIA DEL CLIENTE CON ATR
BIENESTAR TOTAL - LA EXPERIENCIA DEL CLIENTE CON ATRBIENESTAR TOTAL - LA EXPERIENCIA DEL CLIENTE CON ATR
BIENESTAR TOTAL - LA EXPERIENCIA DEL CLIENTE CON ATRDanielGrajeda7
 
DEBER de Segmentación-2023_05jun2023.pdf
DEBER  de Segmentación-2023_05jun2023.pdfDEBER  de Segmentación-2023_05jun2023.pdf
DEBER de Segmentación-2023_05jun2023.pdfCamiloVasconez
 
Presentación Propuesta de Proyecto Social Colorido y Juvenil Multicolor y Neg...
Presentación Propuesta de Proyecto Social Colorido y Juvenil Multicolor y Neg...Presentación Propuesta de Proyecto Social Colorido y Juvenil Multicolor y Neg...
Presentación Propuesta de Proyecto Social Colorido y Juvenil Multicolor y Neg...crcamora123
 
Presentación Pedagoía medieval para exposición en clases
Presentación Pedagoía medieval para exposición en clasesPresentación Pedagoía medieval para exposición en clases
Presentación Pedagoía medieval para exposición en clasesGustavo Cano
 
2. Entornos Virtuales de Aprendizaje.pptx
2. Entornos Virtuales de Aprendizaje.pptx2. Entornos Virtuales de Aprendizaje.pptx
2. Entornos Virtuales de Aprendizaje.pptxJunkotantik
 
mapa mental sobre el sistema político...
mapa mental sobre el sistema político...mapa mental sobre el sistema político...
mapa mental sobre el sistema político...alisaraboumg01
 
ENUNCIADOS CUESTIONARIO S9 GEOLOGIA Y MINERALOGIA - GENERAL.docx
ENUNCIADOS CUESTIONARIO S9 GEOLOGIA Y MINERALOGIA - GENERAL.docxENUNCIADOS CUESTIONARIO S9 GEOLOGIA Y MINERALOGIA - GENERAL.docx
ENUNCIADOS CUESTIONARIO S9 GEOLOGIA Y MINERALOGIA - GENERAL.docxmatepura
 
LA ILIADA Y LA ODISEA.LITERATURA UNIVERSAL
LA ILIADA Y LA ODISEA.LITERATURA UNIVERSALLA ILIADA Y LA ODISEA.LITERATURA UNIVERSAL
LA ILIADA Y LA ODISEA.LITERATURA UNIVERSALJorge Castillo
 
Tipologías de vínculos afectivos (grupo)
Tipologías de vínculos afectivos (grupo)Tipologías de vínculos afectivos (grupo)
Tipologías de vínculos afectivos (grupo)portafoliodigitalyos
 
Tema 14. Aplicación de Diagramas 26-05-24.pptx
Tema 14. Aplicación de Diagramas 26-05-24.pptxTema 14. Aplicación de Diagramas 26-05-24.pptx
Tema 14. Aplicación de Diagramas 26-05-24.pptxNoe Castillo
 

Último (20)

RESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdf
RESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdfRESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdf
RESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdf
 
Análisis de la situación actual .La Matriz de Perfil Competitivo (MPC)
Análisis de la situación actual .La Matriz de Perfil Competitivo (MPC)Análisis de la situación actual .La Matriz de Perfil Competitivo (MPC)
Análisis de la situación actual .La Matriz de Perfil Competitivo (MPC)
 
Vínculo afectivo (labor expositivo de grupo )
Vínculo afectivo (labor expositivo de grupo )Vínculo afectivo (labor expositivo de grupo )
Vínculo afectivo (labor expositivo de grupo )
 
LA GEOMETRÍA Y LOS SISTEMAS ANGULARES, APRENDER LEYENDO LA BIBLIA
LA GEOMETRÍA Y LOS SISTEMAS ANGULARES, APRENDER LEYENDO LA BIBLIALA GEOMETRÍA Y LOS SISTEMAS ANGULARES, APRENDER LEYENDO LA BIBLIA
LA GEOMETRÍA Y LOS SISTEMAS ANGULARES, APRENDER LEYENDO LA BIBLIA
 
Evaluación de los Factores Internos de la Organización
Evaluación de los Factores Internos de la OrganizaciónEvaluación de los Factores Internos de la Organización
Evaluación de los Factores Internos de la Organización
 
SEGUNDO GRADO PROGRAMACION ANUAL DPCC - 2024
SEGUNDO GRADO PROGRAMACION ANUAL DPCC - 2024SEGUNDO GRADO PROGRAMACION ANUAL DPCC - 2024
SEGUNDO GRADO PROGRAMACION ANUAL DPCC - 2024
 
Comunidades Virtuales de Aprendizaje Caracteristicas.pptx
Comunidades Virtuales de Aprendizaje Caracteristicas.pptxComunidades Virtuales de Aprendizaje Caracteristicas.pptx
Comunidades Virtuales de Aprendizaje Caracteristicas.pptx
 
CUARTO GRADO PROGRAMACION ANUAL CCSS 4° - 2024.docx
CUARTO GRADO PROGRAMACION ANUAL CCSS 4° - 2024.docxCUARTO GRADO PROGRAMACION ANUAL CCSS 4° - 2024.docx
CUARTO GRADO PROGRAMACION ANUAL CCSS 4° - 2024.docx
 
BIENESTAR TOTAL - LA EXPERIENCIA DEL CLIENTE CON ATR
BIENESTAR TOTAL - LA EXPERIENCIA DEL CLIENTE CON ATRBIENESTAR TOTAL - LA EXPERIENCIA DEL CLIENTE CON ATR
BIENESTAR TOTAL - LA EXPERIENCIA DEL CLIENTE CON ATR
 
Luz desde el santuario. Escuela Sabática
Luz desde el santuario. Escuela SabáticaLuz desde el santuario. Escuela Sabática
Luz desde el santuario. Escuela Sabática
 
DEBER de Segmentación-2023_05jun2023.pdf
DEBER  de Segmentación-2023_05jun2023.pdfDEBER  de Segmentación-2023_05jun2023.pdf
DEBER de Segmentación-2023_05jun2023.pdf
 
Presentación Propuesta de Proyecto Social Colorido y Juvenil Multicolor y Neg...
Presentación Propuesta de Proyecto Social Colorido y Juvenil Multicolor y Neg...Presentación Propuesta de Proyecto Social Colorido y Juvenil Multicolor y Neg...
Presentación Propuesta de Proyecto Social Colorido y Juvenil Multicolor y Neg...
 
Presentación Pedagoía medieval para exposición en clases
Presentación Pedagoía medieval para exposición en clasesPresentación Pedagoía medieval para exposición en clases
Presentación Pedagoía medieval para exposición en clases
 
2. Entornos Virtuales de Aprendizaje.pptx
2. Entornos Virtuales de Aprendizaje.pptx2. Entornos Virtuales de Aprendizaje.pptx
2. Entornos Virtuales de Aprendizaje.pptx
 
mapa mental sobre el sistema político...
mapa mental sobre el sistema político...mapa mental sobre el sistema político...
mapa mental sobre el sistema político...
 
ENUNCIADOS CUESTIONARIO S9 GEOLOGIA Y MINERALOGIA - GENERAL.docx
ENUNCIADOS CUESTIONARIO S9 GEOLOGIA Y MINERALOGIA - GENERAL.docxENUNCIADOS CUESTIONARIO S9 GEOLOGIA Y MINERALOGIA - GENERAL.docx
ENUNCIADOS CUESTIONARIO S9 GEOLOGIA Y MINERALOGIA - GENERAL.docx
 
LA ILIADA Y LA ODISEA.LITERATURA UNIVERSAL
LA ILIADA Y LA ODISEA.LITERATURA UNIVERSALLA ILIADA Y LA ODISEA.LITERATURA UNIVERSAL
LA ILIADA Y LA ODISEA.LITERATURA UNIVERSAL
 
Tipologías de vínculos afectivos (grupo)
Tipologías de vínculos afectivos (grupo)Tipologías de vínculos afectivos (grupo)
Tipologías de vínculos afectivos (grupo)
 
Tema 14. Aplicación de Diagramas 26-05-24.pptx
Tema 14. Aplicación de Diagramas 26-05-24.pptxTema 14. Aplicación de Diagramas 26-05-24.pptx
Tema 14. Aplicación de Diagramas 26-05-24.pptx
 
Sesión de clase: Luz desde el santuario.pdf
Sesión de clase: Luz desde el santuario.pdfSesión de clase: Luz desde el santuario.pdf
Sesión de clase: Luz desde el santuario.pdf
 

WWW para editores (y más allá) (4)

  • 1. WWW para editores Xavier Badosa 2009 (4)
  • 3. texto multimedia imagen estática vídeo, audio
  • 4.
  • 5.
  • 6.
  • 7. Escribir para la web Crawford Kilian
  • 8.
  • 9. mirada pasiva mirada activa
  • 10. mirada pasiva mirada activa lectura inmersiva vistazo general rápido
  • 11. Jakob Nielsen, “F-Shaped Pattern For Reading Web Content”
  • 12. lentitud cansancio impaciencia Jakob Nielsen, “F-Shaped Pattern For Reading Web Content”
  • 13. Brevedad y claridad en la redacción
  • 14. Brevedad y claridad en la redacción • Objetividad, evitar estilo promocional
  • 15. Brevedad y claridad en la redacción • Objetividad, evitar estilo promocional • Las frases deben ser necesarias, claras y de estructura sencilla
  • 16. Brevedad y claridad en la redacción “Hit and run text” Crawford Kilian • Objetividad, evitar estilo promocional • Las frases deben ser necesarias, claras y de estructura sencilla • Redacción para la acción: activa, no pasiva. “Tú”, no “nosotros”
  • 17. Brevedad y claridad en la redacción “Hit and run text” Crawford Kilian • Objetividad, evitar estilo promocional • Las frases deben ser necesarias, claras y de estructura sencilla • Redacción para la acción: activa, no pasiva. “Tú”, no “nosotros” • Pirámide invertida del periodismo: primero la conclusión
  • 18. Brevedad y claridad en la redacción “Hit and run text” Crawford Kilian • Objetividad, evitar estilo promocional • Las frases deben ser necesarias, claras y de estructura sencilla • Redacción para la acción: activa, no pasiva. “Tú”, no “nosotros” • Pirámide invertida del periodismo: primero la conclusión • Uso limitado de metáforas o de la ironía, o de pronombres
  • 19. Brevedad y claridad en la redacción “Hit and run text” Crawford Kilian • Objetividad, evitar estilo promocional • Las frases deben ser necesarias, claras y de estructura sencilla • Redacción para la acción: activa, no pasiva. “Tú”, no “nosotros” • Pirámide invertida del periodismo: primero la conclusión • Uso limitado de metáforas o de la ironía, o de pronombres • Evitar localismos, uso de un castellano internacional
  • 20. Brevedad y claridad en la redacción “Hit and run text” Crawford Kilian • Objetividad, evitar estilo promocional • Las frases deben ser necesarias, claras y de estructura sencilla • Redacción para la acción: activa, no pasiva. “Tú”, no “nosotros” • Pirámide invertida del periodismo: primero la conclusión • Uso limitado de metáforas o de la ironía, o de pronombres • Evitar localismos, uso de un castellano internacional España / Extranjero
  • 21. Brevedad y claridad en la redacción “Hit and run text” Crawford Kilian • Objetividad, evitar estilo promocional • Las frases deben ser necesarias, claras y de estructura sencilla • Redacción para la acción: activa, no pasiva. “Tú”, no “nosotros” • Pirámide invertida del periodismo: primero la conclusión • Uso limitado de metáforas o de la ironía, o de pronombres • Evitar localismos, uso de un castellano internacional España / Otros países
  • 23. Estructura a la vista • Párrafos cortos y bien separados
  • 24. Estructura a la vista • Párrafos cortos y bien separados
  • 25. Estructura a la vista • Párrafos cortos y bien separados
  • 26. Estructura a la vista • Párrafos cortos y bien separados • Encabezar los fragmentos con títulos indicativos de su contenido
  • 27. Estructura a la vista • Párrafos cortos y bien separados • Encabezar los fragmentos con títulos indicativos de su contenido • Destacar los conceptos importantes
  • 28. Estructura a la vista • Párrafos cortos y bien separados • Encabezar los fragmentos con títulos indicativos de su contenido • Destacar los conceptos importantes • Dar a las enumeraciones forma de lista
  • 29. Estructura a la vista: párrafos cortos y bien separados, encabezar los fragmentos con títulos indicativos de su contenido, destacar los conceptos importantes, dar a las enumeraciones forma de lista
  • 30. Estructura a la vista • Párrafos cortos y bien separados • Encabezar los fragmentos con títulos indicativos de su contenido • Destacar los conceptos importantes • Dar a las enumeraciones forma de lista • Si el texto es largo, incluir al principio un resumen con la estructura general
  • 31. División de la información extensa
  • 32. División de la información extensa • Uso de fragmentos coherentes
  • 33. División de la información extensa • Uso de fragmentos coherentes
  • 34. División de la información extensa • Uso de fragmentos coherentes
  • 35.
  • 37. Recursos tipográficos • Tipografía negra (u oscura) sobre fondo blanco (o claro)
  • 38. Recursos tipográficos • Tipografía negra (u oscura) sobre fondo blanco (o claro)
  • 39. Recursos tipográficos • Tipografía negra (u oscura) sobre fondo blanco (o claro)
  • 40. Recursos tipográficos • Tipografía negra (u oscura) sobre fondo blanco (o claro) • Evitar las cursivas
  • 41. Recursos tipográficos • Tipografía negra (u oscura) sobre fondo blanco (o claro) • Evitar las cursivas
  • 42. Recursos tipográficos • Tipografía negra (u oscura) sobre fondo blanco (o claro) • Evitar las cursivas
  • 43.
  • 44.
  • 45. Recursos tipográficos • Tipografía negra (u oscura) sobre fondo blanco (o claro) • Evitar las cursivas • No emplear subrayados si no es para enlaces
  • 46. Recursos tipográficos • Tipografía negra (u oscura) sobre fondo blanco (o claro) • Evitar las cursivas • No emplear subrayados si no es para enlaces Le animamos a darnos su opinión en nuestra página de atención al cliente, que puede encontrar aquí.
  • 47. Recursos tipográficos • Tipografía negra (u oscura) sobre fondo blanco (o claro) • Evitar las cursivas • No emplear subrayados si no es para enlaces Le animamos a darnos su opinión en nuestra página de atención al cliente.
  • 48. Recursos tipográficos • Tipografía negra (u oscura) sobre fondo blanco (o claro) • Evitar las cursivas • No emplear subrayados si no es para enlaces Le animamos a darnos su opinión en nuestra página de atención al cliente.
  • 49. Recursos tipográficos • Tipografía negra (u oscura) sobre fondo blanco (o claro) • Evitar las cursivas • No emplear subrayados si no es para enlaces Le animamos a darnos su opinión.
  • 50.
  • 51.
  • 52.
  • 53. Recursos tipográficos • Tipografía negra (u oscura) sobre fondo blanco (o claro) • Evitar las cursivas • No emplear subrayados si no es para enlaces • Cuidado con el justificado
  • 54. Recursos tipográficos • Tipografía negra (u oscura) sobre fondo blanco (o claro) • Evitar las cursivas • No emplear subrayados si no es para enlaces • Cuidado con el justificado El presente trabajo tiene por objeto dar a conocer el efecto de las circunstancias socioeconómicas en la calidad de la información financiera.
  • 55.
  • 56. Recursos tipográficos • Tipografía negra (u oscura) sobre fondo blanco (o claro) • Evitar las cursivas • No emplear subrayados si no es para enlaces • Cuidado con el justificado • Evitar líneas de texto demasiado largas
  • 57. Recursos tipográficos • Tipografía negra (u oscura) sobre fondo blanco (o claro) • Evitar las cursivas • No emplear subrayados si no es para enlaces • Cuidado con el justificado • Evitar líneas de texto demasiado largas Cuando el tren mixto descendente, núm. 65 (no es preciso nombrar la línea), se detuvo en la pequeña estación situada entre los kilómetros 171 y 172, casi todos los viajeros de segunda y tercera clase se quedaron durmiendo o bostezando dentro de los coches, porque el frío penetrante de la madrugada no convidaba a pasear por el desamparado andén. El único viajero de primera que en el tren venía bajó apresuradamente, y dirigiéndose a los empleados, preguntóles si aquél era el apeadero de Villahorrenda. (Este nombre, como otros muchos que después se verán, es propiedad del autor.)
  • 58. Recursos tipográficos • Tipografía negra (u oscura) sobre fondo blanco (o claro) Cuando el tren mixto descendente, núm. 65 (no es preciso nombrar la línea), se • Evitar las cursivas detuvo en la pequeña estación situada entre los kilómetros 171 y 172, casi todos los viajeros de segunda y tercera clase se quedaron durmiendo o bostezando dentro • No emplear subrayados si no es para enlaces de los coches, porque el frío penetrante de la madrugada no convidaba a pasear por el desamparado andén. El único viajero de primera que en el tren venía bajó apresuradamente, y dirigiéndose a • Cuidado con el justificado los empleados, preguntóles si aquél era el apeadero de Villahorrenda. (Este nombre, como otros muchos que después se verán, es propiedad del autor.) • Evitar líneas de texto demasiado largas Cuando el tren mixto descendente, núm. 65 (no es preciso nombrar la línea), se detuvo en la pequeña estación situada entre los kilómetros 171 y 172, casi todos los viajeros de segunda y tercera clase se quedaron durmiendo o bostezando dentro de los coches, porque el frío penetrante de la madrugada no convidaba a pasear por el desamparado andén. El único viajero de primera que en el tren venía bajó apresuradamente, y dirigiéndose a los empleados, preguntóles si aquél era el apeadero de Villahorrenda. (Este nombre, como otros muchos que después se verán, es propiedad del autor.)
  • 59. Recursos tipográficos • Tipografía negra (u oscura) sobre fondo blanco (o claro) • Evitar las cursivas • No emplear subrayados si no es para enlaces • Cuidado con el justificado • Evitar líneas de texto demasiado largas • Familias sans serif se visualizan mejor que las con serif
  • 60. Recursos tipográficos Times New Roman 10 • Tipografía negra (u oscura) sobre fondo blanco (o claro) Cuando el tren mixto descendente, núm. 65 (no es preciso nombrar la línea), se detuvo en la pequeña estación situada entre los • Evitar las cursivas kilómetros 171 y 172, casi todos los viajeros de segunda y tercera clase se quedaron durmiendo o bostezando dentro de los coches, porque el frío penetrante de la • No emplear subrayados si no es para enlaces madrugada no convidaba a pasear por el desamparado andén. El único viajero de primera que en el tren venía bajó • Cuidado con el justificado apresuradamente, y dirigiéndose a los empleados, preguntóles si aquél era el apeadero de Villahorrenda. (Este nombre, como otros muchos que después se • Evitar líneas de texto demasiado largas verán, es propiedad del autor.) • Familias sans serif se visualizan mejor que las con serif
  • 61. Recursos tipográficos Times New Roman 10 Verdana 9 Cuando el tren mixto descendente, núm. 65 (no es preciso • Tipografía negra (u oscura) se detuvo en la nombrar la línea), sobre fondo blanco (o claro) Cuando el tren mixto descendente, núm. 65 (no es preciso nombrar la línea), se detuvo pequeña estación situada entre los en la pequeña estación situada entre los kilómetros 171 y 172, casi todos los • Evitar las cursivasviajeros de segunda y tercera clase se kilómetros 171 y 172, casi todos los viajeros de segunda y tercera clase se quedaron quedaron durmiendo o bostezando durmiendo o bostezando dentro de los dentro de los coches, porque el frío coches, porque el frío penetrante de la • No emplear subrayadosade la madrugada no penetrante si no es para enlaces madrugada no convidaba a pasear por el convidaba pasear por el desamparado andén. El único viajero de desamparado andén. El único viajero primera que en el tren venía bajó de primera que en el tren venía bajó • Cuidado con el justificado y dirigiéndose a los apresuradamente, y dirigiéndose a los apresuradamente, empleados, preguntóles si aquél era el empleados, preguntóles si aquél era el apeadero de Villahorrenda. (Este nombre, apeadero de Villahorrenda. (Este como otros muchos que después se verán, • Evitar líneas de texto demasiadoquedel es propiedad del autor.) nombre, como otros muchos largas después se verán, es propiedad autor.) • Familias sans serif se visualizan mejor que las con serif
  • 62. Recursos tipográficos Times New Roman 10 Verdana 9 Georgia 10 Cuando el tren mixto Cuando el tren mixto descendente, núm. 65 (no es preciso descendente, núm. 65 (no es preciso • Tipografía negra (u oscura) se detuvo en la nombrar la línea), sobre fondo blanco (o claro) Cuando el tren mixto descendente, núm. 65 (no es preciso nombrar la línea), se detuvo nombrar la línea), se detuvo en la pequeña estación situada entre los pequeña estación situada entre los en la pequeña estación situada entre los kilómetros 171 y 172, casi todos los kilómetros 171 y 172, casi todos los • Evitar las cursivasviajeros de segunda y tercera clase se kilómetros 171 y 172, casi todos los viajeros viajeros de segunda y tercera clase se de segunda y tercera clase se quedaron quedaron durmiendo o bostezando quedaron durmiendo o bostezando durmiendo o bostezando dentro de los dentro de los coches, porque el frío dentro de los coches, porque el frío coches, porque el frío penetrante de la • No emplear subrayadosade la madrugada no penetrante si no es para enlaces madrugada no convidaba a pasear por el convidaba pasear por el penetrante de la madrugada no convidaba a pasear por el desamparado desamparado andén. El único viajero de desamparado andén. El único viajero andén. El único viajero de primera que primera que en el tren venía bajó de primera que en el tren venía bajó en el tren venía bajó • Cuidado con el justificado y dirigiéndose a los apresuradamente, y dirigiéndose a los apresuradamente, empleados, preguntóles si aquél era el apresuradamente, y dirigiéndose a los empleados, preguntóles si aquél era el empleados, preguntóles si aquél era el apeadero de Villahorrenda. (Este nombre, apeadero de Villahorrenda. (Este apeadero de Villahorrenda. (Este como otros muchos que después se verán, • Evitar líneas de texto demasiadoquedel es propiedad del autor.) nombre, como otros muchos largas después se verán, es propiedad nombre, como otros muchos que después se verán, es propiedad del autor.) autor.) • Familias sans serif se visualizan mejor que las con serif
  • 63. Recursos tipográficos • Tipografía negra (u oscura) sobre fondo blanco (o claro) • Evitar las cursivas • No emplear subrayados si no es para enlaces • Cuidado con el justificado • Evitar líneas de texto demasiado largas • Familias sans serif se visualizan mejor que las con serif
  • 64.
  • 65.
  • 66. El texto en la WWW Recursos tipográficos. Elementos, entidades, estilos. Ejemplos 1. Guiones Raya: &mdash; &ndash; Menos: &minus; Guión blando: &shy; 2. Puntos Punto alto, medio o centrado; topo: &bull; &middot; &#8231; &sdot; Puntos suspensivos: &hellip; 3. Espacios Espacio duro: &nbsp; (CSS: white-space: nowrap) Espacios de diversa extensión: &thinsp; &ensp; &emsp; 4. Comillas Latinas: &laquo; &raquo; Inglesas: &ldquo; &rdquo; Simples: &lsquo; &rsquo; Angulares: &lsaquo; &rsaquo; Minutos (pies) y segundos (pulgadas): &prime; &Prime; 5. Caja alta Versalita: <small>, CSS: font-variant: small-caps Inicios: CSS :first-letter :first-line
  • 67. WWW para editores Fin de la cuarta parte