EuraStudy
Resumos/Aplicações Informáticas B/Tipos de media estáticos: texto
Resumos · Aplicações Informáticas BPT · Secundário

Tipos de media estáticos: texto

Estuda-se o texto como medium digital: a codificação de carateres (ASCII, ASCII estendido e Unicode/UTF-8), os conceitos de tipografia (fonte, serifa, corpo, estilos e espaçamento), a distinção entre fontes bitmap e vetoriais, e os formatos de texto (simples, formatado e de marcação) e o hipertexto. Tópico da unidade de Multimédia de Aplicações Informáticas B (12.º ano), disciplina de opção sem Exame Nacional, avaliada internamente.

4 secções·~12 min de leitura·4 competências·Nível Padrão 4

T·0444 / 9
Perfil de exame
Explicar a codificação digital do texto e o papel do UnicodeAplicar os conceitos de tipografia à comunicação escritaDistinguir fontes bitmap de vetoriaisSelecionar o formato de texto adequado a cada finalidade
Operadores:explicacodificadistingueaplicacalculaseleciona

nível básico

Reconhecer a codificação do texto (ASCII/Unicode) e os conceitos básicos de tipografia e de formato.

nível avançado

Calcular necessidades de bits/bytes para conjuntos de carateres e justificar a escolha de fontes e formatos.

Profundidade

Profundidade de leitura: Aprofundado

Texto

Tamanho do texto: Padrão

Conteúdo · 4 secções▾
  1. Tipos de media estáticos: texto
    • 01Codificação de carateres: ASCII e Unicode◐
    • 02Tipografia: fontes, corpo e espaçamento◐
    • 03Fontes bitmap e fontes vetoriais◐
    • 04Formatos de texto e hipertexto◐
§ 01

Codificação de carateres: ASCII e Unicode#

●●○PadrãoLPAE-aplicacoes-informaticas-b-12-media-texto

Pontos-chave

Para o computador guardar texto, cada caráter tem de ser associado a um número (o seu código), que depois se representa em binário. A esta correspondência entre carateres e números chama-se codificação de carateres. A tabela histórica mais importante é o ASCII (American Standard Code for Information Interchange), que usa 7 bits e portanto codifica 2⁷ = 128 carateres: as letras não acentuadas (maiúsculas e minúsculas), os dígitos, os sinais de pontuação e alguns carateres de controlo (Fig. 1).

Excerto da tabela ASCII

Tabela ASCII (excerto)Tabela com 3 colunas e 5 linhas, Dados: Caráter · Decimal · Binário (7 bits); (espaço) · 32 · 0100000; 0 · 48 · 0110000; A · 65 · 1000001; B · 66 · 1000010; a · 97 · 1100001CARÁTERDECIMALBINÁRIO (7 BITS)(espaço)3201000000480110000A651000001B661000010a971100001
Fig. 1Fig. 1 — Alguns carateres ASCII com o código decimal e a representação binária em 7 bits.
O ASCII de 7 bits não chega para as línguas com acentos e carateres especiais. Surgiram então extensões de 8 bits — o ASCII estendido —, que aproveitam o oitavo bit para codificar mais 128 carateres (total 2⁸ = 256), incluindo vogais acentuadas, «ç», «ñ» e símbolos. O problema é que existiram muitas extensões incompatíveis (as «páginas de código»): o mesmo código dava carateres diferentes conforme a tabela, o que causava o texto «trocado» ao trocar de sistema.
A solução universal é o Unicode, uma norma que atribui um número único (um «code point») a cada caráter de praticamente todas as escritas do mundo — mais de cem mil —, incluindo emojis. O Unicode é a tabela; para a guardar em bytes usa-se uma codificação, sendo a mais comum o UTF-8. O UTF-8 é de comprimento variável: os carateres ASCII ocupam 1 byte (é compatível com o ASCII), e os restantes ocupam 2, 3 ou 4 bytes. Por isso uma vogal acentuada como «á» ocupa 2 bytes em UTF-8, e não 1.
A relação-chave é sempre a mesma: com «n» bits codificam-se «2^n» símbolos distintos; para representar «S» símbolos são precisos, no mínimo, «n» bits tais que «2^n ≥ S». É esta conta que decide quantos bits um esquema de codificação precisa. Hoje, o UTF-8 é o padrão da Web e dos sistemas modernos, exatamente por resolver de uma vez o problema da diversidade de línguas e símbolos que o ASCII não cobria.
Ncarateres=2 nN_{\text{carateres}} = 2^{\,n}Ncarateres​=2n

