Tableless e grandes portais (Validação XHTML/HTML)

[jirayaaap 0]

Não sei se só acontece comigo, mas trabalho e estudo o tableless a aproximadamente 1 ano, desenvolvo bacana com ele, trabalhei juntamente com um grande especialista (presente no fórum aqui) no assunto no portal meucarronovo (www.meucarronovo.com.br) e agora estou desenvolvendo outro grande portal, com muito conteúdo (e dinâmico!), em todos esses trabalhos encontrei grande dificuldade de validar as páginas, justamente pelo fato do conteúdo ser dinâmico, às vezes um <br> e não um <br /> já ferram toda minha validação!Como tenho visto muito, em grandes portais que aderem ao tableless (graças a deus!!!) como a mtv (http://mtv.terra.com.br) não acho um deles com o html válido pela w3c, por isso cheguei a conclusão que esta dificuldade quem tem não sou só eu, é verdade??ps.: desculpe-me o tamanho do textoAlisson de Almeida Pissettiviciado em WebStandardseducacional.com.br41 99897602

[giga_fire 0]

Com certeza não é só você. O tableless ainda não atende todas as nossas necessidades... ou seria o contrário, teríamos nós que deixar de ter resultados visuais melhores só para ter uma semântica melhor...São questões "embrionárias"...

[Douglas 6]

Nota do PHP.net sobre a função nl2br();

Nota: Começa no PHP 4.0.5, nl2br() está agora em XHTML complacente. Todas as versões anteriores a 4.0.5 retornarão string com '<br>' inserido antes das newlines ao invés de '<br />'.

Ou seja depende de que versão do servidor php está rodando no seu servidor. :) Acho que dá para contruir uma página totalmente validada e dinâmica, você só precisa conhecer as funções que as linguagens dinâmicas te oferecem, por exemplo o português brasileiro temos os acentos e ç, então temos que codificar esses caracteres para termos uma página valida.http://br.php.net/manual/pt_BR/function.htmlentities.phphttp://br.php.net/manual/pt_BR/function.htmlspecialchars.phpEntre outras.. ou seja basta o programador pesquisar um pouco mais.

[jirayaaap 0]

Nota do PHP.net sobre a função nl2br();

 

Nota: Começa no PHP 4.0.5, nl2br() está agora em XHTML complacente. Todas as versões anteriores a 4.0.5 retornarão string com '<br>' inserido antes das newlines ao invés de '<br />'.

Ou seja depende de que versão do servidor php está rodando no seu servidor. :)

 

Acho que dá para contruir uma página totalmente validada e dinâmica, você só precisa conhecer as funções que as linguagens dinâmicas te oferecem, por exemplo o português brasileiro temos os acentos e ç, então temos que codificar esses caracteres para termos uma página valida.

 

http://br.php.net/manual/pt_BR/function.htmlentities.php

http://br.php.net/manual/pt_BR/function.htmlspecialchars.php

 

Entre outras.. ou seja basta o programador pesquisar um pouco mais.

<{POST_SNAPBACK}>

sim douglas, acabei descobrindo isso, mas demorou um pouco, mas você concorda com nós em dizer que os grandes portais desenvovidos em tableless não conseguem validação...certo?

[Genautech 0]

Olá Alisson,Vale lembrar que é exatamente isso que uma estrutura semanticamente correta elimina. A dificuldade de validação.é possível sim validar um site como a MTV, contudo, uma estrutura tão complexa omo aquele portal, deixou de lado alguns ítens de usabilidade pregados pelo W3C para apelar ao visual (não é pecado isso). Portanto, teremos que saber mesclar tecnologia, inovação e navegação, com usabilidade e semêntica para fazermos um código limpo e compreensível.Lembrem-se que a validação vai muito além de um link no fim da página provando que seu código está correto e padronizado. Ele é a certeza, que sua página poderá ser visualizada em boa parte dos browsers (se isso for considerado).As páginas construídas usando a filosofia da Web Semântica passam a fazer parte de um meio universal para a troca de informação. Dizemos que se trata de um meio universal porque estas páginas podem ser lidas por humanos ou por máquinas e tanto podem ser apresentadas graficamente (num monitor ou impressas em papel) como lidas em voz alta por browsers capazes de sintetizar voz e podem ser apresentadas em telefones móveis adequados.Por isso a web atual é composta de elementos isolados: palavras soltas, imagens e sons.Estes elementos têm apenas significado individual numa busca. Mas como essa tal de semântica funciona?????Por exemplo, hoje ao procurar pela palavra “zé oreia”, esta será encontrada em todas suas ocorrências nas páginas HTML, seja um substantivo ou um verbo. O XHTML permite que numa página palavras sejam “tagueadas” com seu significado semântico, o que permite que elementos sejam encontrados de forma mais inteligente: “zé oreia” pode ser uma parte do corpo humano ou o indivíduo rústico ou o chamado "jacuzão"...Assim, XHTML é um dos fundamentos necessários para que a web se torne uma rede mais “esperta”, em que a informação possui um significado contextual - algo mais próximo da mecânica do cérebro humano.bom... me empolguei...mas é quase isso.

