Login | Principal

Grupo 2

Login | Principal

Grupo 3

Login | Principal

Grupo 4

Login | Principal

Grupo 5

Login | Principal

O nome da primeira letra maior de um texto é “capitular” (ou drop-cap). O nome da primeira letra maior de um texto é “capitular” (ou drop-cap). O nome da primeira letra maior de um texto é “capitular” (ou drop-cap). O nome da primeira letra maior de um texto é “capitular” (ou drop-cap). O nome da primeira letra maior de um texto é “capitular” (ou drop-cap). O nome da primeira letra maior de um texto é “capitular” (ou drop-cap). O nome da primeira letra maior de um texto é “capitular” (ou drop-cap). O nome da primeira letra maior de um texto é “capitular” (ou drop-cap).

O estilo pode ser aplicado na letra ou no parágrafo do texto que possuirá essa formatação. No caso da letra (sendo o estilo aplicado a partir da tag “span”), o código é o seguinte:

.capitalLetter
{
float:left;
color:black;
background:white;
border:1px solid #999999;
font-size:100px;
line-height:90px;
padding:2px;
font-family:times;
margin-right: 5px;
margin-top: 5px;
}

Veja mais informações (como o método para capitular como estilo de parágrafo) aqui.

2) Texto em coluna

A criação de um layout com colunas é bastante simples com CSS. É necessário criar um estilo que especifique o número de colunas e aplicá-lo a um bloco de texto (div). Exemplos de código e visualização do mesmo são mostrados abaixo.

.numero-colunas{
-moz-column-count: 2;
-moz-column-gap: 65px;
-moz-column-rule: 1px solid #ccc;
-webkit-column-count: 2;
-webkit-column-gap: 65px;
-webkit-column-rule: 1px solid #ccc;
}

3) Texto em coluna+capitular+foto

É possível também combinar um texto em coluna com capitular e imagens. No caso, a foto recebeu um estilo (através de uma span), que é mostrado na sequência.

A temática deste encontro, sinteticamente, objetiva estabelecer um eixo de discussão sobre o papel dos diferentes recursos pedagógicos na educação no Brasil atual. Como sabemos, a sociedade brasileira deposita grandes esperanças em relação à educação escolar e, não por acaso, o mote do governo federal é “Brasil, Pátria Educadora”. No entanto, a preocupação com o tema da formação nem sempre resulta em consensos sociais sobre quais direções seguir. O significado de “promover a cidadania” é disputado socialmente, chegando mesmo ao conflito aberto em diferentes arenas: as secretarias de educação e as definições de políticas públicas, os legislativos, em diferentes níveis, e outros espaços (imprensa, ONGs, etc.).
Porém, parece existir, a despeito dos dissensos, o reconhecimento da importância dos materiais didáticos para formação dos estudantes e, em parte, dos próprios educadores – mesmo em negativo. Isso é exemplificado pelas discussões e práticas dos que buscam impedir a distribuição de materiais relacionados à abordagem pedagógica de conteúdos como o gênero e a diversidade sexual. Ao mesmo tempo, numa vertente propositiva, alguns grupos sociais tentam fazer com que a escola receba certo tipo de material educativo, ainda que o mesmo esteja em flagrante contraposição com posições fundadoras da educação pública moderna, como a laicidade. Este é o caso da proposta, atualmente em tramitação no legislativo do Estado de São Paulo, para a distribuição de um “kit bíblico” (composto por livros, vídeos e palestras) a ser dirigido aos alunos de ensino fundamental das escolas estaduais paulistas.
Em resumo, a complexidade da temática possibilita vários ângulos de discussão. Nesse encontro são privilegiados dois enfoques, ligados a grupos sociais para os quais a ideia de promoção de direitos – em outras palavras da “cidadania” – parece fundamental e premente: os LGBTs e as “minorias” étnico-raciais brasileiras.

Estilo da imagem:
.image {
float: right;
margin: 10px;
}

4) Texto+box, texto+olho e texto+vídeo

A criação de um box, com ou sem fundo colorido, pode ser uma estratégia para dar mais atratividade a uma página. O box pode conter somente texto ou algum outro elemento, como uma imagem, e pode ser elaborado com algum código com CSS, como no exemplo abaixo.

