Texto, Hipertexto e Hipermédia


    {   Resumo de Gaspar Ribeiro Lança
        Escola Secundária Rainha D. Amélia




        www.gasparmultimedia.blogspot.com
Índice
   Introdução
   Três Tipos de Texto
   Natureza Dupla
   Identidade dos Caracteres
   Representação Gráfica do Texto
   Fontes
      Classificação
      Forma
      Fontes Pesadas e Fontes Leves
      Classificaçãodas Fontes
      Relação entre Fontes e Tipo de Texto
   Disposição do Layout
Introdução

O texto é o media mais utilizado na interação entre o homem
e a máquina: antigamente, quando os computadores não
exibiam nem gráficos nem imagens, era o texto que preenchia
totalmente os ecrãs e, no tempo presente, podemos ver que
um teclado se baseia totalmente em texto.

Além do texto, também os elementos gráficos assumem
grande importância nos dias de hoje, dado que permitem uma
interpretação mais rápida da mensagem transmitida e
ocupam menos espaço no monitor.
Três Tipos de Texto

   Texto não formatado (plain text) – texto simples

   Texto formatado (rich text) – inclui a formatação (fontes,
    etc)
      ex: Tutorial Photoshop

   Hipertexto (ex: html) – texto com ligações a outros textos
     ex: Tutorial Photoshop (ligação para um site, pdf, etc..)
Natureza Dupla do Texto

   Conteúdo léxico – caracteres que constituem as palavras,
    sinais de pontuação e outros símbolos;

   Aparência – atributos visuais dos caracteres (fonte,
    tamanho, disposição no ecrã (layout), etc.);
Identidade Fundamental dos Caracteres

   Caracter abstracto;

   Representação gráfica;

Por exemplo, o caracter abstracto “A” pode ter uma infinidade
de representações gráficas: “A”, “A”, “A”, “a”, “a”.
Representação Gráfica do Texto

A representação visual de um caracter (que, em conjunto com
outros, compõe um texto) designa-se por Glifo.
Um caracter pode ser representado por milhares de glifos, que
se agrupam em coleções designadas por Fontes.
Fontes
           Classificação


   Mono-espaçadas: nestas fontes, cada cara ter ocupa o
    mesmo espaço na horizontal, independentemente da sua
    forma (à semelhança das máquinas de escrever tradicionais
        Exemplo: CourierNew

Proporcionais: nestas fontes, o espaço ocupado depende da
largura da forme. O texto produzido por estas fontes é mais
legível que o das anteriores.
       Exemplos: Garamond,            e Arial.
Fontes
         Forma – com e sem Serif



Os Serif são pequenos traços acrescentados na extremidade dos
glifos e também são designados por fontes tomanas, dado que
tiveram origem nas marcas produzidas pelos cinzéis da
população na suas inscrições em pedra.

Fontes com Serif: Garamond, Times New Roman, Century, etc…

Fontes sem Serif:         , Arial, Lucida, etc…
Fontes
          Forma – vertical vs itálico


   Nas fontes com forma vertical as linhas dos glifos são
    perfeitamente verticais

 Nas fontes de forma itálica
         As linhas verticais são ligeiramente curvadas para a
direita;
         Algumas são apenas variantes das outras fontes usadas
para evidenciar texto; Ex: Times New Roman em Itálico
         Outras tentam imitar a caligrafia; Ex: Lucida
Calligraphy, Lucida Handwriting
Fontes
            Fontes pesadas e Fontes leves


   Fontes leves: Traço dos glifos é fino.
         Exemplo: Arial

   Fontes pesadas: Traço dos glifos é espesso. Podem ser fontes
    criadas de origem ou variações de outras. Devem ser usadas
    para destacar palavras e não para frases longas.
         Exemplo: Arial Black
Fontes
            Classificação das fontes



   O conjunto de variações de uma fonte (normal, bold, itálico) é
    também conhecido como Família de Fontes.

 Medição das dimensões das fontes:
        Pontos (pt) – 1 pt aproximadamente = 0,3528mm –
utilizado para medir a dimensão de uma fonte (exemplo: 20pt –
dimensão do corpo do caracter, altura entre o topo do mais alto
e o fundo do mais baixo);
        Picas (pc) – 1 pc aproximadamente = 4,2333mm – utiliza-
se para medir o espaçamento entre linhas;
Relação entre fontes e tipo de texto
          Fontes para texto contínuo e para texto isolado



Para um texto contínuo devem-se utilizar fontes discretas, não
intrusivas e que permitam uma leitura fácil.
      Exemplos: Arial, Times New Roman, Calibri.

Para um texto isolado, utilizado em slogans publicitários, por
exemplo, devem-se utilizar fontes intrusivas, que chamem a
atenção, que sejam decorativas ou ornamentais.
      Exemplos: Impact, Comic Sans.
Devem evitar-se passagens longas de texto
             nas aplicações
multimédia porque como são visualizadas
          no monitor tendem
         a tornar-se cansativas
Disposição do Layout

A disposição do Layout é a forma como os caracteres se
combinam em palavras, frases, linhas, parágrafos ou mesmo
Secções e Capítulos, ou seja, é a forma como o texto é
apresentado num suporte físico ou virtual.

Os suportes em questão têm uma estrutura interna que é
composta por alguns elementos importantíssimos, tais como
cabeçalhos, rodapés, títulos, parágrafos, listas, referências,
índices.

Texto, Hipertexto e Hipermédia

  • 1.
    Texto, Hipertexto eHipermédia { Resumo de Gaspar Ribeiro Lança Escola Secundária Rainha D. Amélia www.gasparmultimedia.blogspot.com
  • 2.
    Índice  Introdução  Três Tipos de Texto  Natureza Dupla  Identidade dos Caracteres  Representação Gráfica do Texto  Fontes Classificação Forma Fontes Pesadas e Fontes Leves Classificaçãodas Fontes Relação entre Fontes e Tipo de Texto  Disposição do Layout
  • 3.
    Introdução O texto éo media mais utilizado na interação entre o homem e a máquina: antigamente, quando os computadores não exibiam nem gráficos nem imagens, era o texto que preenchia totalmente os ecrãs e, no tempo presente, podemos ver que um teclado se baseia totalmente em texto. Além do texto, também os elementos gráficos assumem grande importância nos dias de hoje, dado que permitem uma interpretação mais rápida da mensagem transmitida e ocupam menos espaço no monitor.
  • 4.
    Três Tipos deTexto  Texto não formatado (plain text) – texto simples  Texto formatado (rich text) – inclui a formatação (fontes, etc) ex: Tutorial Photoshop  Hipertexto (ex: html) – texto com ligações a outros textos ex: Tutorial Photoshop (ligação para um site, pdf, etc..)
  • 5.
    Natureza Dupla doTexto  Conteúdo léxico – caracteres que constituem as palavras, sinais de pontuação e outros símbolos;  Aparência – atributos visuais dos caracteres (fonte, tamanho, disposição no ecrã (layout), etc.);
  • 6.
    Identidade Fundamental dosCaracteres  Caracter abstracto;  Representação gráfica; Por exemplo, o caracter abstracto “A” pode ter uma infinidade de representações gráficas: “A”, “A”, “A”, “a”, “a”.
  • 7.
    Representação Gráfica doTexto A representação visual de um caracter (que, em conjunto com outros, compõe um texto) designa-se por Glifo. Um caracter pode ser representado por milhares de glifos, que se agrupam em coleções designadas por Fontes.
  • 8.
    Fontes Classificação  Mono-espaçadas: nestas fontes, cada cara ter ocupa o mesmo espaço na horizontal, independentemente da sua forma (à semelhança das máquinas de escrever tradicionais Exemplo: CourierNew Proporcionais: nestas fontes, o espaço ocupado depende da largura da forme. O texto produzido por estas fontes é mais legível que o das anteriores. Exemplos: Garamond, e Arial.
  • 9.
    Fontes Forma – com e sem Serif Os Serif são pequenos traços acrescentados na extremidade dos glifos e também são designados por fontes tomanas, dado que tiveram origem nas marcas produzidas pelos cinzéis da população na suas inscrições em pedra. Fontes com Serif: Garamond, Times New Roman, Century, etc… Fontes sem Serif: , Arial, Lucida, etc…
  • 10.
    Fontes Forma – vertical vs itálico  Nas fontes com forma vertical as linhas dos glifos são perfeitamente verticais  Nas fontes de forma itálica As linhas verticais são ligeiramente curvadas para a direita; Algumas são apenas variantes das outras fontes usadas para evidenciar texto; Ex: Times New Roman em Itálico Outras tentam imitar a caligrafia; Ex: Lucida Calligraphy, Lucida Handwriting
  • 11.
    Fontes Fontes pesadas e Fontes leves  Fontes leves: Traço dos glifos é fino. Exemplo: Arial  Fontes pesadas: Traço dos glifos é espesso. Podem ser fontes criadas de origem ou variações de outras. Devem ser usadas para destacar palavras e não para frases longas. Exemplo: Arial Black
  • 12.
    Fontes Classificação das fontes  O conjunto de variações de uma fonte (normal, bold, itálico) é também conhecido como Família de Fontes.  Medição das dimensões das fontes: Pontos (pt) – 1 pt aproximadamente = 0,3528mm – utilizado para medir a dimensão de uma fonte (exemplo: 20pt – dimensão do corpo do caracter, altura entre o topo do mais alto e o fundo do mais baixo); Picas (pc) – 1 pc aproximadamente = 4,2333mm – utiliza- se para medir o espaçamento entre linhas;
  • 13.
    Relação entre fontese tipo de texto Fontes para texto contínuo e para texto isolado Para um texto contínuo devem-se utilizar fontes discretas, não intrusivas e que permitam uma leitura fácil. Exemplos: Arial, Times New Roman, Calibri. Para um texto isolado, utilizado em slogans publicitários, por exemplo, devem-se utilizar fontes intrusivas, que chamem a atenção, que sejam decorativas ou ornamentais. Exemplos: Impact, Comic Sans.
  • 14.
    Devem evitar-se passagenslongas de texto nas aplicações multimédia porque como são visualizadas no monitor tendem a tornar-se cansativas
  • 15.
    Disposição do Layout Adisposição do Layout é a forma como os caracteres se combinam em palavras, frases, linhas, parágrafos ou mesmo Secções e Capítulos, ou seja, é a forma como o texto é apresentado num suporte físico ou virtual. Os suportes em questão têm uma estrutura interna que é composta por alguns elementos importantíssimos, tais como cabeçalhos, rodapés, títulos, parágrafos, listas, referências, índices.