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. 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

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

8. Alguns conceitos… WEB: A World Wide Web (que em portugûes significa, "Rede de alcance mundial" ; 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

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. 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. Algumas Referências Úteis … e uma Atividade Extra (ver Plano de Aula)

13. Obrigado!