A temática deste encontro, sinteticamente, objetiva estabelecer um eixo de discussão sobre o papel dos diferentes recursos pedagógicos na educação no Brasil atual. Como sabemos, a sociedade brasileira deposita grandes esperanças em relação à educação escolar e, não por acaso, o mote do governo federal é “Brasil, Pátria Educadora”. No entanto, a preocupação com o tema da formação nem sempre resulta em consensos sociais sobre quais direções seguir. O significado de “promover a cidadania” é disputado socialmente,

Lula Ramires, pesquisador e militante da causa LGTBchegando mesmo ao conflito aberto em diferentes arenas: as secretarias de educação e as definições de políticas públicas, os legislativos, em diferentes níveis, e outros espaços (imprensa, ONGs, etc.).
Porém, parece existir, a despeito dos dissensos, o reconhecimento da importância dos materiais didáticos para formação dos estudantes e, em parte, dos próprios educadores – mesmo em negativo. Isso é exemplificado pelas discussões e práticas dos que buscam impedir a distribuição de materiais relacionados à abordagem pedagógica de conteúdos como o gênero e a diversidade sexual. Ao mesmo tempo, numa vertente propositiva, alguns grupos sociais tentam fazer com que a escola receba certo tipo de material educativo, ainda que o mesmo esteja em flagrante contraposição com posições fundadoras da educação pública moderna, como a laicidade. Este é o caso da proposta, atualmente em tramitação no legislativo do Estado de São Paulo, para a distribuição de um “kit bíblico” (composto por livros, vídeos e palestras) a ser dirigido aos alunos de ensino fundamental das escolas estaduais paulistas.
Em resumo, a complexidade da temática possibilita vários ângulos de discussão. Nesse encontro são privilegiados dois enfoques, ligados a grupos sociais para os quais a ideia de promoção de direitos – em outras palavras da “cidadania” – parece fundamental e premente: os LGBTs e as “minorias” étnico-raciais brasileiras.

Código do box:
.box {
float:right;
width: 300px;
margin: 10px 20px 20px 20px;
padding: 30px 30px 30px 30px;
background: #ddf;
text-align:center;
font-size: 16px;
font-weight: bold;
line-height: 100%;
font-family: times;
color:#333;
border-radius: 10px;
}

Um elemento de destaque que contenha apenas texto costuma ser chamado de “olho”. Abaixo um exemplo e código CSS de um “olho”.

A temática deste encontro, sinteticamente, objetiva estabelecer um eixo de discussão sobre o papel dos diferentes recursos pedagógicos na educação no Brasil atual. Como sabemos, a sociedade brasileira deposita grandes esperanças em relação à educação escolar e, não por acaso, o mote do governo federal é “Brasil, Pátria Educadora”. No entanto, a preocupação com o tema da formação nem sempre resulta em consensos sociais sobre quais direções seguir. O significado de “promover a cidadania” é disputado socialmente, Materiais didáticos são debatidos e disputados socialmente, tanto em termos de promoção, quanto de proibiçãochegando mesmo ao conflito aberto em diferentes arenas: as secretarias de educação e as definições de políticas públicas, os legislativos, em diferentes níveis, e outros espaços (imprensa, ONGs, etc.).
Porém, parece existir, a despeito dos dissensos, o reconhecimento da importância dos materiais didáticos para formação dos estudantes e, em parte, dos próprios educadores – mesmo em negativo. Isso é exemplificado pelas discussões e práticas dos que buscam impedir a distribuição de materiais relacionados à abordagem pedagógica de conteúdos como o gênero e a diversidade sexual. Ao mesmo tempo, numa vertente propositiva, alguns grupos sociais tentam fazer com que a escola receba certo tipo de material educativo, ainda que o mesmo esteja em flagrante contraposição com posições fundadoras da educação pública moderna, como a laicidade. Este é o caso da proposta, atualmente em tramitação no legislativo do Estado de São Paulo, para a distribuição de um “kit bíblico” (composto por livros, vídeos e palestras) a ser dirigido aos alunos de ensino fundamental das escolas estaduais paulistas.
Em resumo, a complexidade da temática possibilita vários ângulos de discussão. Nesse encontro são privilegiados dois enfoques, ligados a grupos sociais para os quais a ideia de promoção de direitos – em outras palavras da “cidadania” – parece fundamental e premente: os LGBTs e as “minorias” étnico-raciais brasileiras.

Código do olho:
.olho {
float:right;
width: 280px;
margin: 10px 20px 20px 30px;
padding: 20px 10px 20px 15px;
border: 0px solid #1B486F;
border-width: 10px 0px;
text-align:left;
color:#333;
font: italic 1.4em/1.4 Georgia;
}

