| Criar Web, manuais e recursos para desenvolvimento web |
|
|
|
|
|
|
| Inicio > Manuais > Tutoriais de web design / Ajudas técnicas |
|
|
|
|||||||||||||||||||||
|
|
|
|
||||||||||||||||||||
|
|||||||||||||||||||||||
|
|||||||||||||||||||||||
|
|||||||||||||||||||||||
|
|||||||||||||||||||||||
|
|||||||||||||||||||||||
Parceiros - CSS para Web Design - S.O.S Designers - Slackware-Brasil - Crie seu Web site - Oficina da Net |
Definições de telaVeremos a melhor forma para definições de tela sendo producente. Quando se trabalha com distintas definições, como na web, devemos escolher o público objetivo da página e construí-la para que esse público a veja bem, mas não devemos nos esquecer dos demais, de modo que estes também a visualizem, sendo possível sem nenhum problema.
Por regra geral, a maioria dos internautas dispõe de uma definição de 800x600 ou superior. Por isso, o habitual é desenhar a web para que esse grupo de usuários a veja corretamente. Também existem pessoas que acessam a Internet com definições menores, a 640x480, mas cada vez são menos. Para o caso de 1024x780, esta definição é bastante grande e somente os usuários com telas boas, configuradas de maneira correta, a usam. A definição de 1024x780 deixa muita gente de fora, por isso ainda não devemos utilizá-la, ademais, estes usuários poderão ver também a página com uma definição menor sem muito prejuízo. Por outro lado, a definição de 640x480 é muito pequena e já muito poucos usuários a utilizam, por isso é melhor desenhar utilizando um espaço maior. No entanto, se a página a desenvolver é muito corporativa, porque pertence a uma empresa importante e tem de ser bem vista em todas as máquinas possíveis, seria razoável utilizar a definição de 640x480, pois esta nos assegura que todo mundo poderá ver bem o web. Uma vez escolhido o público objetivo, devemos compor as páginas e as imagens para que sejam bem vistas na definição de tela que estes utilizarem, de modo que nunca saiam as feias barras de deslocamento horizontais. Para isso, calcularemos o tamanho dos elementos da página conscientemente. Outra coisa que se pode fazer é aplicar aos elementos da página os tamanhos (atributo width) utilizando porcentagem, deste modo, se ajustarão ao tamanho da definição do usuário automaticamente. Entretanto, as imagens não suportam o tamanho em porcentagens, ou seja, não podemos ajustá-las assim automaticamente, e em qualquer caso, não desejaremos que a imagem se deforme ao alterar artificialmente seus tamanhos através desses atributos. Sendo assim, para o caso das imagens seguiremos com a necessidade de criá-las sem ultrapassar o espaço disponível na definição horizontal do público objetivo. Vamos ver qual seria a forma de trabalho para planejar uma página com tabelas.
<html> <head> <title>Título</title> </head> <body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0> <table width=779 bgcolor=eeeeee cellspacing=0 cellpadinng=0 border=0 align=center> <tr> <td width=10></td> <td> <h1 align="center">Título da página</h1> Este é o corpo da página <p> Mais página <p> E mais.. <p> <div align="center"> Barra | Navegação | Links </div> <br> </td> <td width=10></td> </tr> </table> </body> </html> Isso é tudo, lembre-se que você sempre poderá ver o código fonte das páginas web que gosta, para ver como fizeram os outros web designers.
Autoria e outras referências sobre este artigo Dentro deste artigo: + 2 Manuais relacionados com este artigo + 1 categoria relacionada + 2 Comentários sem rever
Manuais relacionados com este artigo Dentro de Tutoriais de web design Seguinte: As cores e HTML Anterior: Como fazer um gif animado com Photoshop Categorias relacionadas Através das categorias do nosso diretório podem ser encontrados outros tipos de recursos relacionados com este artigo: + Entrar em DesignComentário sem rever
|
| Sobre nós | Copyright | Anuncie | Entrar em contato | <criarweb> |