Carateres codificáveis com n bits

ASCII: n = 7 → 128 carateres; ASCII estendido: n = 8 → 256. Para S símbolos, escolhe-se n com 2^n ≥ S.

Exemplo resolvido

Bits mínimos para um conjunto de símbolos

Quantos bits são precisos, no mínimo, para codificar 300 símbolos distintos?

  1. 01Testar 8 bits

    2⁸ = 256 < 300 — insuficiente.

  2. 02Testar 9 bits

    2⁹ = 512 ≥ 300 — suficiente.

    29=512≥3002^{9} = 512 \ge 30029=512≥300
  3. 03Conclusão

    8 bits não chegam; 9 bits chegam (e sobram 512 − 300 = 212 códigos por usar).

Resultado: São precisos 9 bits por símbolo. (Um byte, 8 bits, só permitiria 256 símbolos — insuficiente para 300.)

Foco no Exame Nacional

  • Explicar o ASCII (7 bits, 128 carateres) e a necessidade do Unicode/UTF-8 para acentos e outras escritas.
  • Calcular o número de carateres codificáveis com n bits (2^n) e os bits mínimos para S símbolos.

Erros frequentes

  • Pensar que cada caráter ocupa sempre 1 byte: em UTF-8 os carateres não-ASCII (como «á», «ã», «ç») ocupam 2 ou mais bytes.
  • Confundir Unicode (a tabela que numera os carateres) com UTF-8 (uma forma de codificar esses números em bytes).

Revisão ativa

Um alfabeto artificial tem 300 símbolos. Qual é o número mínimo de bits por símbolo? E quantos símbolos permitiria representar 1 byte?

Evocação ativa

Recorda os pontos-chave — depois revela.

Fontes: Aprendizagens Essenciais de Aplicações Informáticas B — 12.º ano (DGE) (Direção-Geral da Educação (DGE))

§ 02

Tipografia: fontes, corpo e espaçamento#

●●○PadrãoLPAE-aplicacoes-informaticas-b-12-media-texto

Pontos-chave

Tipografia é a arte e a técnica de compor texto de modo legível e com intenção comunicativa. A fonte (ou tipo de letra) é o conjunto de carateres com um desenho comum (por exemplo, Times New Roman, Arial). Classificam-se as fontes em grandes famílias (Fig. 2): serifadas, com pequenos remates nas extremidades das hastes (como a Times), tradicionalmente boas para grandes blocos de texto impresso; sem serifa (sans-serif, como a Arial ou a Helvetica), de traço limpo, muito usadas em ecrã e títulos; monoespaçadas (como a Courier), em que todos os carateres têm a mesma largura, úteis para código; e caligráficas/decorativas, para usos expressivos.

Classificação de fontes

Famílias tipográficasTabela com 4 colunas e 4 linhas, Dados: Família · Característica · Exemplo · Uso típico; Serifada · remates nas hastes · Times · texto impresso longo; Sem serifa · traço limpo, sem remates · Arial · ecrã, títulos; Monoespaçada · carateres de largura igual · Courier · código, dados alinhados; Caligráfica · imita a escrita manual · Script · usos decorativosFAMÍLIACARACTERÍSTICAEXEMPLOUSO TÍPICOSerifadaremates nas hastesTimestexto impresso longoSem serifatraço limpo, sem rematesArialecrã, títulosMonoespaçadacarateres de largura igualCouriercódigo, dados alinhadosCaligráficaimita a escrita manualScriptusos decorativos
Fig. 2Fig. 2 — Famílias tipográficas: característica distintiva e uso típico de cada uma.
O tamanho da letra mede-se em corpo, expresso em pontos tipográficos (pt). Por definição, 1 ponto = 1/72 de polegada, ou seja, um corpo de 72 pt tem cerca de 1 polegada (25,4 mm) de altura de referência. Assim, um corpo de 12 pt corresponde a 12/72 = 1/6 de polegada ≈ 4,2 mm. O corpo é uma medida relativa ao desenho da fonte, pelo que fontes diferentes ao mesmo corpo podem parecer de tamanhos ligeiramente distintos.
Além do desenho e do tamanho, controlam-se os estilos e o espaçamento. Os estilos (negrito, itálico, sublinhado) dão ênfase; o peso (light, regular, bold) varia a espessura do traço. O espaçamento entre carateres inclui o kerning (ajuste fino entre pares de letras, como «AV») e o tracking (espaçamento geral). O espaçamento entre linhas chama-se entrelinha (leading). Um bom espaçamento é decisivo para a legibilidade de um bloco de texto.
A escolha tipográfica deve servir a legibilidade e a mensagem: contraste suficiente entre texto e fundo, corpo adequado ao suporte (maior em ecrãs distantes), não misturar demasiadas fontes, e adequar o «tom» da fonte ao conteúdo. Estas decisões, aparentemente estéticas, têm impacto direto na eficácia comunicativa de qualquer artefacto multimédia — de um cartaz a uma interface.
1 pt=172 polegada=25,472 mm≈0,353 mm1\ \text{pt} = \dfrac{1}{72}\ \text{polegada} = \dfrac{25{,}4}{72}\ \text{mm} \approx 0{,}353\ \text{mm}1 pt=721​ polegada=7225,4​ mm≈0,353 mm

