html-71

Prévia do material em texto

Se quisermos alterar a propriedade de uma tabela <table> , devemos atribuir um name 
ou um id para o marcador <table>, ficando assim: 
 
<table id= ”table1” > ou <table name= ”table1” > 
 
No CSS o código deve ficar assim: 
 
#table1 { } 
 
Caso o name ou o id fosse tabelaprincipal o código CSS ficaria assim: 
 
#tabelaprincipal { } 
 
O mesmo acontece com os outros marcadores, como <DIV>, <SPAN>, etc 
 
Dentro das chaves { } vão os atributos. 
 
Por exemplo, se quisermos fazer com que a table1 fique com o fundo preto e com 
altura de 200 pixels e largura de 500 pixels usando CSS, devemos colocar dentro 
da chave o atributo background-color : #000000 ; width : 500px ; 
height : 300px ; 
 
Ficando assim o código: 
 
#table1 { 
background-color : #000000 ; 
width : 500px ; 
height : 300px ; 
 } 
 
 
--------------------------------------------------------------------------------------- 
»ir para o sumário 
Aprendendo a fazer layout com tabelas 
 
Um jeito fácil e simples de se fazer um layout é usando tabelas. Apesar de estar saindo 
de uso, as tabelas são umas ferramentas muito úteis na hora de se fazer layout, ainda 
mais se você estiver iniciando na área do Web Design. 
 
Eu nesta apostila estarei falando um pouco de como criar um layout simples, mas que 
usando a imaginação poderá ficar muito bom. 
 
Neste layout, vai conter um topo, duas laterais e um rodapé e claro o meio. 
 
Crie uma pasta em algum lugar do seu computador com o nome Layout, é nela que 
deverá ser salvo todos os arquivos, aproveite e já crie dentro desta pasta outra pasta 
chamada Images para separar as imagens que serão usadas para fazer o Layout 
 
Vamos agora usar o Dreamweaver 8. Abra ele e crie um novo site. 
 
Para isso clique no Menu>Site>New Site