Criar Web, manuais e recursos para desenvolvimento web
Manuais
Programas
FAQS
Diretório
Comunidade
  Inicio > Manuais > Tutoriais de web design / Usabilidade na web
SEÇÕES
Manuais relacionados
+Tutoriais de web design
+Usabilidade na web
Categorias
+Usabilidade

Índice do Manual Tutoriais de web design
+ Como fazer um gif animado com Photoshop
+ Definições de tela
+ As cores e HTML
+ Formatos gráficos para páginas web
+ Tabela com esquinas arredondadas
+ Tabela com desenho em sua base
+ Tabela com desenho em sua base II
+ Frames sem bordas
+ Barra de navegação HTML simples
+ Barra de navegação HTML
+ Setores de Photoshop
+ Listas HTML feitas com tabelas
+ Tabela melhorada com imagens para barra de navegação
+ Informe sobre o estudo Eyetrack III
+ Montar uma web a partir de uma imagem com Photoshop
+ Como criar um gif com Photoshop II
+ Fluxograma
+ Formatos de Arquivos
+ 30 dicas de Photoshop
+ Criar imagem em miniatura (thumbnail) com Photoshop
+ Efeito de texto com Photoshop
+ Links sem sublinhado
+ Fundo tipo mosaico a partir de uma imagem com Photoshop
+ Efeito de reflexo de texto em Photoshop
+ Fazer um texto que se adapta a um círculo, Photoshop CS2
+ Trabalho com ações de Photoshop. Gravar e executar uma ação
+ Lote com Photoshop para executar uma ação sobre os arquivos de um diretório
+ Mudar o tamanho de todas as imagens de uma pasta com Photoshop
+ O banner perfeito
+ Páginas fluidas

Descrição dos capítulos

Índice do Manual Usabilidade na web
+ Informações gerais
+ Elementos de um bom site
+ Princípios gerais de usabilidade em web sites
+ O que é a Interação Pessoa-Computador
+ Sobre buscadores internos
+ Formulários
+ Os usuários não são adivinhas
+ Como escrever newsletters
+ Coloque um link do meu site
+ Usabilidade para PDAs
+ Reduza o peso de seu site
+ Páginas fluidas
+ Como gravar vídeo para Internet
+ A página de erro
+ O banner perfeito
+ Abrir diálogo com os visitantes
+ Otimizar o formato das páginas web para imprimir
+ Converter usuários em clientes
+ Newsletters que servem para vender
+ Coloque um buscador gratuito na sua web
+ Personalizar parâmetros - Usar links no lugar de combos.
+ Avaliar a usabilidade
+ Vantagens e incovenientes do uso de frames
+ Construindo páginas simples
+ Folhas de estilo (CSS)
+ Aumentar o número de páginas vistas
+ Criar o momento
+ Usando ícones no design de interfaces
+ Usability Biscates, S.A.
+ Livro de estilo
+ Guia básico para PYMES
+ Destruir 2 mitos do web design
+ De que serve o critério quando todo mundo pode opinar?
+ Use imagens agrupadas e não utilize ícones
+ Apêndice I: Links interessantes
+ Evitar as cores de fundo
+ Usabilidade ao milímetro
+ O espaço na tela
+ PDF no Web. Entorpecendo ou melhorando a navegação?
+ MSN Music. Um pequeno problema de perspectiva
+ A navegação impaciente dos usuários na Internet
+ Criando a retícula. Como organizar a informação
+ Usabilidade e Retorno de Inversão em websites
+ É hora de pensar em 1024px?
+ Fatores Determinantes no uso de Fontes
+ Não se fala de usabilidade
+ Fazendo uma Web Acessível: o uso adequado das cores
+ Aplicações Web: Usabilidade + Praticidade = Sucesso
+ Como conseguir web design de bom aspecto gráfico
+ Usabilidade e acessibilidade: Conceitos muito diferentes
+ Quando colocar um botão, quando colocar um link
+ Redação para websites
+ O usuário intermediário ontem e hoje
+ Arquitetura de informação
+ Escreva títulos curtos
+ Desenhar para dispositivos móveis
+ Normas para maximizar a usabilidade de um site

Descrição dos capítulos

Parceiros
- CSS para Web Design
- S.O.S Designers
- Slackware-Brasil
- Crie seu Web site
- Oficina da Net


Páginas fluidas

Sãs as que suas dimensões se adaptam ao tamanho do navegador. Quando usa-las e quando não.


Resumo.
  1. Páginas fluidas: definição.
  2. Para notícias e texto pode ser válido ter uma página que se redimensiona.
  3. Para aplicações "web" é melhor usar tamanhos fixos.

1. Páginas fluidas: definição.
Dentro do esquema geral de uma página web existem várias opções:
  • Que a página esteja centrada ou justificada à esquerda.
  • Que a pagina tenha um tamanho fixo ou que se adapte ao tamanho do navegador.
Quando o tamanho da página se adapta às dimensões do navegador temos uma página fluida. Esta adaptação se consegue fazendo as tabelas que compõem nossa página com tamanhos relativos (%).

Amazon.com é uma página fluida que se pode seguir como exemplo.

2. Para notícias e texto intensivo é melhor usar páginas fluidas.
Para páginas com texto e notícias é melhor criar nossas páginas "fluidas" já que não prejudicamos a navegação em resoluções de monitor baixas (640x480) e sim que aproveitamos o uso de monitores com maior resolução ao oferecer mais informação na parte superior (menos scroll).

3. Para aplicações "web" é melhor usar tamanhos fixos.
No caso de aplicações "web" tipo "web mail", "carrinho de compra" e formulários, é melhor usar páginas com tamanho fixo já que em monitores com resolução de tela superior a 1024 a distância entre a informação e os botões, é muito grande e se perde o contexto (botões situados na margem direita e o campo de texto na margem esquerda).

Isto não evita que possamos ter a página construída com zonas "fluidas" e zonas rígidas. Dentro de uma mesma página, zonas de botões e navegação é bom conservar o tamanho fixo e em zonas de informação é melhor oferecer uma solução "fluida".

O inconveniente de usar tamanhos "fluidos" é que o navegador Netscape demora mais para pintar a informação.

Autoria e outras referências sobre este artigo

Manuais relacionados com este artigo
Dentro de Tutoriais de web design

Dentro de Usabilidade na web

Categorias relacionadas
Através das categorias do nosso diretório podem ser encontrados outros tipos de recursos relacionados com este artigo:
+ Entrar em Usabilidade


Comentários dos visitantes
Os comentários dos visitantes são para ampliar a informação do artigo. Todos podem participar.
Acrescentar um comentário do artigo Acrescentar um comentário do artigo



Sobre nós | Copyright | Anuncie | Entrar em contato <criarweb>

Hospedado por Hostnet Hospedagem de Sites