Como sou teimoso decedi investigar isto das CSS, apresento aqui os resultados. Não será novidade para muita gente mas pelo menos para mim é:
Imaginemos que eu queria fazer um web site que por acaso ficava com o seguinte nome
www.esparsos.neto primeiro problema para chegar a configuração que está na página era a colocação do texto na página com aquela disposição: Tabelas ou CSS?
estive a ler as recomendações da w3c sobre o uso de css em vez de tabelas
e sinceramente não me convenceram muito, mas como sou bem mandado, nada de tabelas!
Avançando, descobri que com o Dreamweaver é facilimo e vantajoso usar as Cascading Style Sheets
para o exemplo do site esparsos utilizei um css esterno que configura todas as páginas:
no dreamweaver MX 2004:
File-New-Html
Tex-Css Styles-New
botar nome e selecionar a opção pre defenida (Class can apply to any tag)
gravar com a extenção css (no caso esparsos.css). Depois é só configurar ao gosto
no esparsos fiz assim:
.esparsos1 {
position: absolute;
left: 50mm;
top: 0mm;
margin: 3mm;
padding: 1mm;
height: 1cm;
width: 10cm;
}
.esparsos2 {
position: absolute;
top: 15mm;
width: 15cm;
margin: 3mm;
padding: 1mm;
left: 50mm;
border: thin solid #000099;
background-color: #FFFFFF;
}
.esparsos3 {
position: absolute;
left: 0mm;
top: 15mm;
width:3cm;
margin: 3mm;
padding: 1mm;
border: thin solid #000099;
background-color: #FFFFFF;
}
a:link {
text-decoration: none;
color: #BBBBBB;
}
a:visited {
text-decoration: none;
color: #BBBBBB;
}
a:hover {
text-decoration: none;
color: #000077 ;
}
a:active {
text-decoration: none;
}
a {
font-weight: bold;
}
body {
background-image: url(imagens/esparsos2.gif);
}
Agora como quero utilizar este estilo em todas as páginas e por isso criei um ficheiro .css basta ligar este ficheiro a todas as minhas páginas da seguinte forma entre os tags <Head></Head>:
<link href="esparsos.css" rel="stylesheet" type="text/css">poderia não utilizar um link colocando o estilo na própria página bastando para isso colocar o código inteiro também no <Head> mas entre os tags:
<Head>
<style type="text/css">
<!--
código aqui
-->
</style>
</head>Mas só utilizaria dentro da página se esse estilo se aplicasse apenas a essa página caso contrário seria perda de tempo
A vantagem de ter utilizado css é que me formatou todo o texto de todas as páginas e com ele consigo controlar o comportamento da página face aos diferentes browsers, tamanho e resoluções de ecrã. tudo isto com um pequeno código.
sucessso finalmente! muito obrigado pela paciência