Uso prático de Webstandards

[crossfire 0]

Ola!Sou novo por aqui (1a msg) e gostaria de tirar algumas duvidas:Desenvolvi uma pagina seguindo os padrões XHTML 1.1 / CSS / e sem tabelas. Programava há um bom tempo atras com html e agora com a volta de padrões fica mais facil para mim se adaptar.Algumas duvidas que tenho atualmente:- Qual a resolução mais adequada para exibição de uma pagina hoje em dia (a minha esta em 1024x768) ?- Vi aqui e em outros lugares que voce pode definir medidas relativas ao tamanho da tela atual (width: 100%; ), assim o codigo se adapta ao tam da tela, mas como minha pagina eu criei com medidas absolutas gostaria de saber se poderiam me ajudar ou dar dicas para modifica-la em medidas porcentagem? - O mais correto seria usar medidas não absolutas no CSS ou não tem problema se o site estiver aparecendo legal (ja testei no Firefox p/linux em duas distros, e no IE 6 e esta ok) ?- Recomendam algum livro que tenha dicas e macetes para quem gostaria de ter noções de design para web com web standards (nacional/importado) ? Se puderem me ajudar dando uma olhada no codigo de minha pagina agradeceria, ele esta no meu perfil.Obrigado!

[pa_bruno 0]

cara, sempre faço com posicionamento absoluto... isso eh relativo, depende d cada site... eu particularmente naum gosto d usar dimensões variáveis, mas vai d cada um e cada caso...

 

na verdade naum conheço livros naum... somente sites... tem varios ae, eh soh fazer uma busca

 

lah na tua pagina o titulo superior esta centralizado, mas o layout naum... naum sei se eh isso q você quer... uma dica, coloque sempre um div master, q engloba todo o conteudo... assim fica mais facil o posicionamento do site...

 

bom, eh isso ae... faloww...

[CiberMix 0]

Por padrão, a boa resolução para se trabalhar nos sites é 800x600..

[crossfire 0]

pa_bruno, Voce diz para mim colocar um <div> <corpo_site>...</corpo_site></div>No caso esse div englobando tudo ele estaria com center na class, somente isso?Algumas duvidas:- Para dar espaçamento como não utilizo tanto <br /> como   porque não sao validados no validator do W3c como faria se quisesse dar espaçamentos, e sendo validados pelo validator?- O ideal seria o uso de php, mas como estou usando no uol para hospedar meu site, se quiser colocar algum javascript p/deixar mais dinamico ele validara no w3c validator? Senão qual a linguagem para deixar o site mais dinamico e que seja validada pelo w3c....- Quanto a validação da homepage eu notei que a maioria dos sites e ate de algumas pessoas especialistas no assunto não colocam a URL do site pra validar no W3C (referer) ou seja se você clicar você não valida automaticamente o site em xhtml ou mesmo de CSS. O que fiz em meu site esta correto colocar a URL ja pra validar não ? Ou tem alguma razão p/não colocarem? Obrigado pelas respostas.

[pa_bruno 0]

bom, vamos lah...

pa_bruno,

Voce diz para mim colocar um <div> <corpo_site>...</corpo_site></div>

No caso esse div englobando tudo ele estaria com center na class, somente isso?

para você centralizar deste modo você coloca o codigo a seguir:

centralizar o conteúdo do body:

body {text-align: center;}

centralizar o div d acordo com o alinhamento do body:

#nomeDoDiv {margin: 0 auto;}

Algumas duvidas:

- Para dar espaçamento como não utilizo tanto <br /> como   porque não sao validados no validator do W3c como faria se quisesse dar espaçamentos, e sendo validados pelo validator?

utilize os margins e padding para dar os espaçamentos desejados:

 

#Div {margin: 10px 5px 4px 10px;}

o primeiro valor eh da margem superior, segundo da direita, terceiro de baixo e quarto da esquerda...

 

 

- O ideal seria o uso de php, mas como estou usando no uol para hospedar meu site, se quiser colocar algum javascript p/deixar mais dinamico ele validara no w3c validator?

Senão qual a linguagem para deixar o site mais dinamico e que seja validada pelo w3c....

a W3C suporta javascript normalmente... eh soh pesquisar, ver os sites.. soh tome cuidado pois o validador eh sensitivo, ele naum aceita letras em maiusculas para atributos e tags...

 

 

 

- Quanto a validação da homepage eu notei que a maioria dos sites e ate de algumas pessoas especialistas no assunto não colocam a URL do site pra validar no W3C (referer) ou seja se você clicar você não valida automaticamente o site em xhtml ou mesmo de CSS. O que fiz em meu site esta correto colocar a URL ja pra validar não ? Ou tem alguma razão p/não colocarem?

