|
|
|
||||||||||||||||||||||
|
|||||||||||||||||||||||
|
|||||||||||||||||||||||
Parceiros - CSS para Web Design - S.O.S Designers - Slackware-Brasil - Crie seu Web site - Oficina da Net - CodigoFonte.net |
Definindo a resolução com FrontpageComo ajustar nosso site às distintas resoluções ou tamanhos de monitor. Um problema fundamental do webdesign é a projeção de nossas páginas, ou seja, como pensamos que serão vistas pelo usuário. Qual tamanho tem a sua tela? Será igual que a nossa, ou maior?
Inevitavelmente ocorrerá uma das duas coisas, ou inclusive ambas. Embora seja certo que os monitores de 800x600 são muito comuns, também o são os de 17". Por isso, se pensarmos no primeiro, deixaremos vazio grande parte do espaço do usuário de 17"; e se pensarmos neste, obrigaremos ao navegante de 15" a utilizar as barras
de deslocamento horizontal para se mover por uma página, e isso é muito incômodo.
A solução predileta do designer costuma consistir em criar tabelas com uma largura e altura de tamanho definido percentualmente, ou seja, adaptável a cada monitor; o 100% é uma boa opção. O procedimento é simples: Tabelas > Inserir: a seguir aparece uma janela, onde introduzimos a vontade certos dados, como grossura de uma borda, número de filas (horizontais) e colunas (verticais), cor ou imagem de fundo (a imagem de fundo nas tabelas já é reconhecida em Netscape 7). Nesta primeira janela podemos definir a largura: 100%, isto é, adaptável ao monitor. Uma vez que aceitemos, já disporemos de nossa tabela na tela. Agora, clicando com o botão direito do mouse sobre a mesma tabela, selecionamos Propriedades de tabela no menu contextual. Agora sim, definimos também a altura em 100%. Convém advertir, em todo caso, que este código é interpretado por Internet Explorer, mas não por Netscape em nenhuma de suas versões. Para torná-lo acessível a todos, podemos mudar a vista html e substituir a tabela (definida pelas etiquetas <table> </table>) por este código:
<table cellpadding="0" cellspacing="0" border="0" width="100%" height="100%" style="text-align: left;">
Este codigo foi gerado por Netscape Composer e será assimilado por FrontPage, com possibilidade de ser editado normalmente sem que se perca sua compatibilidade (convém, em FrontPage, seguirmos estas instruções: abrimos Ferramentas> Opções de página> opção Código fonte html e selecionamos "manter o código fonte html", de maneira que FrontPage não re-escreva o código gerado por outras aplicações). Agora, tudo o que compormos dentro da tabela se adaptará aos diversos monitores, ficando sempre dentro da tela. Se quisermos somente definir a largura da tabela, nos limitamos a seguir as primeiras instruções. Em todo caso, nenhum usuário se verá obrigado a mover o scroll horizontal quando navegue nossos sites. (Com exceção àquelas ocasiões em que incluamos objetos muito grandes sem possibilidade de reestruturação automática, como por exemplo, as imagens; até seria possível definir seu tamanho como porcentagem da janela, mas esta opção é útil somente em gráficos sem degradados, já que as fotografias ficariam deformadas e pixelizadas).
Autoria e outras referências sobre este artigo Dentro deste artigo: + 1 manual relacionado + 1 categoria relacionada
Manuais relacionados com este artigo Dentro de Frontpage para principiantes Anterior: Criando uma web em local com Frontpage Categorias relacionadas Através das categorias do nosso diretório podem ser encontrados outros tipos de recursos relacionados com este artigo: + Entrar em DesignComentários dos visitantes Os comentários dos visitantes são para ampliar a informação do artigo. Todos podem participar.
|
|||||||||||||||||||
| Sobre nós | Copyright | Anuncie | Entrar em contato | <criarweb> |