About CSS page layouts/de: Difference between revisions
From Joomla! Documentation
No edit summary |
No edit summary |
||
| Line 4: | Line 4: | ||
Stilinformationen werden in CSS (Cascading Style Sheet) codiert und in der Regel in Dateien mit der Erweiterung .css gespeichert. Eine Webseite enthält einen Link zu der zugehörigen .css-Datei. So kann ein Browser die entsprechenden Stil-Angaben für die Seite finden. CSS kann auch innerhalb einer HTML-Datei zwischen <style type="text/css"></style> Tags gesetzt werden. | Stilinformationen werden in CSS (Cascading Style Sheet) codiert und in der Regel in Dateien mit der Erweiterung .css gespeichert. Eine Webseite enthält einen Link zu der zugehörigen .css-Datei. So kann ein Browser die entsprechenden Stil-Angaben für die Seite finden. CSS kann auch innerhalb einer HTML-Datei zwischen <style type="text/css"></style> Tags gesetzt werden. | ||
Der gesamte CSS-Code wird auf ein Element der HTML/XML-Seite angewendet. Wer eine komplette Seite gestalten will, | Der gesamte CSS-Code wird auf ein Element der HTML/XML-Seite angewendet. Wer eine komplette Seite gestalten will, würde ihn vermutlich auf das <body>-Element anwenden. Man kann Stile auf jedes HTML-Element wie <nowiki><p></nowiki>, <nowiki><table></nowiki> oder <nowiki><div></nowiki> anwenden. Um ein bestimmtes Element zu gestalten braucht dieses eine ID. Um beispielsweie ein <nowiki><div></nowiki> welches, den Titel enthält, zu gestalten, würde man diesem zunächst eine ID im HTML-Code zuweisen: <nowiki><div id="title"></nowiki>. | ||
<noinclude> | <noinclude> | ||
Revision as of 17:52, 20 September 2018
Professionelle Webseiten trennen Stil von Inhalt. Es gibt viele Gründe dafür, die offensichtlichste (für Entwickler) ist die Fähigkeit zur Steuerung der Darstellung von vielen Seiten durch die Änderung von nur einer Datei. Stilinformationen enthalten: Schriften; Hintergründe; Bilder (die sich auf jeder Seite wiederholen); Positionen und Abmessungen der Elemente auf der Seite. Die HTML-Datei wird nun versehen mit: Header-Informationen, einer Reihe von Elementen, dem Text der Webseite. Wer ein Joomla! Template erstellt hat, hat nun: einige Headerinformationen, PHP-Code zum Anfordern der Header-Informationen; eine Reihe von Elementen; PHP-Code, um jede Modulposition abzufragen; PHP-Code um den Hauptinhalt anzufordern.
Stilinformationen werden in CSS (Cascading Style Sheet) codiert und in der Regel in Dateien mit der Erweiterung .css gespeichert. Eine Webseite enthält einen Link zu der zugehörigen .css-Datei. So kann ein Browser die entsprechenden Stil-Angaben für die Seite finden. CSS kann auch innerhalb einer HTML-Datei zwischen <style type="text/css"></style> Tags gesetzt werden.
Der gesamte CSS-Code wird auf ein Element der HTML/XML-Seite angewendet. Wer eine komplette Seite gestalten will, würde ihn vermutlich auf das <body>-Element anwenden. Man kann Stile auf jedes HTML-Element wie <p>, <table> oder <div> anwenden. Um ein bestimmtes Element zu gestalten braucht dieses eine ID. Um beispielsweie ein <div> welches, den Titel enthält, zu gestalten, würde man diesem zunächst eine ID im HTML-Code zuweisen: <div id="title">.