A inserção de vídeo na página é simples, basta copiar o código de incorporação fornecido pelos sites, porém é importante notar os valores de largura e altura e, se necessário, alterá-los. Abaixo um vídeo e seu respectivo código.

Códido de incorporação do vídeo
<iframe width="380" height="214" src="https://www.youtube.com/embed/uLE4BfOtyI8" frameborder="0" allowfullscreen></iframe>

5) Fundos em texto

Um fundo no corpo do texto (background) pode servir tanto para destacar determinada parte do site quanto para separar partes do mesmo, como no exemplo. Existem sites que geram códigos de “puro CSS” (sem imagem) para fundos (como esse aqui). O código do primeiro background (inserido como class de uma div) é mostrado abaixo.

Código do fundo do primeiro texto:
.back {
background: -webkit-linear-gradient(0deg, rgba(255,255,255,0.2) 0, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%, rgba(0,0,0,0) 386px, rgba(0,0,0,0) 100%), rgba(255,153,0,0.38);
background: -moz-linear-gradient(90deg, rgba(255,255,255,0.2) 0, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%, rgba(0,0,0,0) 386px, rgba(0,0,0,0) 100%), rgba(255,153,0,0.38);
background: linear-gradient(90deg, rgba(255,255,255,0.2) 0, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%, rgba(0,0,0,0) 386px, rgba(0,0,0,0) 100%), rgba(255,153,0,0.38);
background-position: auto auto;
padding: 20px 120px 20px 120px;
-webkit-background-size: 60px auto;
background-size: 60px auto;
margin-left: -35px;
margin-right: -35px;
}

Na primeira imagem não foi aplicado nenhum estilo, mas na segunda inseriu-se um estilo para que a borda ficasse redonda em 50%. O estilo CSS é conforme se segue:

.redondo {
border-radius: 50%;
}

O nome do estilo (no caso uma “class”) é indiferente, o importante, porém, é que ele seja repetido, para ser marcado, dentro da imagem, que passa a ter o seguinte código:
<img class="redondo" src="http://143.107.95.102/prof/richardromancini/suportesmidiaticos/public_html/wordpress/wp-content/uploads/2016/05/evento_suportes_foto.jpg" alt="evento_suportes_foto" width="669" height="438" />

Uma explicação mais detalhada pode ser vista aqui.

2) Imagem com cantos arredondados

A primeira imagem tem cantos arrendados com a mesma codificação do exemplo anterior, em 50%. Já na segunda, o valor é de apenas 5%. É possível definir que todas as imagens de uma página tenham um mesmo padrão de arredondamento, aplicando um estilo à imagem: veja aqui como fazer.

3) Moldura e sombra em imagens

Na imagem da esquerda (acima) foi aplicado um estilo para a feitura de moldura e sombra (código abaixo). Na da direita, apenas a segunda parte do código foi usada para a sombra.

.moldura_sombra {
padding: 6px; /* define a espessura da moldura */
border: 4px solid #ffffff; /* define a espessura da borda e cor */
border-radius: 5%; /* define o raio da borda */
/* coloca a sombra */
box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3);
}

A cor e outros parâmetros da sombra e da moldura poderiam ser diferentes. Ver explicação em mais detalhes, aqui.

4) Legenda e crédito em imagem

Lula Ramires e Rafael Ferreira Silva sendo entrevistados pelos alunos de Educomunicação

Por códigos CSS também é possível colocar legenda em imagens, com diversas possibilidades de formatação. Acima está um caso de texto interno à imagem sobre um fundo translúcido. O código utilizado foi o mesmo desta página, porém, sendo feitas adaptações nas definições de estilo para adequação à foto usada. Abaixo, o que se mostra é uma adaptação maior ainda do código anterior, pois optou-se por colocar a legenda abaixo da imagem.

Lula Ramires e Rafael Ferreira Silva sendo entrevistados pelos alunos de Educomunicação

.credits {
position:relative;
top: -25px;
left: -270px;
color:black;
text-align: right;
font-size: 12px;
}
Os valores de top e left dependem de cada projeto. Ver mais informações aqui.

5) Legenda dinâmica em imagem

Lula e Rafael em entrevista aos alunos de Educomunicação

Comentários dos trabalhos no PDF do link. Caso haja dificuldade de visualizar as observações, utilize o leitor de PDF no programa do computador (e não na web). A senha é a mesma do trabalho anterior.

