About CSS page layouts/pt
From Joomla! Documentation
Revision as of 15:41, 24 May 2017 by Lampreia Lopes (talk | contribs)
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 da página html/xml. Se você quer um estilo para abranger toda uma página, provavelmente iria 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 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">.