SlideShare una empresa de Scribd logo
1 de 15
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.

Más contenido relacionado

Destacado (12)

Open Graph - Pense Imóveis
Open Graph - Pense ImóveisOpen Graph - Pense Imóveis
Open Graph - Pense Imóveis
 
New year 2016
New year 2016New year 2016
New year 2016
 
Foodcostcontrolh&ra rahul akerkar
Foodcostcontrolh&ra rahul akerkarFoodcostcontrolh&ra rahul akerkar
Foodcostcontrolh&ra rahul akerkar
 
Acerca de los decimales
Acerca de los decimalesAcerca de los decimales
Acerca de los decimales
 
7significativos
7significativos7significativos
7significativos
 
Idea2Product2Market
Idea2Product2MarketIdea2Product2Market
Idea2Product2Market
 
4 18 12
4 18 124 18 12
4 18 12
 
Ruby on Rails
Ruby on RailsRuby on Rails
Ruby on Rails
 
Atti Rinem20146 Tannino
Atti Rinem20146 TanninoAtti Rinem20146 Tannino
Atti Rinem20146 Tannino
 
Test
TestTest
Test
 
C
CC
C
 
Huauchinango3
Huauchinango3Huauchinango3
Huauchinango3
 

Similar a Texto, Hipertexto e Hipermédia

Texto multimedia - Resumido
Texto multimedia - ResumidoTexto multimedia - Resumido
Texto multimedia - Resumido
InesSantos12
 
Utilização de Fontes - Apresentações Digitais
Utilização de Fontes - Apresentações DigitaisUtilização de Fontes - Apresentações Digitais
Utilização de Fontes - Apresentações Digitais
Gerson Victor
 

Similar a Texto, Hipertexto e Hipermédia (20)

Aula 06 textos na web
Aula 06   textos na webAula 06   textos na web
Aula 06 textos na web
 
Tipografia
TipografiaTipografia
Tipografia
 
Texto multimedia - Resumido
Texto multimedia - ResumidoTexto multimedia - Resumido
Texto multimedia - Resumido
 
O que significa comunicacao gráfica visual
O que significa comunicacao gráfica visualO que significa comunicacao gráfica visual
O que significa comunicacao gráfica visual
 
Tipografia
TipografiaTipografia
Tipografia
 
DC - GUIÃO_MÓD5.docx
DC - GUIÃO_MÓD5.docxDC - GUIÃO_MÓD5.docx
DC - GUIÃO_MÓD5.docx
 
Utilização de Fontes - Apresentações Digitais
Utilização de Fontes - Apresentações DigitaisUtilização de Fontes - Apresentações Digitais
Utilização de Fontes - Apresentações Digitais
 
Aula 6 - Comunicação Gráfica e Design
Aula 6  - Comunicação Gráfica e DesignAula 6  - Comunicação Gráfica e Design
Aula 6 - Comunicação Gráfica e Design
 
Corel 05
Corel 05Corel 05
Corel 05
 
Corel 05
Corel 05Corel 05
Corel 05
 
Aula 4 TIPOLOGIA
Aula 4   TIPOLOGIAAula 4   TIPOLOGIA
Aula 4 TIPOLOGIA
 
AULA 2 - TIPOLOGIA
AULA 2 - TIPOLOGIAAULA 2 - TIPOLOGIA
AULA 2 - TIPOLOGIA
 
Como se constroi_um_logotipo
Como se constroi_um_logotipoComo se constroi_um_logotipo
Como se constroi_um_logotipo
 
Iniciação a identidade visual pt1
Iniciação a identidade visual pt1Iniciação a identidade visual pt1
Iniciação a identidade visual pt1
 
Palestra tipografia fernanda mujica
Palestra tipografia   fernanda mujicaPalestra tipografia   fernanda mujica
Palestra tipografia fernanda mujica
 
Lm1 t15 tipografia digital parte_3
Lm1 t15 tipografia digital parte_3Lm1 t15 tipografia digital parte_3
Lm1 t15 tipografia digital parte_3
 
Aula EE - tipografia
Aula EE - tipografiaAula EE - tipografia
Aula EE - tipografia
 
3.comoseconstroiumlogotipo-.pdf
3.comoseconstroiumlogotipo-.pdf3.comoseconstroiumlogotipo-.pdf
3.comoseconstroiumlogotipo-.pdf
 
Como se constroi_um_logotipo
Como se constroi_um_logotipoComo se constroi_um_logotipo
Como se constroi_um_logotipo
 
textos de apoio_ tipografia.docx
textos de apoio_ tipografia.docxtextos de apoio_ tipografia.docx
textos de apoio_ tipografia.docx
 

Texto, Hipertexto e Hipermédia

  • 1. Texto, Hipertexto e Hipermé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 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..)
  • 5. 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.);
  • 6. 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”.
  • 7. 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.
  • 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 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.
  • 14. Devem evitar-se passagens longas de texto nas aplicações multimédia porque como são visualizadas no monitor tendem a tornar-se cansativas
  • 15. 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.