Quando pensando em termos mais jornalísticos, o “artigo de opinião” exige um gancho, isto é, uma ancoragem na atualidade ou contexto conhecido pelo leitor que dê justificativa à leitura e ao próprio texto. O gancho pode envolver uma efeméride, um evento recente ou que pode ocorrer em breve, bem como, ainda, algo que se relacione, mesmo que de maneira menos explícita, com o tema do artigo. O tema, por sua vez, é o assunto principal, aquilo que se quer discutir. Vejamos esses dois exemplos:

• Autor de trabalhos complexos no campo da matemática e da economia, John Nash, que morreu há pouco num acidente de carro, ficou conhecido por milhões graças ao filme Uma mente brilhante. É um exemplo que faz pensar na capacidade da mídia divulgar e popularizar o conhecimento. Mas essa divulgação é útil? É bem feita? …
• “No filme ‘Todos os Homens do Presidente’ (1976), Bob Woodward e Carl Bernstein são os repórteres do ‘Washington Post’ que expuseram a conspiração (real) armada pela Casa Branca em 1972 –o famoso Caso Watergate– para sufocar o Partido Democrata. Os repórteres tinham um informante secreto, que chamavam de ‘Garganta Profunda’. Quando se viam embatucados, sem saber como continuar, ‘Garganta Profunda’ aconselhava: ‘Sigam o dinheiro’.” … (Ruy Castro, Sigam o dinheiro, Folha de S.Paulo, 30/05/2015).

No primeiro caso, John Nash é um gancho-pretexto para chegar ao tema que será discutido no texto: o papel da mídia na divulgação do conhecimento. No segundo, de maneira imaginativa, o autor fala de um filme e uma situação conhecida provavelmente por muitos leitores, usando-os como gancho para, então, chegar (na continuidade do texto) a um assunto que diz respeito à atualidade: a corrupção na FIFA.

É claro que o gancho está na abertura ou introdução do artigo, e tem como sequência o desenvolvimento de argumentos que constroem a discussão proposta por um autor. A apresentação abaixo mostra estratégias de elaboração de argumentos, falando também de maneira mais geral sobre a estrutura de um artigo de opinião.

Mas, afinal, o que é trigger warning? A expressão é de difícil tradução. Em inglês, “trigger” significa, com valor de substantivo, o “gatilho” de uma arma, e como verbo a causa de algo, o que desencadeia alguma coisa. Por sua vez, “warning” remete às palavras “aviso”, “alarme”, “advertência” e “precaução”. Uma boa definição descritiva para o termo é dada por Jeet Heer (num artigo para a revista New Republic): “rótulos de advertência nos currículos e planos de curso com alerta aos estudantes de que o material pode evocar memórias dolorosas”.

A ideia deriva de práticas adotadas em fóruns feministas na internet, sites e blogs, tendo obtido maior alcance por meio da mídia social. A revista Slate declarou que 2013 foi o “ano do trigger warning”. Então, falava-se principalmente sobre o tema em relação aos conteúdos da internet e na TV, mas em pouco tempo chegou à educação. De maneira irônica, Conor Friedersdorf (aqui) indaga sobre o que as faculdades podem aprender com o canal HBO sobre o assunto.

O trigger warning é demandado por estudantes pertencentes a grupos vulneráveis ou que sofreram algum tipo de violência (abuso sexual, racismo, etc.), bem como pelos que acolhem a ideia de inserir alertas no material didático (e currículos) sobre o risco da exposição a algum conteúdo. Defende-se que a universidade deve ser um “ambiente seguro”.

Dois casos são bastante emblemáticos. No primeiro, em fevereiro do ano passado, alguns estudantes do Wellesley College protestaram contra a estátua realista de um homem vestindo apenas roupa de baixo. Eles iniciaram uma petição no Charge.org para que a escultura (que fazia parte de uma exposição) fosse removida dos arredores do museu da faculdade e colocada no prédio da instituição. Em outro caso, ocorrido em abril deste ano na Columbia University, quatro estudantes defenderam o trigger warning, ao relatar o caso de uma estudante que, ao ler para um curso partes da Metamorfose de Ovídio, alegou sentir-se desconfortável. A estudante tinha sido vítima de abuso sexual, e a obra em questão faz descrições deste ato. A aluna externou seu mal estar ao professor, que desconsiderou a reclamação. O artigo, publicado no jornal estudantil da universidade, significativamente intitula-se “Our identities matter in Core classrooms” (Nossas identidades importam no currículo Básico das turmas).

