Tableless - Desenvolvimento inteligente com Padrões Web

18/02/2008
Artigos

Sobre hipertextos

A linguagem básica de desenvolvimento para web é a HTML. O nome completo seria “Linguagem de Marcação de Hipertexto” – HyperText Marckup Language, que é o termo em inglês de onde se origina a abreviação HTML. Durante muito tempo, nós …

Por


A linguagem básica de desenvolvimento para web é a HTML. O nome completo seria “Linguagem de Marcação de Hipertexto” – HyperText Marckup Language, que é o termo em inglês de onde se origina a abreviação HTML.
Durante muito tempo, nós desenvolvedores, ignoramos a importância da HTML. É ela que dá significado para a informação exibida e consumida na web. Por isso, é importante que saibamos suas características e em quais conceitos a HTML é baseada. Para começar a HTML é uma maneira de escrever hipertextos.

Conceito de Hipertexto

A HTML é baseada no conceito de Hipertexto. Hipertexto são conjuntos de elementos – que muitos chamam de nós – ligados por conexões. Estes elementos podem ser palavras, imagens, vídeos, áudio, documentos, etc.
Estes elementos conectados formam uma grande rede de informação. Eles não estão conectados linearmente, como se fosse um texto de um livro, por exemplo, que um assunto é ligado ao outro seguidamente. A conexão feita em um hipertexto é algo imprevisto.
O hipertexto permite a comunicação de dados, organizando conhecimentos e guardando informações relacionadas.

Meios de escrita

O Hipertexto é algo diferente dos meios de escrita convencionais. Ela mudou a forma da leitura e escrita tradicional. A impressão, por exemlo, que é um meio no qual estamos acostumados em nosso dia-a-dia, tem um método original para que você absorva a informação ali exibida. Algumas características do texto impresso: Titulos, Sub-títulos, parágrafo de introdução (olho de texto), numeração de páginas, índice, etc. Essas características não servem e nem combinam com o conceito utilizado no manuscrito, que foi feito para leitura rápida e não linear. No manuscrito há uma série de conexões que indicam caminhos para outros livros e notas de rodapé.
São objetivos e maneiras diferentes para tratar formas de leituras diferentes. O hipertexto também modifica a forma com que a pessoa lê e absorve a informação escrita. O hipertexto dá acesso rápido e abundante a informações diretamente ligadas a assuntos e elementos localizados em diversos pontos do texto. É uma forma de leitura diferenciada, não linear e dependente de vários elementos formando uma rede de informação complexa.

Enquanto em um livro você página por página, linearmente, para formar uma rede de pontos que compõe o assunto tratado do livro, em um hipertexto você tem vários assuntos em volta de um único elemento. São elementos interligados, formando uma rede complexa. Cada elemento particular tem por sua vez outros elementos formando outro universo de conexões.

A HTML foi feita baseado neste conceito, que é fácil de ser entendido quando navegamos pela web. No início da internet, os elementos usados para formar um hipertexto eram basicamente o texto e imagens. Esses por sua vez recebem links que levam o usuário para outro ponto, com links relacionados a outros assuntos. Com a internet ficando cada vez mais veloz, hoje é possível utilizar vídeos e áudio como partes destes elementos. Utilizamos ainda muito basicamente o potencial destes dois elementos.
Pesquisadores passados já tentaram criar e adaptar aparelhos e métodos que funcionassem dentro do conceito de hipertexto. Isso era discutido para melhorar a capacidade de estudo e pesquisa de assuntos complexos. Mesmo assim a internet tem se mostrado a melhor forma de utilização do conceito de hipertexto. É uma base onde há contribuição de conteúdo do mundo inteiro, diariamente, com informações ricas e abundantes.
O interessante é que a web ainda é nova e imprevisível.

Por Diego Eis

Diego Eis criou o Tableless para disseminar os padrões web no Brasil. Como consultor já treinou equipes de empresas como Nokia, Globo.com, Yahoo! e iG. É palestrante e empreendedor.

http://twitter.com/diegoeis/

