Homepage erstellen mit Zikula und Html

Html benötigst Du auch für Zikula

Zikula ist ein Application Framework, das mit Smarty und ab der Versionsreihe 1.4.x mit Twig, beides Template Engines, arbeitet.

Templates sind nichts anderes als Html* Dateien, die mit Platzhaltern versehen werden (können).

Standard in Html ist heute Html5*. Html5 sieht unter anderem vor, eine Seite einer Homepage auf spezielle Art und Weise zu strukturieren.

Html Struktur einer Seite


Eine Seite Deiner Homepage muss folgendes Grundgerüst in Html haben.

 

<!doctype html>

<html>

    <head>

    </head>

    <body>

    </body>

</html>

 

Mit dem Befehl <!doctype html> legst Du den Dokumenttyp fest; hier html5.

Wie Du vielleicht bemerkst kommt jeder Tag, so heißen Befehle in Html, zweimal vor. Das ist nicht so ganz richtig, denn der 2. Tag ist der jeweilige schließende Tag. Ein schließender Tag beinhaltet zusätzlich den Querstrich.

Mit den 3(6) Tags wird eine Seite für eine Homepage (<htm></html>) bestimmt. Es ist ein Head-Bereich(<head></head>) zu finden und ein Körper(<body></body>).

Was wir in den Körper (body) hinneinschreiben, wird auf einer Seite angezeigt, wenn wir sie auf den Server hochladen und aufrufen.

 

<!doctype html>

<html>

    <head>

    </head>

    <body>

    Dies ist der Körper dieser Seite. Hier können Inhalte hinterlegt werden, die dann angezeigt werden.

    </body>

</html>

Werbung

q?_encoding=UTF8&ASIN=3836241587&Format=_SL250_&ID=AsinImage&MarketPlace=DE&ServiceVersion=20070822&WS=1&tag=beziehu-21&language=de_DE

 

Wenn wir in einem Texteditor das oben gezeigte in einer Datei 'test' mit der Endung 'html' speichern und die Datei dann hochladen und aufrufen, bekommen wir folgendes zu sehen.

Eine Testseite mit Html

 

Fazit

Hier zeigt sich schon, dass Html kein Hexenwerk ist, sondern mit ausreichendem Interesse am Thema relativ schnell zu durchdringen ist. Eine Seite, die mir selbst schon gute Dienste geleistet hat, ist SelfHtml. Dort findest du eine strukturierte Auflistung aller möglichen Befehle in Html.

In weiteren Artikeln werde ich versuchen, Dir Html noch ein wenig näher zu bringen.

Ähnliche Artikel mit entsprechenden Themen


Html zum Erstellen Deiner Homepage - Ohne Html Kenntnisse
Im vorherigen Artikel hast Du erfahren, wie das Grundgerüst einer Seite Deiner Homepage aussehen... Mehr

Kategorien

  • HTML

Erstellung und Aktualisierung

Erstellung
Erstellt von michael.ueberschaer am 10.11.2016, 09:13
Letzte Aktualisierung
Aktualisiert von michael.ueberschaer am 27.10.2018, 15:11
Kategorien im Blog
Partner
Werbung


Die neuesten Downloads
  • Zikula 1.5.9
    Mehr lesen
  • Zikula 2.0.12
    Mehr lesen
  • Bootstrap Standard Theme
    Für Zikula 2.0.11 oder höher - For Zikula 2.0.11 or higher. Dieses Theme ist als...
    Mehr lesen
  • Blogging 1.1.0
    Mehrsprachiges Bloggen - Multilingual blogging
    Mehr lesen
  • AutoLinks 1.0.1
    Automatische Linkerstellung - Automatic link creation
    Mehr lesen