É evidente que algumas situações têm um viés cômico que não escapa aos críticos da proposta. Assim, ela é vista como um preocupante sinal de infantilização estudantil – transformar o ambiente universitário e as salas de aula numa espécie de bolha pode ser negativo para os próprios alunos, já que “a vida não possui trigger warnings”. Ainda numa perspectiva crítica, nota-se que a adoção de políticas (por exemplo, guias de conduta, como o cogitado pelo Oberlin College) relacionadas com assunto pode prejudicar a liberdade dos estudos acadêmicos, a exposição de ideias e ser um instrumento para a intimidação de professores.

Outra crítica é que submeter o estudante a um choque ou desconforto pode estar nos planos e intenções da ação pedagógica. A experiência universitária implica certa dose de inquietação e atenção a problemas muitas vezes brutais. O sociólogo Todd Gitlin oferece (aqui) um exemplo interessante, narrando quando seu professor fez a classe assistir ao filme nazista O triunfo da vontade, seguido pelo documentário sobre os campos de concentração Noite e neblina.

Uma compilação de aspectos questionáveis ou possivelmente negativos do trigger warning é feita num artigo assinado por quatro professores (aqui). O texto é bastante razoável, e não desmerece, em si, a preocupação, procurando oferecer algumas alternativas a ela, como a existência de recursos de aconselhamento e grupos de apoio para estudantes que necessitem.

No contexto dos EUA (um país que possui muito veteranos de guerras), a discussão do tema associa-se ao TEPT – Transtorno de Estresse Pós-Traumático. Para Ashley Mackenzie (aqui), a crença popular na validade deste distúrbio e a tendência a patologizar os problemas sociais explicam o surgimento do trigger warning.

A minha interpretação (sem excluir outras causas) é que a erosão da crença na política e a perda de confiança no universalismo como motor da mudança social fortalecem as iniciativas relacionadas a diferentes “identidades”, fragmentadas e diversas. Esta crise da política é vivida em todos os lugares, o que leva a crer que o debate atingirá muitos países. Há, de qualquer modo, pontos também válidos e razoáveis relacionados com a defesa do trigger warning, no meu entender. Pretendo abordá-los no próximo artigo, assim como a relação mais direta já existente entre o Brasil e o tema. No entanto, se o leitor refletir sobre o que leu e acionar sua memória, talvez lembre um fato.

Caso tenha pensado em Monteiro Lobato, acertou.

Alertas em sala de aula

Pelo que foi discutido na coluna passada, e para não parecer pedante, adoto a tradução “alerta de conteúdo” para trigger warning. E, de fato, nos EUA, alguns preferem a expressão content warning, tendo em vista que trigger possui uma origem psicológica que pode ser enganosa em contexto não clínico.

No fim do texto anterior, falei de Monteiro Lobato e lembro agora que, em 2012, foi feita uma recomendação para que o livro Caçadas de Pedrinho fosse complementado por uma espécie de alerta, para que ele continuasse no Programa Nacional Biblioteca na Escola. Este aviso tomaria a forma de contextualização feita pelos professores que fossem utilizar a obra, bem como a inserção de nota explicativa em futuras edições.

O caso remonta a 2010, quando o Conselho Nacional de Educação (CNE) determinou que o livro não fosse mais distribuído em escolas brasileiras, em função de conteúdo racista. A inclusão de nota na edição não prosperou, sendo que no fim de 2014 houve notícia sobre o não acolhimento da solicitação. Porém, tudo indica que o caso terá continuidade e novos desdobramentos.

Não possuo conhecimento suficiente para julgar o mérito da avaliação sobre o suposto racismo de Lobato, porém creio que o governo tem o direito e o dever de não comprar e distribuir livros que possam prejudicar a formação de crianças, principalmente, provocando sofrimentos desnecessários a um grupo social qualquer. Isto, em absoluto, representa censura, pois não se trata de retirar os livros de livrarias, bibliotecas ou proibir sua leitura.

De qualquer modo, o que importa notar é que no Brasil também há esse tipo de preocupação, similar ao trigger warning dos Estados Unidos. Nesse sentido, é interessante reunir alguns argumentos dos que defendem essa prática, especificamente no caso do ensino superior. Num artigo, publicado em maio passado na New Republic (aqui), Aaron R. Hanlon desenvolve uma série de pontos bastante ponderados. Em primeiro lugar, ele nota que, ainda que os professores estejam confortáveis com os assuntos que ensinam, estando cientes dos desafios emocionais e intelectuais que estes possuem, é necessário considerar que os estudantes são pessoas com histórias e preocupações reais. É claro que essa potencial diversidade de histórias de vida é uma dificuldade para os alertas de conteúdo, porém, o terreno do bom senso pode ser um conselheiro válido sobre o assunto.