[jirayaaap 0]

Olá Alisson,

 

 

Vale lembrar que é exatamente isso que uma estrutura semanticamente correta elimina. A dificuldade de validação.

 

é possível sim validar um site como a MTV, contudo, uma estrutura tão complexa omo aquele portal, deixou de lado alguns ítens de usabilidade  pregados pelo W3C para apelar ao visual (não é pecado isso). Portanto, teremos que saber mesclar tecnologia, inovação e navegação, com usabilidade e semêntica para fazermos um código limpo e compreensível.

 

Lembrem-se que a validação vai muito além de um link no fim da página provando que seu código está correto e padronizado. Ele é a certeza, que sua página poderá ser visualizada em boa parte dos browsers (se isso for considerado).

As páginas construídas usando a filosofia da Web Semântica passam a fazer parte de um meio universal para a troca de informação.

 

Dizemos que se trata de um meio universal porque estas páginas podem ser lidas por humanos ou por máquinas e tanto podem ser apresentadas graficamente (num monitor ou impressas em papel) como lidas em voz alta por browsers capazes de sintetizar voz e podem ser apresentadas em telefones móveis adequados.

 

Por isso a web atual é composta de elementos isolados: palavras soltas, imagens e sons.

Estes elementos têm apenas significado individual numa busca.

 

Mas como essa tal de semântica funciona?????

 

Por exemplo, hoje ao procurar pela palavra “zé oreia”, esta será encontrada em todas suas ocorrências nas páginas HTML, seja um substantivo ou um verbo. O XHTML  permite que numa página palavras sejam “tagueadas” com seu significado semântico, o que permite que elementos sejam encontrados de forma mais inteligente: “zé oreia” pode ser uma parte do corpo humano  ou o indivíduo rústico ou o chamado "jacuzão"...

Assim, XHTML é um dos fundamentos necessários para que a web se torne uma rede mais “esperta”, em que a informação possui um significado contextual - algo mais próximo da mecânica do cérebro humano.

 

 

bom... me empolguei...mas é quase isso.

<{POST_SNAPBACK}>

grande GENAUTECH "zé oreia" , esse cara é o especialista que citei na primeira mensagem!

[MarviN* 0]

É, falou bonito mas não falou sobre o tema: Validação em grandes sites com conteúdo dinâmico. :D .Sei lá, eu acho que é possível validar sim, grandes portais. É só uma questão de capricho por parte de quem os desenvolve. Como o Douglas falou, a função nl2br() do PHP trocava \n por <br>. Se você queria código válido, poderia usar uma função de replace pra trocar o <br> por <br />. Mais trabalho, porém, teria seu site válido.Nesses projetos, eu acho que tem de se pesar se seu código precisa mesmo ser valido, ou apenas se tornar mais acessível e até mesmo compatível, por q alguns detalhes na marcação do conteúdo apenas, com certeza não vão crucificar um trabalho bem realizado na estrutura.

[_ nEoN _ 0]

não é apenas o detalhe do <br /> o que acontece com site como p dá MTV realmente é a falta de 100% de pessoal especializado em WebStandards.Pense da seguinte forma, o designer manda super bem com CSS e XHTML, porem o programador tá pouco cagando pra esse lance de validação, e ao construir um sistema dinamico não toma as devidas providencias para tornar o sistema totalmente complacente com os padrões. Na realidade pura e verdade o que falta no profissional brasileiro é uma base sólida e um projeto bem estruturado, tudo isso determina como o site vai ser, se comportar e se será ou não complacente com os padrões.Outro fato importante a destacar, o fato de um site ser "validado" pelo W3C é praticamente NADA para usuários comuns, o "zé-oreia" entra no seu site, ve um celo escrito XHTML válido... primeiro que ele nen sabe o que é isso, segundo que duvido que ele clique nesse selo sem saber o que significa ou para o que serve, torne seu projeto um objeto multimidia transparente para o usuario, faça ele se sentir bem vendo seu trabalho, confie em mim, ele como usuario comum não esta interessado como você fez o site, ele quer informação rápida.Informação rápida... aqui é que entra os standards, conteudo com carregamento rapido, bem estruturado. Pra finalizar, caso você queira fazer um site totalmente compativel com o W3C, basta criar uma equipe de profissionais com conhecimento amplo das tecnologias que o site vai utilizar, pois em grande parte desses casos, site com conteudo dinamico não validam na hora de pessoas sem conhecimento postam algo no site sem se preocupar com a sematica nen com atributos de tags do XHTML, um exemplo disso é quando uma pessoa coloca uma imagem em um sistema de administração de conteudo sem a tag ALT, ou seja, ERRO ! Crie um sistema de administração que vise erros desses tipo e de muitas outras naturezas e os elemine antes de entrar no banco de dados ou coisa do genero.Espero ter ajudado em algo.NeoN

