About CSS page layouts/pt
From Joomla! Documentation
This page is a candidate for deletion. The given reason is: This page is orphaned. The information, while relevant and well written, might be better placed elsewhere like https://docs.joomla.org/More_advanced_Joomla!_templates, rather than being an article on its own.
This notice should remain for a minimum of 1 week after it was placed on the page. If discussion is still ongoing, it should remain until a consensus is reached, after which the page will either be deleted or this notice removed. If you disagree with its deletion, please discuss your reasons on its associated talk page, as applicable.
Remember to check if anything links here and the page history before deleting.
Last edit by FuzzyBot (talk · contrib) · Last edited on Sat, 17 Oct 2020 11:09:10 +0000
Os sites da Web profissionais separam o estilo do conteúdo. Existem várias razões para isto, a mais óbvia (para um programador) é a possibilidade de controlar o estilo de várias páginas alterando apenas um ficheiro. A informação de estilo inclui: tipos de letra; 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 cabeçalho; uma série de elementos; o texto do seu site da Web. Porque está a criar um modelo Joomla!, este irá ter atualmente: alguma informação de cabeçalho; código php para solicitar o resto da informação do cabeçalho; uma série de elementos; código php para solicitar a posição de cada módulo; código php para solicitar o conteúdo principal.
A informação de 'Estilo' são programadas em CSS, folha de estilo em cascata, e normalmente guardadas em ficheiros com a extensão .css. Uma página da Web contém uma hiperligação para o ficheiro .css associado para que o navegador possa encontrar a informação do estilo apropriado para aplicar na página. CSS também pode ser inserido dentro do ficheiro HTML entre as etiquetas <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">.