Ponto tipográfico

O corpo de uma fonte mede-se em pontos; 72 pt ≈ 1 polegada ≈ 25,4 mm.

Exemplo resolvido

Corpo de 12 pt em milímetros

Qual é, em milímetros, a medida de referência de um corpo de 12 pt? (1 pt = 1/72 de polegada; 1 polegada = 25,4 mm.)

  1. 01Pontos para polegadas

    12 pt = 12 × (1/72) polegada = 12/72 = 1/6 de polegada ≈ 0,1667 polegada.

  2. 02Polegadas para mm

    0,1667 × 25,4 ≈ 4,23 mm.

    12×25,472≈4,23 mm12 \times \dfrac{25{,}4}{72} \approx 4{,}23\ \text{mm}12×7225,4​≈4,23 mm
  3. 03Leitura

    É por isso que os corpos usados no corpo de texto (10–12 pt) rondam os 3,5–4,2 mm.

Resultado: Um corpo de 12 pt equivale a cerca de 4,2 mm de altura de referência.

Foco no Exame Nacional

  • Classificar fontes (serifada, sem serifa, monoespaçada) e justificar a sua adequação ao suporte.
  • Relacionar o corpo em pontos com uma medida física (1 pt = 1/72 de polegada) e identificar kerning e entrelinha.

Erros frequentes

  • Confundir fonte serifada com sem serifa, ou achar que a monoespaçada é apenas «uma fonte feia» — é definida pela largura igual dos carateres.
  • Tratar o corpo (pt) como uma medida absoluta idêntica em todas as fontes; é relativa ao desenho da fonte.

Revisão ativa

Converte um corpo de 24 pt para milímetros (1 pt = 1/72 de polegada; 1 polegada = 25,4 mm). Indica que tipo de fonte usarias para um bloco longo de texto num ecrã e porquê.

Evocação ativa

Recorda os pontos-chave — depois revela.

Fontes: Aprendizagens Essenciais de Aplicações Informáticas B — 12.º ano (DGE) (Direção-Geral da Educação (DGE))

§ 03

Fontes bitmap e fontes vetoriais#

●●○PadrãoLPAE-aplicacoes-informaticas-b-12-media-texto

Fontes bitmap vs vetoriais

Bitmap vs vetorial (fontes)Tabela com 3 colunas e 4 linhas, Dados: Aspeto · Fonte bitmap · Fonte vetorial; Representação · grelha de pixels fixa · curvas e retas (contorno); Ampliação · serrilha (perda de qualidade) · nítida em qualquer tamanho; Tamanhos · uma grelha por corpo · uma descrição para todos; Exemplos · fontes de ecrã antigas · TrueType (.ttf), OpenType (.otf)ASPETOFONTE BITMAPFONTE VETORIALRepresentaçãogrelha de pixels fixacurvas e retas (contorno)Ampliaçãoserrilha (perda dequalidade)nítida em qualquer tamanhoTamanhosuma grelha por corpouma descrição para todosExemplosfontes de ecrã antigasTrueType (.ttf), OpenType(.otf)
Fig. 3Fig. 3 — Fontes bitmap (grelha de pixels, ampliação com perda) vs vetoriais (contornos, escaláveis).

Pontos-chave

