• Save
WWW para editores (y más allá) (4)
Upcoming SlideShare
Loading in...5
×
 

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

on

  • 6,281 views

Cuarta parte de la presentación que sirvió de base para las sesiones de introducción a la edición en línea de los másteres de edición de la Universitat Autònoma de Barcelona y de ...

Cuarta parte de la presentación que sirvió de base para las sesiones de introducción a la edición en línea de los másteres de edición de la Universitat Autònoma de Barcelona y de Editrain/Universidad de Alcalá (2009)

Texto. Escribir para la web. Recursos tipográficos para la web.

Statistics

Views

Total Views
6,281
Views on SlideShare
2,765
Embed Views
3,516

Actions

Likes
0
Downloads
0
Comments
0

8 Embeds 3,516

http://xavierbadosa.com 3295
http://translate.googleusercontent.com 111
http://ultimate 98
http://abtasty.com 7
http://www.slideshare.net 2
http://cloud 1
http://131.253.14.66 1
http://www.google.es 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution-NonCommercial-NoDerivs LicenseCC Attribution-NonCommercial-NoDerivs LicenseCC Attribution-NonCommercial-NoDerivs License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

  • 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: &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
  • WWW para editores Fin de la cuarta parte