Introdução ao planejamento e editoração gráfica para web alessandro tarso

1,034 views

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,034
On SlideShare
0
From Embeds
0
Number of Embeds
11
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Introdução ao planejamento e editoração gráfica para web alessandro tarso

  1. 1. “ Não basta SER… … tem de PARECER!” Introdução ao “Planejamento e Editoração Gráfica para Web” Prof. Alessandro Tarso - ales.tarso@gmail.com - http://www.com.ufv.br
  2. 2. Esta apresentação pode ser vista, “baixada”, revista, etc… em nosso blog: http://com232ufv.blogspot.com/ Introdução ao “Planejamento e Editoração Gráfica para Web” Prof. Alessandro Tarso - ales.tarso@gmail.com - http://www.com.ufv.br
  3. 3. <ul><li>Lembretes de sempre… </li></ul><ul><ul><ul><li>assine a lista de presença ; </li></ul></ul></ul><ul><ul><ul><li>participe ativamente do nosso blog ; </li></ul></ul></ul><ul><ul><ul><li>faça seu TCC sobre Editoração Gráfica; </li></ul></ul></ul><ul><ul><ul><li>use os horários de monitoria ; </li></ul></ul></ul><ul><ul><ul><li>- seja ágil com os e-mails (o meu está aí abaixo…); </li></ul></ul></ul><ul><ul><ul><li>- faça estágios (quanto mais, melhor!); </li></ul></ul></ul><ul><ul><ul><li>- venha participar do nosso Grupo de Pesquisa! </li></ul></ul></ul>Introdução ao “Planejamento e Editoração Gráfica para Web” Prof. Alessandro Tarso - ales.tarso@gmail.com - http://www.com.ufv.br
  4. 4. <ul><li>Sintonizando… </li></ul><ul><li>Enfoque desta aula: Introdução ao “Planejamento </li></ul><ul><li>e Editoração Gráfica para Web” </li></ul><ul><li>- Aula nº 23 de 30 possíveis (faltam 8 para o fim...) </li></ul><ul><li>- 12ª semana de um total de 15 (faltam 3) </li></ul><ul><li>Última aula: “ Introdução á prática da produção gráfica ” (último </li></ul><ul><li>tema da ementa de nossa disciplina - plus ) </li></ul><ul><li>- Próximas aulas: 3 sobre o mesmo tema de hoje </li></ul><ul><li>2 de Apresentações dos Trabalhos Finais </li></ul><ul><li> 2 de avaliações e auto-avaliações. </li></ul>Introdução ao “Planejamento e Editoração Gráfica para Web” Prof. Alessandro Tarso - ales.tarso@gmail.com - http://www.com.ufv.br
  5. 5. Começando… Introdução ao “ Planejamento e Editoração Gráfica para Web” Próximas 3 aulas: 1) Princípios de design para WEB e “ usabilidade ” 2) Tipologia digital e “ acessibilidade ” + comentários ao exercício proposto hoje 3) Imagens, vídeos e sons na WEB: adequação e distribuição Introdução ao “Planejamento e Editoração Gráfica para Web” Prof. Alessandro Tarso - ales.tarso@gmail.com - http://www.com.ufv.br
  6. 6. <ul><li>Cuidados… </li></ul><ul><ul><ul><li>Complexidade do tema: </li></ul></ul></ul><ul><ul><ul><ul><ul><li>- novidade e dinamismo; </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>- alta confluência e especialização de saberes; </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>- marginalidade do tema em nossa disciplina; </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>- falta de especialização do professor-facilitador </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>sobre a temática. </li></ul></ul></ul></ul></ul><ul><ul><ul><li>Generalizações e reduções. </li></ul></ul></ul>Introdução ao “Planejamento e Editoração Gráfica para Web” Prof. Alessandro Tarso - ales.tarso@gmail.com - http://www.com.ufv.br
  7. 7. <ul><li>Modos de aproximação… </li></ul><ul><ul><ul><ul><li>Conceitos </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Comunicação Comparada </li></ul></ul></ul></ul>Introdução ao “Planejamento e Editoração Gráfica para Web” Prof. Alessandro Tarso - ales.tarso@gmail.com - http://www.com.ufv.br
  8. 8. Alguns conceitos… WEB: A World Wide Web (que em portugûes significa, &quot;Rede de alcance mundial&quot; ; também conhecida como Web e WWW ) é um sistema de documentos em hipermídia que são interligados e executados na Internet . Em termos gerais: é a interface gráfica da Internet . INTERNET: é um conglomerado de redes em escala mundial de milhões de computadores interligados pelo TCP/IP que permite o acesso a informações e todo tipo de transferência de dados . HIPERTEXTO: é o termo que remete a um texto em formato digital , ao qual agrega-se outros conjuntos de informação na forma de blocos de textos, palavras, imagens ou sons, cujo acesso se dá através de referências específicas denominadas hiperlinks , ou simplesmente links . HIPERLINK/LINK: é uma hiperligação , ou simplesmente uma ligação , uma referência num documento em hipertexto a outras partes deste documento ou a outro documento. HIPERMÍDIA: é a reunião de várias mídias num suporte computacional, suportado por sistemas eletrônicos de comunicação. Introdução ao “Planejamento e Editoração Gráfica para Web” Prof. Alessandro Tarso - ales.tarso@gmail.com - http://www.com.ufv.br
  9. 9. <ul><li>Outros conceitos: especificidades do JOL* </li></ul><ul><ul><li>Instantaneidade </li></ul></ul><ul><ul><li>Interatividade </li></ul></ul><ul><ul><li>Perenidade </li></ul></ul><ul><ul><li>Multimidialidade </li></ul></ul><ul><ul><li>Personalização de conteúdo </li></ul></ul><ul><ul><li>* ROCHA. A. M.. Entendendo o Jornalismo Online . In: Ivan Pinheiro </li></ul></ul><ul><ul><li>Machado. (Org.). Tendências na Comunicação. 1 ed. Porto Alegre, 2000. </li></ul></ul>Introdução ao “Planejamento e Editoração Gráfica para Web” Prof. Alessandro Tarso - ales.tarso@gmail.com - http://www.com.ufv.br
  10. 10. Comunicação Comparada Elementos gráficos básicos (título - texto - imagens - legendas) nos jornalismos IMPRESSO X DIGITAL Adaptaçao do estudo : “A composição da página noticiosa nos jornais digitais: o estado da questão”, da professora e pesquisador Luciana Moherdaui . Disponível em: http://sbpjor.kamotini.kinghost.net/sbpjor/admjor/arquivos/coordenada13lucianamoherdaui.pdf (comparações entre as versões digitais e impressas dos periódicos: G1(Globo Notícias), Folha Online, Terra Notícias, Último Segundo, estadao.com.br, CNN, MSNBC, The New York Times, ABC News, CBS, Washington Post, Le Monde, Le Figaro, La Repubblica, Corriere Dela Sera, El Pais, El Mundo, BBC News e Guardian Unlimited. (19) Introdução ao “Planejamento e Editoração Gráfica para Web” Prof. Alessandro Tarso - ales.tarso@gmail.com - http://www.com.ufv.br
  11. 11. Adaptaçao do estudo : “A composição da página noticiosa nos jornais digitais: o estado da questão”, da professora e pesquisador Luciana Moherdaui. Disponível em: http://sbpjor.kamotini.kinghost.net/sbpjor/admjor/arquivos/coordenada13lucianamoherdaui.pdf IMPRESSO DIGITAL Títulos estáticos , definidos por tipologia, formato, tamanho e espaço, pode ser centralizada e alinhada à esquerda ou direita dinâmicos , definidos por tipologia, formato, tamanho e espaço, pode ser centralizada e alinhada à esquerda ou direita Texto informação e reportagem são divididos em principal e retrancas; outros gêneros, como artigo e entrevista são editados conforme padrões estabelecidos pelo formato da página impressa, diagramas e colunas, remissão para o on-line (hipertexto) textos com links, que levam a conteúdo relacionado (texto, multimídia e base de dados); a paginação segue a estrutura da página impressa , superfície, diagrama e colunas; remissão para mídias relacionadas ao jornal digital, omo rádio, tevê ou jornal e revista impressos Imagens (foto) estáticas , complementam o texto; são editadas em três cortes: horizontal, vertical e quadrada; também são destacadas na capa ou nas internas pelo impacto noticioso; as fotos são divididas em abertas e fechadas; (multimidia) dinâmicas, áudio, vídeo e imagem são usados como manchetes, submanchetes , ilustração de textos, aleria de imagens, slide shows e pacotes multimídia, em geral. Não há padrão de edição definido , em geral, as fotos destacadas na capa de um portal ou site noticioso não estão relacionadas à manchete ou submanchete; outra questão se refere ao tamanho; com o aumento do uso de banda larga, as imagens aumentaram de tamanho, e a publicação privilegia fotos fechadas, com destaque ao objeto em relação ao todo Legendas usadas para descrever a imagem, fato e personagens; são publicadas de três formas : abaixo da imagem, na lateral e entre duas fotos (Chamadas) uso de chamadas para destacar multimidia e hipertexto; são publicadas geralmente abaixo das imagens
  12. 12. Algumas Referências Úteis … e uma Atividade Extra (ver Plano de Aula)
  13. 13. Obrigado!

×