Como fazem seus sites?

[Campão 0]

E ai galera beleza???eu mexia com sites a muito tempo atras (o iframe era novidade) e agora voltei a fazer e estou meio perdido,começei a fazer um site, alias o meu primeiro site "profissional", e continuei de onde tinha parado, ou seja como tabelas e iframes para diagramar o site,foi ai que vi que hj em dia não esta sendo mais usado essa formaqueria saber como é que estão sendo feitos a maioria do sites, vi algo do tipo com DIV!! É isso mesmo????é que eu achava muito mais facil, por exemplo eu fazia uma pagina "geral" com o menu, cabeçalho e rodape e na pagina geral tb tinha um espaço (um campo de uma tabela com um iframe) em que ia aparecendo as paginas com seu conteudo, ai era mais facil para atualizar, pois se queria adcionar algo ao menu eu so mexia na pagina geral, e se quizesse alterar algo no conteudo, so alterava a propria pagina, pelo que vi... hj é colocado DIVs como se fosse recortes de jornais, em que elas não tem os seus tamanho defenidos, isso é legal para se adptar aos tipos de tamanho de tela, mas e para atualizar?? é mais facil???por exemplo, eu tenho uma pagina com um menu em uma div a esqueda e na direita uma div com o conteudo.. ai se eu clico em outro link no meu... a minha proxima pagina vai ter tb uma div a esquerda com o meu e o conteudo a direita... então se eu quiser modificar o menu.. tenho que mexer em todas as paginas...pra resumir... queria saber qual a forma mais comum de se trabalhar com divs se realmente é mais facil atualizar com ela!!!!se alguem tiver um link sobre esses assuntos.. eu agradeço.. quero muito começar a fazer as paginas de acordo com os padrões...valew

[Nícolas 4]

Cara, a área de web vem sofrendo muitas mudanças e agoras elas estão ficando cada vez mais significativas.

 

Hoje em dia os sites estão começando a tomar o seu RUMO CORRETO...

 

Esse layout em div's que você diz é conhecido como Tableless...

 

Um site nacional muito bom é esse :rolleyes:

http://www.tableless.com.br/

 

Mas tem vários ainda, tem uma lista no fórum da uma olhada, uma pesquisada no google e tal.

 

Mas então... tableless é uma forma muito mais leve de se montar uma pagina, alem de facilitar e diminuir muito mais de 50% o seu código, ele ainda tem varias vantagens.

 

Como:

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Semântica

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif SEO

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Padrões da Web

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Acessibilidade

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Facilita a Manutenção

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Redução de banda

etc

 

Explicando por cima...

 

Semântica:

É você utilizar as tags certas das formas corretas, exemplo.

Tabelas não foram feitas para criar estruturas e sim para criar tabulações... trazer itens de bancos de dados e etc.

Assim como o uso da tag h1 para titulo e ul, li para listagem, p para paragrafos e etc.

 

SEO:

Isso é otimização em sistemas de busca, por usar as tags corretamente e reduzir o numero de linhas isso facilita para os robos de busca saberem o que se refere o documento, pois pela tag h1 ele prioriza o titulo da pagina, por ter menos código a indexação dos dados é feita muito mais facilmente e tal entre outras várias vantagens.

 

Padrões da Web:

Uma coisa muito importante hoje em dia, pois a idéia é deixar o site acessivel a todos independente do navegador ou sistema operacional que a pessoa tenha, se ta acessando de celular e etc.

Os padrões são importantes para que os navegadores possam se "uniformizar", pois ainda existe muita diferença entre um e outro, mas quando você monta um site nos padrões e com uma lógica correta geralmente ele fica muito parecido na maoiria dos navegadores.

Os padrões não são tudo hoje em dia, mas é muito importante leva-lo a sério... Em pró a uma internet melhor http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Acessibilidade:

Isso pode se considerar uma categoria dos padrões da web hoje em dia...

Pois é idéia é deixar o site acessivel a todos, tanto daltonicos, idosos até deficientes visuais.

http://www.tableless.com.br/acessibilidade...-tem-ou-nao-tem

 

Facilita a Manutenção:

A manutenção do site melhora em 100% pois muita coisa você utiliza CSS.

Se vocÊ precisar mudar a fonte do seu site inteiro, ou as cores e etc, você muda facilmente pois ele sempre carrega o estilo que acredite... SALVA E MUITO A PELE....

Um exemplo bom é o CSS Zen Garden, que atualmente (13/06/2009) conta com 213 layouts diferentes para o mesmo código html.

http://www.csszengarden.com/

Só clicar nos itens do menu.

 

Redução de banda:

Por diminuir cerca de 50% do código, alem do site carregar mais rapidamente e você conseguir aproveitar melhor o cache do navegador para carregar as paginas, isso acaba dando uma economia de banda ainda mais para sites grandes, que tem muitas paginas e muitos acessos diários e acredite, ja vi diferenças assustadoras =)

 

 

Cara isso é um breve resumo de algumas vantagens QUE EU LEMBREI de utilizar tabless e padrões da web, enfim Webstandards.

 

Mas é um mundo que ta recebendo cada vez mais mudanças em pró de todos.

 

Quem não se atualiza fica para trás, por tanto é muito bom se ta sempre procurando se informar, da uma pesquisada sobre todos esses itens que falei, acredit se num vai se arrepender.

 

Acredite se quiser...

 

Até html fica legal montar quando se utiliza bem os estilos =)

 

Bom é isso, espero ter ajudado

 

Abraço cara... se cuida e bons estudos pra ti http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Guilherme Rambo 4]

INFORME-SE, aqui nessa seção do fórum tem um monte de tópicos com tutoriais e links úteis[]'s

[Campão 0]

valew galera... ja to pesquisando.... inclusive .. acabei de fazer um pedido de um livro de CSS.. bommas aproveitando o assunto, me surgiu uma duvida sobre o que eu acabei falando na minha pergunta la em cima...você disse que é mais facil de dar manutenção!!!so que pelo que eu imagino... seria assimas paginas teriam por exemplo 3 colunas (DIVs)1º menu2º conteudo3º anunciantesai eu teria por exemplo as paginas HOME, SOBRE, PRODUTOS e CONTATOaonde todas seguiriam as colunas que citei acima, so o conteudo que mudariase eu tivesse que mudar o menu, teria que mudar em todas as paginas, enquanto que se eu tivesse usando iframe, eu so mudaria o menu!! certo?!?!?!endenteu aonde esta minha duvida???? com DIVs eu consigo algo como no iframe???

[Guilherme Rambo 4]

Você pode sim usando ajax ou includes server-side[]'s

[Giovani 104]

Após a ótima explicação do nick171, segue essa lista de links que vai lhe mostrar na prática como se trabalha.

Só depende de você, se ler, com certeza vai entender.

 

[]'s http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[André do Vale 76]

Orra! Fiquei de cara contigo nick171! Excelente explicação até para os que já se consideravam entendidos (como eu, rsrs).

 

acabei de fazer um pedido de um livro de CSS..

Ótima iniciativa! Lhe recomendo guias rápidos das instruções de CSS, e normas da W3C.

Exemplo: http://www.submarino.com.br/books_productd...74337&ST=SR

 

[]s