https://wiki-en.dynpg.org/wiki_de/index.php?action=history&feed=atom&title=Beispielwebseite_8Beispielwebseite 8 - Versionsgeschichte2026-04-17T15:39:10ZVersionsgeschichte dieser Seite in DynPG-WikiMediaWiki 1.23.5https://wiki-en.dynpg.org/wiki_de/index.php?title=Beispielwebseite_8&diff=3782&oldid=prevUrs Gamper am 6. Januar 2018 um 14:22 Uhr2018-01-06T14:22:54Z<p></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">← Nächstältere Version</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">Version vom 6. Januar 2018, 14:22 Uhr</td>
</tr><tr><td colspan="2" class="diff-lineno">Zeile 6:</td>
<td colspan="2" class="diff-lineno">Zeile 6:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"><center>[http://examples.gampers.ch/beispielseiten/seite8 '''Live Demo''']</center></del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>== Beschreibung ==</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>== Beschreibung ==</div></td></tr>
</table>Urs Gamperhttps://wiki-en.dynpg.org/wiki_de/index.php?title=Beispielwebseite_8&diff=3194&oldid=prevTorsten: /* Download */2011-06-06T16:42:45Z<p><span dir="auto"><span class="autocomment">Download</span></span></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">← Nächstältere Version</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">Version vom 6. Juni 2011, 16:42 Uhr</td>
</tr><tr><td colspan="2" class="diff-lineno">Zeile 14:</td>
<td colspan="2" class="diff-lineno">Zeile 14:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>== Download ==</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>== Download ==</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Der Code für die Webseite kann hier heruntergeladen werden: '''[[<del class="diffchange diffchange-inline">File</del>:beispielseite8.zip|Download]]'''</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Der Code für die Webseite kann hier heruntergeladen werden: '''[[<ins class="diffchange diffchange-inline">Media</ins>:beispielseite8.zip|Download]]'''</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
</table>Torstenhttps://wiki-en.dynpg.org/wiki_de/index.php?title=Beispielwebseite_8&diff=3169&oldid=prevTorsten: Die Seite wurde neu angelegt: „Kategorie:Beispiele {{Beispielwebseiten klein}} center <center>[http://examples.gampers.ch/beispielseiten/seite8 '''Live D…“2011-06-06T16:10:59Z<p>Die Seite wurde neu angelegt: „<a href="/wiki_de/index.php?title=Kategorie:Beispiele" title="Kategorie:Beispiele">Kategorie:Beispiele</a> {{Beispielwebseiten klein}} <a href="/wiki_de/index.php?title=Datei:Beispielwebseite8.jpg" title="Datei:Beispielwebseite8.jpg">center</a> <center>[http://examples.gampers.ch/beispielseiten/seite8 '''Live D…“</p>
<p><b>Neue Seite</b></p><div>[[Kategorie:Beispiele]]<br />
{{Beispielwebseiten klein}}<br />
<br />
<br />
[[Image:Beispielwebseite8.jpg|center]]<br />
<br />
<br />
<center>[http://examples.gampers.ch/beispielseiten/seite8 '''Live Demo''']</center><br />
<br />
== Beschreibung ==<br />
Diese Webseite ist im klassischen Stil aufgebaut und besitzt ein vertikales Navigationsmenü, welches sich links neben dem Inhaltsteil befindet. Der Kopfbereich besteht aus einem Titeltext, dem z.B. auch noch ein Logo hinzugefügt werden kann und einem Bild, welches daneben angezeigt wird. Weiter unten befindet sich der Fußbereich der Webseite, in dem z.B. weitere Links platziert werden können, sowie Kontaktinformationen, ein Link zum Impressum und ähnliches hinzugefügt werden können. Alle Bereiche der Webseite werden zentriert dargestellt.<br />
<br />
Bereits in die Webseite integriert ist außerdem eine Sitemap für die Suchmaschinenoptimierung und bessere Übersichtlichkeit. Des Weiteren haben Sie die Möglichkeit, einen festen Text, sowie einen [[Assoziationen|Assoziationstext]] in der Seitenleiste unter dem Navigationsmenü anzeigen zu lassen. Diese Art von Webseiten eignet sich besonders gut für größere Webseiten von Organisationen oder Firmen.<br />
<br />
== Download ==<br />
Der Code für die Webseite kann hier heruntergeladen werden: '''[[File:beispielseite8.zip|Download]]'''<br />
<br />
<br />
In diesem Archiv befinden sich alle Dateien für das Frontend der Webseite. Die Struktur ist wie folgt:<br />
{| border=0<br />
<br />
|- <br />
| valign="top" | '''conf/'''<br />
| valign="top" | ''':'''<br />
| enthält die Konfigurationsdatei in der Sie Einstellungen für die Webseite festlegen könnnen.<br />
<br />
|- <br />
| valign="top" | '''css/'''<br />
| valign="top" | ''':'''<br />
| enthält die Stylesheets für die Webseite.<br />
<br />
|- <br />
| valign="top" | '''img/'''<br />
| valign="top" | ''':'''<br />
| hier können Sie ein Bild <tt>header.jpg</tt> platzieren, welches dann im Kopfbereich der Seite angezeigt wird.<br />
<br />
|-<br />
| valign="top" | '''inc/'''<br />
| valign="top" | ''':'''<br />
| enthält die Snippets die von der Seite für die dynamische Darstellung von Inhalten verwendet werden.<br />
<br />
|- <br />
| valign="top" | '''index.php'''<br />
| valign="top" | ''':'''<br />
| 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.<br />
<br />
|}<br />
<br />
{{Beispielseiten - Einrichtung und Anpassung}}<br />
=== Header-Bild ===<br />
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 200 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. Da von der Breite noch in etwa 400 Pixel für den Logobereich abgehen, ist eine Breite ca. 1200 Pixeln empfehlenswert. 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.</div>Torsten