PROCEDIMENTOS

COMO NAVEGAR NO SITE

Como navegar no site

1. Percorrer a barra de navegação Estrutural:
Aba 1, Aba 2, Aba 3, Aba n
Conecta uma página a outra com base na hierarquia do site; em qualquer página você espera poder mover para a página acima dela e as páginas abaixo dela.

2. Dentro de cada aba pode ter links para páginas de navegação Associativa.
Conecta páginas com temas e conteúdos semelhantes, independentemente de sua localização no site; links tendem a cruzar as fronteiras estruturais.

3. A aba n é uma página Utilitária
por exemplo MAPEAMENTO
Conecta páginas e recursos que ajudam as pessoas a usar o próprio site; estes podem estar fora da hierarquia principal do site, e sua única relação entre si é sua função.

4. O Mapa de Navegação
Serve como pano de fundo e link entre as Seqüências de Esboços individuais. As Seqüências de Esboços descrevem como o usuário percorre os elementos da interface com o usuário para executar recursos do sistema e o Mapa de Navegação define quais são os caminhos de navegação válidos.

Referencia teórica:
1. Tipos de navegação
2. Estrutura de um site

Barras de Navegação

BarraPrincipal.png
Barra navegação estrutural principal (volta ao inicio)

BarraAssociativa.png
Barra navegação associativa contextual ( de onde veio )

BarraLocal.png

Barra navegação estrutural local (para onde vou)

Clicar nas figuras para aumentar imagem

Home Navegação no site

Barra de navegação estrutural

ABA 1

(elementos do tópico ou tema ou capítulo e dados

Bloco de informação da Aba 1

Refererências externas e internas da Aba 1 

 
                                <a href="https://linkexterno.com"></a> 
                              
                                <a href="linkinterno.html"></a>





ABA 2a

(nome do tópico ou tema ou capítulo, conteúdo)

Bloco de informação da Aba 2a

Refererências externas e internas da Aba 2a 

 
                                <a href="https://linkexterno.com"></a> 
                              
                                <a href="linkinterno.html"></a>





ABA 2b

(nome do tópico ou tema ou capítulo, conteúdo)

Bloco de informação da Aba 2b

Refererências externas e internas da Aba 2b 

 
                                <a href="https://linkexterno.com"></a> 
                              
                                <a href="linkinterno.html"></a>





ABA n

(nome do tópico ou tema ou capítulo, conteúdo)

Bloco de informação da Aba n

Imagem

...

Elementos de uma tabela

VIZUALIZAÇÃO DOS ELEMENTOS DE UMA TABELA

Uso:
  • Deslize tabela para direita e esquerda para ver fim da tabela na horizontal
  • Para classificar uma coluna aperte ou clique em uma das setas horizontais ou no cabeçalho da coluna.
ID
Agrupamento 1
Agrupamento 2
 Elemento Desc Elemento outro
1
Topico 1
Agrupamento 2
 Elemento 1. Elemento 1 do topico 1 diagrama
2
Topico 1
Agrupamento 2
 Elemento 2 . Elemento 2 do topico 1 diagrama
3
Topico 2
Agrupamento 2
 Elemento 2 . Elemento 2 do topico 1 imagem
4
Topico 2
Agrupamento 2
 Elemento 2 . Elemento 2 do topico 2 imagem


Legenda:
Estado da página web: ok | A (em atualização)

Refererências externas e internas da Aba n 

 
                              <a href="https://linkexterno.com"></a> 
                            
                              <a href="linkinterno.html"></a>





ABA nn

(elementos do tópico ou tema ou capítulo e dados

Bloco de informação da Aba nn

Refererências externas e internas da Aba nn 

 
                                <a href="https://linkexterno.com"></a> 
                              
                                <a href="linkinterno.html"></a>





ABA nnn

(elementos do tópico ou tema ou capítulo e dados

Bloco de informação da Aba nn

Refererências externas e internas da Aba nn 

 
                                <a href="https://linkexterno.com"></a> 
                              
                                <a href="linkinterno.html"></a>