About CSS page layouts/pt

Os websites profissionais separam o estilo do conteúdo. Existem várias razões para que tal aconteça, a mais óbvia (para um developer) é a possibilidade de controlar o estilo de várias páginas alterando apenas um ficheiro. A informação sobre estilos inclui: fontes; imagens de fundo; imagens (que se repetem em todas as páginas); posição e dimensões de elementos numa página. O nosso ficheiro HTML fica apenas a conter: a informação de header; uma série de elementos; o texto do nosso website. Quando está a criar um tema Joomla! ele apenas inlcuirá: alguma informação de header; código php solicitando o resto das informações do header; uma série de elementos; código php solicitando as posições de cada módulo; código php solicitando o conteúdo principal.

As informações sobre estilos são programadas em CSS, cascading style sheet, e normalmente guardadas em ficheiros com a extensão .css. UM página web contém um link para o ficheiro .css associado para que o browser consiga encontrar a informação sobre o estilo a ser aplicado na página. O código CSS também pode ser inserido dentro do HTML entre as tags <style type="text/css"></style>.

Todo o código CSS é aplicado a um elemento de uma página html/xml. Se você quiser um estilo que abranga toda uma página, provavelmente iriá aplicá-lo no elemento <body>. Pode aplicar estilos a qualquer elemento html, tais como <p>, <table> ou <div>. Para aplicar um estilo a um determinado elemento ele precisa de ter um ID. Por exemplo, para aplicar estilos ao elemento <div> contendo o título, você teria o primeiro que incluir um ID no código html - <div ID="title">.

Categoria:Modelos Categoria:CSS