[Douglas 6]

As vezes também o cliente nem da o devido valor para isso, também ele nem sabe quem é a W3C, o único site que ele conhece é o do concorrente direto dele.Ele quer que o site dele fique bonitinho na tela, quer uma animação em flash rodando o logotipo, quer um menu todo em flash cheio de animações. Ai você diz pra ele que o flash não é acessivel, ele provavelmente não vai querer nem saber, ele quer porque ele viu no site do concorrente, ele não acredita que o site seguindo os padrões é bem melhor do que o do concorrente dele cheio de firulas.. (Não estou dizendo todos e sim alguns!).Para produzir um site totalmente, validado seguindo os padrões leva tempo, tem que ser bem planejado, além disso tem os navegadores que não ajudam.

[jirayaaap 0]

Sinceramente, acho que o q o NeoN citou é interessante, apenas uma frase simplifica muitas coisas: "Tem que eliminar antes de entrar no banco de dados", pois assim, se o BD estiver em standards, o resto é resto, é questão de XHTML, que não é um simples XHTML, mas a sua validação torna-se mais prática.Outro problema sério d+ é o fato do programador que não está nem aí para os standards, o dia que todos os programadores do mundo entenderem, compreenderem e usarem o webstandards teremos uma web 100% válida, o esquema é desenvolver cada vez mais usando nossas DIV's, LI's, OL's e UL's, que daqui a pouo tá todo mundo usando!...é isso pessoal, gostei da repercussão que o tópico deu, até...Jiraya

[Caveira 0]

Gostei do que foi citado aqui

" "zé-oreia" entra no seu site, ve um celo escrito XHTML válido..." neon

 

quem entra em um site, é como o neon disse naum está a procura de codigo e sim em conteudo. achu meio que poluente colocar um selo desses no site pois alem de acupar espaço de algo util, ninguem irá querer saber o que é aquilo, a não ser que seja um designer como nos.

 

A semantica e a usubilidade, vem sendo uma grande duvida na cabeça da maioria, e na minha principalmente, mas se fomos pensar, semantica é apenas torna algo mais facil e limpo como um gibi q até um garotinho de 6 anos que está aprendendo consegue ler.

 

Existe uma tecnica para fazer roteiros de quadrinhos, que se chama DECUPAGEM... voh citar o significado disso tirado de uma revista de roteiro:

 

"A decunpagem é o trabalho de lapidação da sua história. Onde você elimina sequências redundantes ou desnecessárias. É um trabalho delicado, se você gosta de cenas de impacto, escolherá sempre, instintivamente cenas de impacto.

Ao fazer a decupagem tente aliar o instinto com a técnica!

Seja bom juiz, evite que a técnica domine. A criação instintiva é muito importante enão pode ser substituída por técnica."

 

Esse resuminho ae explica muito de como devemos proceder quando criamos um site.

 

Poderemos facilmente construir um portal dinamico validado, se fizermos uma especie de decupagem em nossos sites, pois estando mais acessivel e usual, tambem estará mais facil de entender oo codigo mesmo sendo PHP, ASP ow simplismente XHTML.

 

baum falei di mais hehehe se deixar falo mais kkkk

 

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

^^CAV

[Douglas 6]

Boa Caveira, não conhecia o DECUPAGEM, achei interessante, vou Googlar esse termo.Foi como eu já ouvi dizer.."Se você pode fazer em HTML não inventa faz em HTML, o que não pode ser feito em HTML faça em Flash."

[tiagoborges.net 0]

Alguem saca como validae .swf em XHTML?

[_ nEoN _ 0]

Alguem saca como validae .swf em XHTML?

<{POST_SNAPBACK}>

cria uma funcao em Js...

[[ GuTo ] 0]

Alguém já viu o GAZZAG.COM?Ele é TABLELESS...Não cheguei a tentar valida-lo, acho até difícil, pois é como um orkut, com acesso restrito a usuários cadastrados.Não dei uma olhada com calma no código...Quem tiver lá, avalie e poste aí. Mais tarde qdo tiver um tempo eu posso fazer isso tbm.Abraços!

[_ nEoN _ 0]

This page is not Valid XHTML 1.0 Transitional!4 erros, erros básicos... possivel de ser concertados...

[tiagoborges.net 0]

Como faço a funcao em Js pra validar swf em xhtml?

[[ GuTo ] 0]

http://forum.wmonline.com.br/index.php?showtopic=114388 ;)

[Douglas 6]

Alguem saca como validae .swf em XHTML?