Há duas maneiras de o computador guardar o desenho dos carateres de uma fonte, e a distinção é a mesma que separa a imagem raster da vetorial. Numa fonte bitmap (matricial), cada caráter é uma pequena grelha de pixels fixa, desenhada para um corpo específico. É simples e rápida, mas tem um defeito grave: ao ampliar, os carateres perdem definição e ficam «serrilhados» (com escadinhas), porque se está a esticar uma grelha de pixels. Para vários tamanhos, seriam precisas várias grelhas.
Numa fonte vetorial (de contorno, ou outline), cada caráter é descrito por curvas e retas matemáticas que definem o seu contorno — não por pixels. Como é uma descrição geométrica, o caráter pode ser desenhado (rasterizado) em qualquer tamanho sem perda de qualidade: as curvas recalculam-se e ficam sempre nítidas. As fontes de contorno modernas mais comuns são a TrueType (.ttf) e a OpenType (.otf).
A vantagem das fontes vetoriais é decisiva: uma única fonte serve todos os corpos, mantém-se nítida em ecrã e na impressão de alta resolução, e ocupa pouco espaço. Por isso, praticamente todas as fontes de sistema atuais são vetoriais. As fontes bitmap sobrevivem em nichos (ecrãs muito pequenos, estética retro, alguns dispositivos embebidos) onde a simplicidade compensa.
Esta dualidade bitmap/vetorial é exatamente o mesmo princípio que se estudará na imagem (raster vs vetorial): representar por uma grelha de pixels (fixa, ampliação com perda) ou por objetos geométricos (escaláveis sem perda). Perceber o texto por esta lente prepara diretamente a compreensão da imagem digital.
Exemplo resolvido

Escolher o tipo de fonte para ampliar

Vais imprimir a palavra «multimédia» com 30 cm de altura num cartaz. Que tipo de fonte usas e porquê? O que aconteceria com o outro tipo?

  1. 01Necessidade

    Ampliação enorme a partir de um corpo pequeno — exige nitidez em qualquer escala.

  2. 02Escolha

    Fonte vetorial (contorno): as curvas recalculam-se ao tamanho pedido, sem perda.

  3. 03Alternativa

    Uma fonte bitmap esticaria a grelha de pixels, produzindo bordos serrilhados («escadinhas»).

Resultado: Usa-se uma fonte vetorial; a bitmap serrilharia ao ser tão ampliada.

Foco no Exame Nacional

  • Distinguir fontes bitmap de fontes vetoriais e explicar o comportamento na ampliação.
  • Relacionar a dualidade bitmap/vetorial das fontes com a dualidade raster/vetorial da imagem.

Erros frequentes

  • Achar que as fontes vetoriais «perdem qualidade» ao ampliar — pelo contrário, são as bitmap que serrilham; as vetoriais mantêm-se nítidas.
  • Confundir o formato do ficheiro de fonte (TrueType/OpenType) com o formato do documento de texto.

Revisão ativa

Explica por que motivo um título ampliado para um cartaz grande deve usar uma fonte vetorial e não uma fonte bitmap. Que artefacto visual apareceria com a bitmap?

Evocação ativa

Recorda os pontos-chave — depois revela.

Fontes: Aprendizagens Essenciais de Aplicações Informáticas B — 12.º ano (DGE) (Direção-Geral da Educação (DGE))

§ 04

Formatos de texto e hipertexto#

●●○PadrãoLPAE-aplicacoes-informaticas-b-12-media-texto

Pontos-chave

Guarda-se texto em vários formatos, com finalidades diferentes (Fig. 4). O texto simples (plain text, .txt) contém apenas os carateres, sem qualquer formatação; é universal, leve e legível por qualquer programa, mas não guarda tipos de letra, cores ou imagens. O texto formatado (rich text) guarda, além dos carateres, a formatação — fontes, tamanhos, estilos, imagens: são exemplos o .rtf e os formatos de processador de texto como o .docx e o .odt.

Formatos de texto