o código eh o seguinte:

 

 

http://validator.w3.org/check/referer

esse link faz com q redirecione para o validador, pegando as informações do site q foi repassado... naum precisando ser digitado a url...

 

Tem bastante links aki no fórum sobre css, xhtml, eh soh dar umas pesquisada... :thumbsup:

 

valew ae...

[crossfire 0]

pa_bruno,

 

Muito obrigado pelas respostas sobre os outros itens foram muito esclarecedoras!

 

Somente quanto ao div englobando o site não entendi como faze-lo... Se entendeu <corpo_site> como body não fui o que quis dizer, na verdade queria um DIV pra englobar como falou todos os outros.

Queria que o layout ficasse centralizado como disse e um espaço maior no ultimo div o do rodape como o da esq / dir e acima.

Obrigado!!

[pa_bruno 0]

teu post foi meio confuso naum entendi mto bem... o q você quer fazer? tem algum exemplo online pra eu ver?

 

pq se for centralizar o layout do seu site eh soh você fazer como eu falei, colocar um text-align: center; no body e na div q engloba todo site, você colocar o margin: 0 auto; pq esse auto faz com q a div se alinhe de acordo com o alinhamento do texto do body e como tem o text-align: center; ele vai ficar centralizado...

 

mas se você quiser algo diferente, fale ae, ou mostre um exemplo q fica mais fácil...

[crossfire 0]

Ola pa_bruno,Me desculpe a url que cito está em meu profile, so não coloquei nas msgs do forum para não ficar pública no ar. Se puder dar uma olhada agradeço...Obrigado novamente

[pa_bruno 0]

bom, ae vai ficar meio dificil...

 

poste num local de teste... tipo www.site.com.br/teste e manda pra k... e as suas duvidas...

[pa_bruno 0]

recebi lah... seguinte, coloca DEPOIS da tag <body> oseguinte codigo:

<div id="geral">

e coloca o código abaixo ANTES da tag </body>

</div>

e no seu css coloca o seguinte:

body { font-family: arial, helvetica, sans-serif;background-color: #8B6914;color: #513F13;text-align: center;}#geral {margin: 0 auto;}

pronto... ae vai ficar centralizado... procure sempre colocar seu site englobado numa div geral, para ficar mais facil e tranquilo centralizar o site...

[crossfire 0]

Valeu pa_bruno,

 

Obrigado !

 

[pa_bruno 0]

cabei d responder tua msg... ia falar pra tuh postar aki tb...

 

d nada rapaz... estamos ae pra isso...

[crossfire 0]

pa_bruno,

 

Quanto ao layout centralizado funcionou perfeito conforme passou. Mas acredito que vou ter de deixar como estava alinhado a esquerda, principalmente pelo menu e codigos links.html e projetos.html não ficarem adequados, ai quebra o design do site. Me esqueci deles ;p

 

O que ainda falta a fazer que não consegui seria dar o mesmo espaçamento

que há acima da borda do div que faz o rodape, para a margem debaixo, pois o site esta terminando na borda desse div

Ja tentei mexer nas margins mas não deu certo...

[pa_bruno 0]

bom, naum estão funcionando pq provavelmente você está utilizando os atributos left, top, right ou bottom... o q faz com q ele se alinhe d acordo com o div correspondente ou se ficar absoluto o posicionamento, faz com q ele se adeque ao corpo da página... eu naum recomendo trabalhar com posicionamentos d conteudo com absoluto, nem com top, essas paradas... depende da coisa... mas como eh o conteudo, rodape, eu naum recomendo...

[crossfire 0]

Ola pa,Consegui dar um espaço entre o rodapé e o final da pagina. No div global eu coloquei o atributo bottom pra dar espaçamento, somente no IE ficou a borda do div colada ao final da pagina.[]s

[pa_bruno 0]

tentou colocar um margin-bottom: 20px; na tag body?

[crossfire 0]

Ola pa,Já coloquei o margin-bottom no body. Testei no Opera/Firefox/IE6 o resultado ficou igual, não alterou em nada.Tirando isso notei que o texto do rodapé tbm fica mal renderizado tanto no Opera como no IE (times new roman), so no Firefox(*bem q ele poderia ser lider de mercado*) fica perfeito.[]s!

[pa_bruno 0]

mostra online ae pra eu ver...

[crossfire 0]

Ja coloquei o margin-bottom se foi o que pediu.

[pa_bruno 0]

quero ver online, para poder ver onde está o erro... :thumbsup: