Como seu site é apresentado ao seu visitante?
Quando desenvolvemos websites, devemos nos preocupar com a experiência que os visitantes terão quando acessarem o site.
Fatores como o tipo e versão do navegador utilizado, resolução da tela, tamanho da letra (quando especificado no navegador pelo visitante) podem apresentar seu website de uma forma diferente a aquela que você vê em seu computador.
Navegadores
Os navegadores não são desenvolvidos utilizando padrões, isso quer dizer que cada empresa trata de desenvolver seu navegador utilizando padrões próprios.
O resultado são pequenas diferenças na apresentação de um Website, dependendo do navegador e também de sua versão.
Segundo o Google Analytics, os principais navegadores utilizados pelos visitantes que acessaram o Criar Sites mês de Maio foram:
Internet Explorer – 71,82%
Firefox – 26,70%
Opera – 0,94%
Sendo que os visitantes que utilizaram o Internet Explorer, tinham as versões:
6.0 – 50,42%
7.0 – 49,14%
8.0 – 0,37%
5.5 – 0,07%
Uma boa prática para testes rápidos é ter instalado em seu computador os principais navegadores como o Internet Explorer, Firefox e Opera.
Assim podemos solucionar pequenos problemas que possam surgir.
É claro que fica difícil manter em um mesmo computador as várias versões de navegadores existentes. Para resolver este problema você pode utilizar o serviço gratuito oferecido pelo BrowserShots que testa como um website aparece em vários navegadores.
Resolução da tela
As diferentes resoluções de tela configuráveis, tornam impossível para um webmaster otimizar um site para todos os visitantes.
Se a largura do site for muito pequena, haverá um espaço sem uso na(s) borda(s) para os visitantes com resoluções muito altas.
Já se a largura do site for alta, o site não será apresentado por inteiro aos visitantes com resoluções baixas como o 800×600 px, sendo necessário o uso da barra de rolagem.
Segundo o Google Analytics, as resoluções de tela utilizadas pelos visitantes que acessaram o Criar Sites no mês de Março foram:
1024×768 – 64,81%
800×600 – 12,41%
1280×1024 – 8,36%
1280×800 – 6,20%
1152×864 – 3,02%
Minha dica é que o site apareça por completo em uma resolução 1024×768 que é a mais utilizada (pelo menos neste site).
Para isso, recomendo que configure o site para ter 1000 px de largura.
Confira o artigo “Largura das Páginas” onde eu passo dicas para desenvolver sites que se adaptem a resolução de 1024×768 px.
Tamanho da letra
A maioria dos navegadores permitem que o usuário configure o tamanho das letras a serem exibidas pelo navegador.
Isso pode ser um problema para o webmaster, já que, com o aumento das letras, o site pode se distorcer ao abrir espaço para as letras maiores.
Infelizmente não existe uma regra que amenize esse fato, o máximo que podemos fazer é premeditar possíveis problemas e tentar solucioná-los da melhor forma.
{ 23 comentários… leia abaixo ou deixe o seu }
Estou com esse problema. No ie o menu aparece no local correto, ja no mozilla ele altera.
Ja tentei varias formas de ajeitar e cheguei a refazer o layout. Mas não deu certo.
Gostaria de uma ajuda.
Abraço
Eduardo,
Para que eu possa lhe ajudar eu preciso saber que tipo de programa você utilizou para criar seu site.
Abraço!
Fala Celso,
valeu atenção mas ja resolvi meu problema!
Eu uso o dreamweaver!
Abraço!
Olá Celso!!
Estou com problema para meu site ser exibido no IE 7.0!!No firefox ele aparece normalmente, e eu fiz o teste com o site que vc postou ali…e só deu erro com IE e mais uns 3 ou 4 dos 53 listados!
Eu tirei uma print aki do meu pc pois tenho os 2: http://img376.imageshack.us/img376/2232/telarz1.p…
Ai vc ve a mesma pagina nos 2 navegadores…
O editor usado é o MS Publisher 2007 e vc pode visitar o site pelo link que eu coloquei, o host é o LeadHoster e o dominio do co.cc… Ve se pode me ajudar PF.
Agradeço sua atenção, abraço!
Eduardo,
Que bom que você resolveu o problema, sucesso!
Fabio,
Preciso ver o seu site para poder te ajudar. Qual o endereço?
Abraço!
Então Celso, o site eh o que eu cadastrei no meu post com link no meu nome, mas ta aqui o link: http://fabiozumbi12.co.cc/
Eu troquei de servidor pelo 000webhost e ficou bom já, mas tive esse mesmo problema com outro servidores, então como ja ta resolvido queria saber se vc ja tinha visto isso antes e se vc tiver alguma explicação, pq eu queria entender!! E cara, este site eh completo, todos duvidas tirei aki sem consultar mais site nenhum, PARABENS!!
Fabio,
Não acho que o problema seja com o servidor.
Este problema costuma acontecer quando há erros no código da página.
Infelizmente eu não sei dizer qual é o problema.
Abraço!
Pedro,
Aqui não aconteceu nada, estou usando o Firefox 3 e aparece normal.
Verifique se não é apenas algum problema no seu navegador.
Abraço!
Celso, a parte inferior do site não tem espaço algum, no entato no FIREFOX aparece uma margem grande de espaço e na radio, isso pode ser o navegado? ou problemas no mau site?
Obrigado pela atenção.
Pedro,
Parece que esse problema só está acontecendo com você porque aqui aparece normal.
Abraço!
Celso,
o site que criei tem uma visualização correcta no Firefox, já no IE a barra de opções de topo fica alterada, as cores da barra lateral também se alteram. Utilizei o Dreamweaver!
Obrigado.
Ola, gostei muito do site principalmente por ter obtido a informação que há um sistema que possibilita a visualização do site previamente nos navegadores. Baixei o programa BrowserShots mas não sei como instala-lo. Poderia me ajudar?
E como faço no dreamweaver para dispor o site na sugestão que vc forneceu?
Grata
Valeu Celso Lemes muito boa a dica, não sei como q vc acha esses sites
Silmar,
Alguns são por indicação de visitantes, outros são por outros sites que eu acompanho e outros são de pesquisas no google.
Abraço!
to com um problema , criei um site no dreamweaver no ie ele funciona
corretamente ja no firefox os botões mudum as posições , c vc souber como posso solucionar isto ficarei grato !!! valeu
Victor,
Isto é comum acontecer com quem utiliza tabelas e é muito difícil de descobrir o problema sem estar olhando o código. Recomendo tente adicionar os botões dentro de tabelas individuais e definir um tamanho limite para elas.
Abraço!
Ola celso eu criei meu site no dreamweaver cs4 e hospedei uma pagina no uol host ate o momento no dreamweaver sempre que quero ver como esta aperto F12 e ja vai direto para o firefox. eu to achando que como nao uso o ie para visualizar minha pagina enquanto crio acredito que nao esta havendo vinculos com o ie a ponto que meu site so aparece no firefox que por sinal e muito melhor apesar da maioria usar ie. se puder responder tambem no meu email agradeço
Adriangelo,
Para solucionar este problema, você pode utilizar o IEtester que permite visualizar o site em todas as versões ainda utilizadas.
Abraço!
Celso , Hoje fui editar meu site e ate umas 6h , 7h estava tudo bem no meu site , resolvi editar minha pagina inicial e ocorreu tudo bem , so que depois fui acessar minha pagina e fica o conteudo bloqueado de todas as paginas ai tentei entrar pelo explorer como visitante e no meu site nao aparece na pagina inicial , o meio e o lado direito , so aparece o lado esquerdo , baixei o chrome e a mesma coisa , e fui tentar editar meu site no explorer e no chrome e tambem aparece conteudo bloqueado , Por favor me ajude
Hugo,
Isso deve ter acontecido depois que você colocou a barra do Wibiya. Parece que o painel do Webnode trava com ele.
A solução seria você apagar o código que adicionou em sue site e para fazer isso você tem que bloquear o carregamento do site do Wibiya em seu computador. Desta forma a barra não é carregada e você pode apagar o código.
Eu já tive esse problema e o site que me ajudou a resolver foi esse aqui.
Abraço!
Muito legal, vou analizar meu blog pra ver isso