Formatos de textoTabela com 4 colunas e 5 linhas, Dados: Formato · Categoria · Guarda formatação? · Uso típico; .txt · texto simples · Não · dados/configurações, portabilidade; .docx / .odt · texto formatado · Sim · documentos editáveis com estilos e imagens; HTML · marcação (texto) · Sim (etiquetas) · páginas web, hipertexto; Markdown · marcação leve (texto) · Sim (simples) · escrita rápida formatada; PDF · documento fixo · Sim (aspeto fixo) · distribuir/imprimir com aspeto garantidoFORMATOCATEGORIAGUARDA FORMATAÇÃO?USO TÍPICO.txttexto simplesNãodados/configurações,portabilidade.docx / .odttexto formatadoSimdocumentos editáveis comestilos e imagensHTMLmarcação (texto)Sim (etiquetas)páginas web, hipertextoMarkdownmarcação leve (texto)Sim (simples)escrita rápida formatadaPDFdocumento fixoSim (aspeto fixo)distribuir/imprimir comaspeto garantido
Fig. 4Fig. 4 — Formatos de texto: do texto simples ao de marcação e ao PDF, e o seu uso típico.
Os formatos de marcação (markup) descrevem a estrutura e a apresentação com «etiquetas» misturadas no texto. O HTML (HyperText Markup Language) é a linguagem das páginas web: marca títulos, parágrafos, listas, ligações. O Markdown é uma marcação leve e legível, muito usada para escrever depressa com formatação simples. Estes formatos são, eles próprios, texto simples — a formatação está codificada em texto (as etiquetas), o que os torna transparentes e versáteis.
Para distribuição com aspeto fixo usa-se o PDF (Portable Document Format), que preserva exatamente o aspeto do documento (fontes, layout) em qualquer dispositivo — ideal para imprimir ou partilhar sem que a formatação se altere, embora seja menos editável. A escolha do formato depende do objetivo: .txt para dados/configurações simples e portáveis; .docx/.odt para editar com formatação; HTML para a Web; PDF para distribuir com aspeto garantido.
O texto é ainda o suporte do hipertexto, o texto com hiperligações que fundou a Web (o «HT» de HTML significa hipertexto). Uma hiperligação associa uma palavra ou frase a um destino (outra página, outra secção, um ficheiro), permitindo a leitura não-linear que carateriza a hipermédia. Assim, o mais «estático» dos media é também a espinha dorsal da navegação interativa.
Exemplo resolvido

Tamanho de um ficheiro de texto

Estima o tamanho, em bytes, de guardar a frase «Olá mundo» (a) em ASCII/1 byte por caráter e (b) em UTF-8, sabendo que o «á» ocupa 2 bytes em UTF-8. A frase tem 9 carateres (incluindo o espaço).

  1. 01Contar carateres

    «Olá mundo» = O, l, á, (espaço), m, u, n, d, o — 9 carateres.

  2. 02(a) 1 byte por caráter

    9 carateres × 1 byte = 9 bytes (assumindo todos representáveis em 1 byte).

  3. 03(b) UTF-8

    8 carateres × 1 byte + 1 caráter («á») × 2 bytes = 8 + 2 = 10 bytes.

Resultado: ≈ 9 bytes num byte por caráter; 10 bytes em UTF-8 (o «á» acentuado custa 1 byte extra) — texto simples é muito leve.

Foco no Exame Nacional

  • Distinguir texto simples, formatado e de marcação e escolher o formato adequado a cada finalidade.
  • Reconhecer o HTML como linguagem de marcação de hipertexto e o papel do PDF na distribuição.

Erros frequentes

  • Pensar que um ficheiro HTML é «binário/formatado»: é texto simples com etiquetas — abre-se num editor de texto qualquer.
  • Escolher PDF para um documento que ainda vai ser muito editado, ou .txt quando se precisa de guardar formatação e imagens.

Revisão ativa

Indica o formato mais adequado para: (a) um ficheiro de configuração legível por humanos; (b) um relatório com imagens a ser editado a várias mãos; (c) uma página de um sítio web; (d) um documento para imprimir com aspeto garantido.

Evocação ativa

Recorda os pontos-chave — depois revela.

Fontes: Aprendizagens Essenciais de Aplicações Informáticas B — 12.º ano (DGE) (Direção-Geral da Educação (DGE))

Conteúdo

Secção -- / 04

    • 01Codificação de carateres: ASCII e Unicode◐
    • 02Tipografia: fontes, corpo e espaçamento◐
    • 03Fontes bitmap e fontes vetoriais◐
    • 04Formatos de texto e hipertexto◐

0/4 Lidos

Dos resumos à prática

Tipos de media estáticos: texto

Consolida este tema com perguntas do banco de perguntas.

~12
min
4
Competências
Praticar

Referências e fontes

Fontes

Direção-Geral da Educação (DGE)

  • Aprendizagens Essenciais de Aplicações Informáticas B — 12.º ano (DGE)

Tópico anterior

Conceitos de multimédia

Tópico seguinte

Tipos de media estáticos: imagem

EuraStudy·Resumos T·04·MMXXVI

Continua com o tópico seguinte: o teu percurso é mantido.