CSS+Tableless no Dreamweaver
Arquivo de (Tableless/CSS) por Felipe Cardozo em 09-03-2008 - 7,474 visualizações
Tags: Acessibilidade, css, Dreamweaver, Htm, Tableless, XML
Cascading Style Sheets, ou simplesmente CSS, é uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML ou XML. Seu principal benefício é prover a separação entre o formato e o conteúdo de um documento.
Ao invés de colocar a formatação dentro do documento, o desenvolvedor cria um link (ligação) para uma página que contém os estilos, procedendo de forma idêntica para todas as páginas de um portal. Quando quiser alterar a aparência do portal basta portanto modificar apenas um arquivo.
Assistir à vídeo aula
Com a variação de atualizações dos navegadores (browsers) como Internet Explorer que ficou sem nova versão de 2001 a 2006, o suporte ao CSS pode variar. O Internet Explorer 6, por exemplo, tem suporte total a CSS1 e praticamente nulo a CSS2. Navegadores mais modernos como Opera, Internet Explorer 7 e Mozilla Firefox tem suporte maior, inclusive até a CSS 3, ainda em desenvolvimento.
Veja a vídeo aula sobre CSS e Tableless
A interpretação dos browsers pode ser avaliada com o teste Acid2, que se tornou uma forma base de revelar quão eficiente é o suporte de CSS, fazendo com que a nova versão em desenvolvimento do Firefox seja totalmente compatível a ele assim como o Opera já é.
Começaremos hoje a sessão sobre CSS. Nesta vídeo aula de introdução iremos aprender um pouco mais sobre CSS e iremos começar a criar nossos estilos de formatação.
Tableless
Tableless é uma forma de desenvolvimento de sites que não utiliza tabelas para disposição de conteúdo na página, pois defende que os códigos HTML deveriam ser usados para o propósito que foram criados, sendo que tabelas foram criadas para exibir dados tabulares como listas, relatórios ou tabelas periódicas. Para a disposição da página o recomendado seria usar CSS. O termo ganhou destaque no Brasil sendo pouco utilizado no resto do mundo.
Dentre as possíveis vantagens da metodologia, estão a diminuição do peso da página (na realidade, o conteúdo da página é mostrado mais rápido, o que não significa que o peso da página seja menor - isso, é claro, sempre dependendo de como o HTML é feito) e melhora da acessibilidade - podem ser vistos em dispositivos móveis sem necessidade de versão especial e por deficientes visuais, embora não sejam muitos os sites tableless que carregam atualmente esta segunda característica.
A ‘onda tableless’ que surgiu no Brasil nos últimos anos, deve-se ao árduo trabalho de divulgação da metodologia por meio do site CSSZengarden.com .






vc poderia ter botado tb as opções para os links, então vai uma pergunta bem simples
como eu faz para o link sublinhar qdo passar o cursor!?
aguardo resposta.
Mto obrigado!
o mxmasters tem solucionado mtas dúvidas q eu tinha! e ainda aprendo coisas interessantes!
abraços
Veja se isso te ajuda: http://www.mxmasters.com.br/2008/01/05/dreamweaver-links-diferentes-videoaula/
abçs
parece um funil com tantos links.
seria mais facil voce colocar zipado e o bendito nome DOWNLOAD
Abraço
Criei um site em PHP e para iniciar meu site usei uma página com nome index e o meio do site é chamado da seguinte forma “index.php?page=principal” , onde principal é somente o meio do site.
A página com o nome principal.php fiz da seguinte forma: criei uma tabela com 650×1200 e coloquei uma figura com o mesmo tamanho como background e para escrever o conteúdo dessa página coloquei uma tabela com 50 linhas. O que está acontecendo é o seguinte: quando eu coloco uma figura ou um texto dentro dessas linhas, no Internet Explorer o contedo está igual o que mostra o Dreamweaver CS3 mas no Mozilla o conteúdo está tudo fora de lugar. Como faço para arrumar isso?
Meu site é http://www.trilhadaonca.com
Muito obrigado meu amigo e fique com Deus.
Ao invés de colocar uma tabela no meio com 50 linhas, coloque a tabela com uma linha só e coloque o texto.
Esse pode ser o problema.
Abçs
vlw felipe…
Claro que posso avaliar. Coloque o link aqui ou então mande para contato@mxmasters.com.br
Fico no aguardo!
Abçs
Infelizmente esta migração para o videolog dificulta o download, porém as melhorias são consideráveis, tornando isso um pequeno detalhe.
Forte abraço!
Você precisa verificar se o link que chama o CSS externo está corretamente inserido na sua index.
Nas vídeo aulas de CSS eu ensino isso.
[]´s
..Vc poderia esplicar sobre um efeito muinto intresante que e´usado com css tambem o Pallalax ou futuramente fazer uma video aula sobre ele ..muinto obrigado abraço
abço!
apesar d ja ssaber um pouco sobre css ja falado na aula
msmo assim deu pra tirar algumas duvida
Vlw !
queria saber saber se vc pode ensinar a colocar um calendario como esse do mxmasters e tambem tenho interesse em aprender a fazer gifs animados e se nao se importa em colocar umas aulas sobre isso tbm, seria mto bom.
Vlw ^^
Obrigado pela video aula, bem explicadinha !
estou acompanhando seus trabalhos.
Abraços !
Um grande abraço a todos.
tava precisando relembrar CSS.
valeu Felipe
Adorei suas video aulas!!!
meus parabens e meus parabens para voces!!!!
estou conectado com voces todos os dias desde as 08:00 as 18:00!!!
isso eh gostar do MX MAsters!!
um forte abraço a todos voces!!!!!