Beispielwebseite 9 - Versionsgeschichte

Urs Gamper am 6. Januar 2018 um 14:23 Uhr

2018-01-06T14:23:07Z

Torsten: /* Download */

2011-06-06T16:43:00Z

‎Download

Torsten: /* Beschreibung */

2011-06-06T16:15:39Z

‎Beschreibung

Torsten: Die Seite wurde neu angelegt: „Kategorie:Beispiele {{Beispielwebseiten klein}} center [http://examples.gampers.ch/beispielseiten/seite9 '''Live D…“

2011-06-06T16:15:11Z

Die Seite wurde neu angelegt: „Kategorie:Beispiele {{Beispielwebseiten klein}} center <center>[http://examples.gampers.ch/beispielseiten/seite9 '''Live D…“

Neue Seite

[[Kategorie:Beispiele]]
{{Beispielwebseiten klein}}

[[Image:Beispielwebseite9.jpg|center]]

<center>[http://examples.gampers.ch/beispielseiten/seite9 '''Live Demo''']</center>

== Beschreibung ==
Diese Webseite ist im Blog-Stil aufgebaut mit einem horizontalen Menü im Kopfbereich der Webseite. Der Inhaltsteil wird zentriert darunter dargestellt. Weiter unten befindet sich ein kleiner Fußbereich für Copyright Informationen und weitere Hinweise.

Eine Besonderheit dieser Webseite ist das Bild unter Kopfbereich der Seite, welches mit einer Art Fotoumrandung dargestellt wird. Für diesen Fotobereich existiert zudem eine [[Assoziation]], so dass für jeden Menüpunkt unterschiedliche Fotos angezeigt werden können.

Diese Webseite verwendet etwas mehr Bilder für das Layout und macht dieses damit statischer. Sie eignet sich aber trotzdem sehr gut um weitere Möglichkeiten beim Design der Seite aufzuzeigen und zu entdecken. Die Webseite ist insbesondere auf kleinere Präsenzen zugeschnitten, in denen Blogs, Fotos und weitere Informationen publiziert werden können. Bereits eingebaut ist ein zur der Webseite passendes zweispaltiges Layout und Design für den Blog. Der in der Demo gezeigte Inhalt ist nur ein Vorschlag wie die Webseite aussehen könnte. Wenn Sie die Webseite auf Ihrem Server einrichten, werden selbstverständlich die von Ihnen im Backend erstellten Inhalte voll dynamisch ausgelesen und angezeigt.

[[Image:Note.png]] ''Hinweis'': diese Webseite ist vollständig kompatibel zum [[Blog|Blog-Modul]] von DynPG, welches Sie kostenlos von der [http://www.dynpg.org/download.php?read_group=8 DynPG Homepage] herunterladen können. Das bedeutet, Sie ''können'' in dieser Seite einen Blog betreiben, müssen dies aber nicht tun.

== Download ==
Der Code für die Webseite kann hier heruntergeladen werden: '''[[File:beispielseite9.zip|Download]]'''

In diesem Archiv befinden sich alle Dateien für das Frontend der Webseite. Die Struktur ist wie folgt:
{| border=0

|-
| valign="top" | '''conf/'''
| valign="top" | ''':'''
| enthält die Konfigurationsdatei in der Sie Einstellungen für die Webseite festlegen könnnen.

|-
| valign="top" | '''css/'''
| valign="top" | ''':'''
| enthält die Stylesheets für die Webseite.

|-
| valign="top" | '''img/'''
| valign="top" | ''':'''
| hier können Sie ein Bild <tt>header.jpg</tt> platzieren, welches dann im Kopfbereich der Seite angezeigt wird.

|-
| valign="top" | '''inc/'''
| valign="top" | ''':'''
| enthält die Snippets die von der Seite für die dynamische Darstellung von Inhalten verwendet werden.

|-
| valign="top" | '''template/'''
| valign="top" | ''':'''
| enthält einen Templateordner für ein zweispaltiges Layout des Blogs, welchen Sie in den Templateordner des Blog Moduls kopieren können.

|-
| valign="top" | '''index.php'''
| valign="top" | ''':'''
| die Index Datei der Webseite, die Sie in Ihrem Browser aufrufen können. Hier werden alle anderen Dateien eingebunden und das Layout der Seite festgelegt.

|}

{{Beispielseiten - Einrichtung und Anpassung (Blog)}}

=== Header-Bild ===
Sie können bei dieser Webseite ebenfalls das Bild im Kopfbereich der Webseite anpassen. Ersetzen Sie dazu einfach das Bild <tt>header.jpg</tt> im Ordner <tt>img/</tt> durch Ihr eigenes. Dieses Bild sollte im Idealfall eine Höhe von 300 Pixeln haben und kann so breit sein, wie Sie es wünschen. Soll sich das Bild wie im Beipsiel über die gesamte Seite erstrecken, so sollte es sehr breit sein, um auch die höchste Auflösung zu unterstützen. Wählen Sie dazu z.B. eine Breite 1600 Pixeln. Sie können das Bild natürlich auch kleiner gestalten und den restlichen Platz mit einer passenden Hintergrundfarbe gestalten oder so belassen, was auch zu einem interessanten Effekt führen kann.

← Nächstältere Version		Version vom 6. Januar 2018, 14:23 Uhr
Zeile 6:		Zeile 6:


−	~~<center>[http://examples.gampers.ch/beispielseiten/seite9 '''Live Demo''']</center>~~

	== Beschreibung ==		== Beschreibung ==

← Nächstältere Version		Version vom 6. Juni 2011, 16:43 Uhr
Zeile 18:		Zeile 18:

	== Download ==		== Download ==
−	Der Code für die Webseite kann hier heruntergeladen werden: '''[[~~File~~:beispielseite9.zip\|Download]]'''	+	Der Code für die Webseite kann hier heruntergeladen werden: '''[[Media:beispielseite9.zip\|Download]]'''

@@ Zeile 11: / Zeile 11: @@
 Diese Webseite ist im Blog-Stil aufgebaut mit einem horizontalen Menü im Kopfbereich der Webseite. Der Inhaltsteil wird zentriert darunter dargestellt. Weiter unten befindet sich ein kleiner Fußbereich für Copyright Informationen und weitere Hinweise.
-Eine Besonderheit dieser Webseite ist das Bild unter Kopfbereich der Seite, welches mit einer Art Fotoumrandung dargestellt wird. Für diesen Fotobereich existiert zudem eine [[Assoziation]], so dass für jeden Menüpunkt unterschiedliche Fotos angezeigt werden können.
+Eine Besonderheit dieser Webseite ist das Bild unter Kopfbereich der Seite, welches mit einer Art Fotoumrandung dargestellt wird. Für diesen Fotobereich existiert zudem eine [[Assoziationen|Assoziation]], so dass für jeden Menüpunkt unterschiedliche Fotos angezeigt werden können.
 Diese Webseite verwendet etwas mehr Bilder für das Layout und macht dieses damit statischer. Sie eignet sich aber trotzdem sehr gut um weitere Möglichkeiten beim Design der Seite aufzuzeigen und zu entdecken. Die Webseite ist insbesondere auf kleinere Präsenzen zugeschnitten, in denen Blogs, Fotos und weitere Informationen publiziert werden können. Bereits eingebaut ist ein zur der Webseite passendes zweispaltiges Layout und Design für den Blog. Der in der Demo gezeigte Inhalt ist nur ein Vorschlag wie die Webseite aussehen könnte. Wenn Sie die Webseite auf Ihrem Server einrichten, werden selbstverständlich die von Ihnen im Backend erstellten Inhalte voll dynamisch ausgelesen und angezeigt.