Hanlon, que é professor de Literatura, defende que o alerta não significa um ato de censura ou um fechamento de sentido para as interpretações, tendo em vista que ele pode ser o ponto inicial de uma discussão que desafie os pontos de vistas dos próprios estudantes. Naturalmente, isso é mais viável com pessoas com mais maturidade, como os universitários.

Um aspecto adicional observado por ele é que levar a sério as preocupações dos estudantes não significa mimá-los, mas ter um maior cuidado com o modo como eles respondem a materiais desafiadores, o que é simplesmente um princípio adequado para uma pedagogia responsável.

Outro professor de uma disciplina na qual os alertas parecem fazer mais sentido (História), Angus Johnston, escreveu um ensaio no site Inside Higher Ed (aqui) em que explica como pretende utilizar o alerta de conteúdo em seu curso (dá um exemplo prático de redação do mesmo), bem como por quê. Sua justificativa relaciona-se à crença que os alertas têm um alcance que vai além dos estudantes com algum tipo de trauma. Uma vez que uma sala de aula é um espaço interativo, o professor tem a obrigação de incentivar a participação, afastando elementos que a prejudiquem. Conteúdos inesperados e possivelmente constrangedores, por isso, podem merecer alertas e contextualizações específicas. No limite, Johnston defende que um aluno possa deixar de ver algo ou acompanhar determinada discussão, ausentando-se da classe. Ele também oferece oportunidade do aluno discutir desconfortos pessoais e críticas ao conteúdo, na própria aula, ou extraclasse.

Em suma, trata-se de uma posição de bastante respeito ao estudante, e preocupação com essa situação especial de interação representada por uma aula.

Voltando ao Brasil, num caso ocorrido em abril deste ano, parece ter faltado essa sensibilidade. Conforme noticiado na imprensa (aqui), um professor inglês que ministra uma disciplina chamada English for Science (Inglês para a Ciência), no Instituto de Biologia da USP, utilizou um texto, para dizer o mínimo, polêmico a propósito da relação entre raças e inteligência. A aula foi “ocupada” por estudantes negros que acusaram o professor de racismo. Ele negou tal ímpeto, notando que seu desejo era justamente que o texto fosse comentado e discutido, em inglês, para a prática dos alunos da disciplina.

O ponto que merece atenção aqui é que, provavelmente, um alerta de conteúdo numa situação como essa poderia ter evitado o confronto e o possível mal entendido, assim como evidenciar, desde o início, o respeito do docente a grupos vulneráveis.

• Linha do tempo, indicando a evolução cronológica relacionada com eventos, produtos, etc. (ex.: The Darwinian Evolution of Graphic Design, A Time-Lapse Map of Every Nuclear Explosion Since 1945 – infográfico em vídeo);
• Comparativo, contrastando características de um conceito, objeto, etc. (ex.: Serif vs. Sans – The Final Battle);
• Descritivo/explicativo, arrolando aspectos que caracterizam algo, explicitando seu significado e/ou mostrando como fazer alguma coisa (ex.: What means Creative Commons, Is a Flipped Classroom Right for You?);
• Mapa mental, assemelhado a este tipo de representação, pode indicar dimensões de um conceito ou de alguma coisa, bem como explicitar as relações existentes entre blocos informativos e ideias (ex.: Best practices for creating advanced mind maps, Joomla to WordPress Migration);
• Informativo, compila informações, inclusive estatísticas, sobre alguma coisa (ex.: Things that Happen on Internet Every Sixty Seconds).

Entre os serviços online de criação de infográficos estão: Easelly, Piktochart, Visually e Thinglink (permite a adição de multimídia nos trabalhos).

A criação de uma nuvem de palavras (ou tags) pode ser particularmente útil quando se quer ilustrar um texto, mas não se tem imagens. Com um pouco de criatividade, as nuvens de palavras podem ser utilizadas para elaborar ilustrações. Provavelmente o site mais popular para criar nuvens de palavras é o Wordle, sendo que esta ação é bastante simples e o Wordle permite fazer alterações na nuvem criada. Este elemento pode ser também utilizado como ferramenta pedagógica, abaixo, uma apresentação (em inglês) com sugestões para tanto.