http://www.alistapart.com/articles/flashsatay/

[Genautech 0]

Gostei do que foi citado aqui

" "zé-oreia" entra no seu site, ve um celo escrito XHTML válido..." neon

 

quem entra em um site, é como o neon disse naum está a procura de codigo e sim em conteudo. achu meio que poluente colocar um selo desses no site pois alem de acupar espaço de algo util, ninguem irá querer saber o que é aquilo, a não ser que seja um designer como nos.

 

A semantica e a usubilidade, vem sendo uma grande duvida na cabeça da maioria, e na minha principalmente, mas se fomos pensar, semantica é apenas torna algo mais facil e limpo como um gibi q até um garotinho de 6 anos que está aprendendo consegue ler.

 

Existe uma tecnica para fazer roteiros de quadrinhos, que se chama DECUPAGEM... voh citar o significado disso tirado de uma revista de roteiro:

 

"A decunpagem é o trabalho de lapidação da sua história. Onde você elimina sequências redundantes ou desnecessárias. É um trabalho delicado, se você gosta de cenas de impacto, escolherá sempre, instintivamente cenas de impacto.

Ao fazer a decupagem tente aliar o instinto com a técnica!

Seja bom juiz, evite que a técnica domine. A criação instintiva é muito importante enão pode ser substituída por técnica."

 

Esse resuminho ae explica muito de como devemos proceder quando criamos um site.

 

Poderemos facilmente construir um portal dinamico validado, se fizermos uma especie de decupagem em nossos sites, pois estando mais acessivel e usual, tambem estará mais facil de entender oo codigo mesmo sendo PHP, ASP ow simplismente XHTML.

 

baum falei di mais hehehe se deixar falo mais kkkk

 

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

^^CAV

<{POST_SNAPBACK}>

Desculpe Caveira, mas eu não concordo com o que você escreveu.

 

Primeiramente, é necessário entender o que vem a ser padronização. Se um programador, não está nem aí para a padronização do sistema que está desenvolvendo, é melhor nem começar a produzir um site utilizando web standards.

 

De que vale "decupar" um código pulando a principal etapa do conceito webstandards que é exatamente a integração entre designers e programadores?

 

Vale à pena vocÊ se empenhar para fazer um código válido, e deixá-lo qu eum sistema limpe a sujeira que um código php porventura gerar? Claro que não. mesmo por que esse não é o objetivo do web standards.

 

O objetivo do web standards é criar uma integração completa entre designer e programador, entre usuário e o criador do conteudo, ou seja, fazer com que o em qualquer circunstância ou "viagem" criada pelo arquiteto de uma estrutura web, pelo designer ou mesmo pelo programador, isso tudo seja enfim gerado de uma forma única, compreensível pelo usuário, pelo programador, pelo xhtml-man...

 

Realmente falta uma cultura webstandars no Brasil. Estamos atrasados, bem atrasados.

Fazendo uma comparação grosseira, mas contundente, é como se alguns quizessem compreender uma estrutura molecular apenas vendo seu modelo tridimensional numa prancheta...O máximo que seria compreendido seria a forma bonita e tridimensional de uma estrutura molecular. Só isso. ``e isso que está acontecendo com a cultura webstandards, por parte de alguns desenvolvedores. Estão criando pré-conceitos bobos, para justificar a falta de conhecimento na tecnologia. mas é claro que não é uma justificativa proposital, isso não vem a ser culpa ou falha de ningém , mas sim a falta de uma cultura de estudo por parte dos webdesigners e desenvolvedores brasileiros.

 

O maior exemplo é a quantidade imensa de blogs, portais, sites dev para webstandards, awards e discussões profundas de usabilidade que estão rolando lá fora.

 

Pessoal, o webstandards veio pra ficar, e dentro de no máximo 1 ano, quem quizer se manter no topo do mercado de trabalho e ser requisitado, terá que saber desenvolver conteudo para dispositivos móveis, handhelds, webTV (que já está chegando e usará o conceito "underground" do webstandards) dentro das grandes empresas. é claro que o jeito tradicional de desenvolver sites não vai morrer. (melhor pra nós que estamos discutindo iso hoje). ;-)

 

Pensem mais ou menos assim:

 

Lembram se do java quando surgiu?

 

Comparações à parte, o ceticismo que no primeiro momento pairou sobre a mágica plataforma da sun, retorna ao webstandads por parte de alguns...

 

Hoje, um arquiteto java tem vaga garantida em qualquer lugar do mundo, e o java nada mais é do que uma forma padronizada de pensar utilizando objetos padronizados e definidos anteriormente.

 

Com o webstandards, será (e já está começando a ser) da mesma maneira. Um profissional especializado em semântica, usabilidade e design de interface para usuários é e será muito valorizado (O Felipe Memória) que o diga;-)

 

 

Valeu Pessoal,