-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsobre.asp
executable file
·55 lines (53 loc) · 4.11 KB
/
sobre.asp
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!-- #include file="cab.asp" -->
<h2>Sobre o site</h2>
<p>
O principal objetivo é divulgar os web standards aos desenvolvedores web, para que eles possam primeiramente mudar seu jeito de construir sites, e depois, mudar a internet.<br />
Precisamos de uma internet mais acessível, mais veloz, mais flexível. Fazer sites que todos possam acessar é o mínimo que temos de fazer.
</p>
<p>
Nós "convertemos" alguns sites do método convencional para o método tableless. Você poderá compará-los visitando a seção de <a href="http://www.tableless.com.br/convertidos/">convertidos</a> do menu.
</p>
<h2>O que é Tableless?!</h2>
<p>
Tableless não é uma tecnologia! Tableless não é Linguagem de programação! Tableless não é um programa! Tableless não é de comer!<br />
Tableless é um método de construir sites, usando os Padrões Web (Web Standards) como guia.
</p>
<p>
Usamos <a href="http://www.w3.org/Style/CSS/" target="_blank" title="CSS (Cascading Style Sheet) - Leia mais informações na W3C.">CSS</a> para a formatação das informações aprensentadas nos arquivos de marcação de texto, se preferir, arquivos <a href="http://www.w3.org/MarkUp/" target="_blank" title="HTML - Visite o W3C para ter maiores informação.">HTML</a> ou <a href="http://www.w3c.org/TR/xhtml1/" target="_blank" title="XHTML - Visite o W3C para ter maiores informação.">XHTML</a>.
</p>
<p>
Explicando melhor... Não usamos as famosas Tabelas para fazer a estruturação do site. Para estruturação, usamos única e exclusivamente CSS. Não abolimos totalmente as tabelas. No método tableless, nós usamos todas as tags semânticamente, ou seja, cada tag tem sua ação. Se você quer italico, você usa a tag <i></i>, se você quer um parágrafo, você usa <p></p>, entendeu? Então, se você quer exibir dados tabulados, como por exemplo, uma lista de produtos, seguidos de preço, nome do produto, e se está disponível no estoque, você usará as Tabelas. Então, é certo usar tabelas para exibição de dados tabulados, nunca para estruturação de layout.
</p>
<h2>Vantagens</h2>
<p>
Existem muitas vantagens para os desenvolvedores, bem como para os usuários. Um site tableless é recheado de qualidades.<br /> Aqui vão algumas:
</p>
<ul>
<li>
O site fica mais acessível, não só para deficientes, mas para usuários de outros dispositivos que não sejam desktops, como os Mobile User´s - usuários de dispositivos móveis (pda´s, celulares, smartphones, etc).
</li>
<li>
O site ganha agilidade por causa da redução de tags desnecessárias. Como a formatação (css) está totalmente separada do arquivo de informação (html), há uma queda considerável no download dos arquivos do site.
</li>
<li>
Há uma agilidade na manutenção do site. O designer, se quiser alterar algo no layout, ou, se quiser alterar o layout inteiro do site, ele apenas terá o trabalho de modificar o arquivo CSS.
</li>
<li>
Não há a necessidade de fazer uma versão para HaldHelds ou para impressão. Basta usar os <a href="http://www.w3schools.com/css/css_mediatypes.asp">Media Types</a> do css. Com um layout tableless isso fica muito mais fácil.
</li>
<li>
Há uma maior compatibilidade entre diferentes tipos de browsers (IE, Mozilla, Opera, Konqueror, etc) ou robôs de busca como o google ou outros.
</li>
<li>
Como um site tableless tem um tamanho muito menor do que os sites feitos convencionalmente, há uma economia gigantesca de banda.
</li>
</ul>
<h2>Criador</h2>
<p>
<a href="http://www.tableless.com.br/portfolio/">Diego Eis</a>, criou o <a href="http://www.tableless.com.br/">Tableless.com.br</a> para compartilhar informações, idéias e estudos com outros interessados no assunto.
</p>
<p>
Ele conta com a grande ajuda do <a href="http://elcio.locaweb.com.br/">Elcio Ferreira</a>, diretor de tecnologia da <a href="http://www.atipico.com.br/">Atípico</a> e responsável pelo blog sobre tecnologia <a href="http://elcio.locaweb.com.br/">fechaTAG</a>.
</p>
<!-- #include file="direita.asp" -->
<!-- #include file="rodape.asp" -->