Criar Web, manuais e recursos para desenvolvimento web
Manuais
Programas
FAQS
Diretório
Comunidade
  Inicio > Manuais > Frontpage para principiantes
SEÇÕES
Manuais relacionados
+Frontpage para principiantes
Categorias
+Design

Índice do Manual Frontpage para principiantes
+ Introdução à Frontpage para principiantes
+ Barras de ferramentas de Frontpage
+ Criando uma web em local com Frontpage
+ Definindo a resolução com Frontpage
+ Funções especiais de Frontpage: As extensões de servidor
+ Criação de um website
+ Trabalhar com uma página em Frontpage
+ Trabalhar com uma página em Frontpage - 2ª Parte

Descrição dos capítulos

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 Frontpage

Como 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.

Referência: Temos um artigo que trata sobre este tema das resoluções de tela em páginas web com mais detalhes e de uma forma geral a todos os programas:

- Definições de tela. Como tratá-las.

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;">
<tbody>
<tr>
<td valign="top">
</td>
</tr>
</tbody>
</table>

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

Manuais relacionados com este artigo
Dentro de Frontpage para principiantes

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


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