Veja os outros posts de

  • http://igorescobar.webtutoriais.com/ Igor Escobar

    Agora você disse tudo.

    Muitos desenvolvedores se empolgam muito com a quantidade e possibilidades e tecnologias que vem surgindo e quando percebem eles se esquecem da linguagem de marcação que deu origem ao todo grande e poderoro cyber espaço.

    É muito importante entender a fundo as origens para poder compreender os meios.

  • http://www.gamesphere.com.br Natanael Rabelo

    Texto bem esclarecedor, muito bom

  • http://floripasom.com Acelio Filho

    Viva o acronym!

  • Frank Gilber

    Eu concordo com a frase, (que agora você disse tudo) e também concordo com que o Igor falou da importância de entender a fundo as origens para poder compreender os meios. :)

  • http://peixefresco.net Rodrigo van Kampen

    O grande problema do hipertexto é que ele é lindo na teoria, na prática é extremamente complexo. Em primeiro lugar, há em praticamente toda a informação “digerida” (textos, manuscritos, filmes, roteiros), uma idéia central e elementos de coesão, que permitem a interpretação daquela informação.

    Em um texto hiper-segmentado, ou seja, em uma total falta de linearidade, essa idéia central desaparece, e a compreensão daquilo que está sendo passado (que é o objetivo maior de uma informação) se perde.

    O hipertexto ideal teórico ainda não é possível ser realizado em sua plenitude sem comprometer a sua compreensão. Por isso hoje em dia se buscam os “meio termos”, textos com referências, interconexões que se complementam. Mas cada unidade tem que ter um sentido e uma compreensão intrínseca somente a ela, que pode ser ampliada com os sentidos das outras unidades, e não que dependam dela para a compreensão do todo.

    Complexo este comentário meu, mas é resultado de um semestre inteiro brigando com o professor de jornalismo digital, que acredita em um mundo onde cada parágrafo esteja em um lugar. Que coisa!

    Abraços!

  • http://marcelomx.wordpress.com Marcelo

    Rodrigo, esse seu conceito é basicamente o da Web Semântica (que não tem nada ver com a semântica dos padrões web, html, css e etc.), que ainda é uma utopia. Não deixa de ser um parametro correto e singular ao que deveria ser essa imensa rede. :)

    abraços

  • http://tableless.com.br/ Diego Eis

    Ótima colocação Rodrigo.

  • James Clebio

    Massa, Rodrigão… ;D

  • http://www.izac.com.br Ivan

    Muito boa colocação!

  • http://www.studiodpi.com.br Rafael Feliciano

    O melhor comentário foi esse:
    ‘E quem acha que fazer HTMLZINHO e CSSZINHO não é importante, vá pro inferninho queimar devagarinho.’

  • http://www.guiadefloripa.com Luciano M.

    No meu ponto de vista, é requisito minimo se ter noções de semântica, usuabilidade, e também acessibilidade.

    Na internet, hoje em dia, muitos dos websites, utilizam CSS para estilizar as informações no HTML. E a metodologia que muitos utilizam para desenvolver suas páginas, acaba fazendo com que a mesma se torne indisponivel nos navegadores mais conhecidos, ou seja, deixa de ser crossbrowser.

  • http://www.viamais.net/blog Petter

    Muito interessante, hoje no meio dessa sopa de tecnologia o pessoal esquece que tudo começou no HTML.

  • http://feliperoberto.webcindario.com/ Felipe Roberto

    Onde td começou, e hj as standards se apoiam.
    Html é o passado, e o futuro!

  • http://www.missoeside.com eliseu

    ola preciso de ajuda para ter meu web site cada dia mais visitado

  • http://codando.wordpress.com Elomar França

    Excelente texto. Conhecer melhor a web mais como uma mídia que como apenas uma plataforma de desenvolvimento pode ajudar o desenvolvedor a criar sistemas mais eficientes, que ofereçam mais ao usuário.

    =D

    Espero mais artigos no estilo.

  • Seyfertt

    Muita gente cospe para o alto esquecendo que uma hora o cuspe cai novamente a cabeça. \\o

  • http://dudufigueiredo.com Dudu Figueiredo

    Vale pesquisar o nome do idealizador do conceito, aquele que cunhou o termo hypertext, Ted Nelson.

  • Pingback: Tutorial Iniciante de HTML: Links « Codando

  • luan

    È a ferramenta mas completa para linhas de comando.

  • Antonio

    o texto é nota 10 muito bom

  • Pingback: Professoramilza's Blog