Referenzen Frontend und PHP

Größe: px

Ab Seite anzeigen:

Download "Referenzen Frontend und PHP"

Wilhelmine Ursler
vor 8 Jahren
Abrufe

1 Referenzen Frontend und PHP Stand: Dezember Startseite Stand: Dezember Seite wird mit PHP aus mysql Datenbank generiert - HTML5 und CSS3 - Aufbau mit <DIV> - validiert von W3C

2 - Bildergalerie Bildergalerie mit jquery und Lightbox. Design ist an Farben der Nachrichtenseite angepasst. Das Auslesen der Bilder erfolgt automatisiert über ein PHP-Script, das als Funktion für die gesamte Webseite abgelegt ist. cmd=bildergalerie

Das Auslesen der Bilder erfolgt automatisiert über ein PHP-Script, das

3 - Einzelansicht eines Artikels Einzelansicht eines Artikels bei den. Tabellendesign ist seit August 2014 auf DIV angepasst.

4 - Übersicht Artikel in Rubrik Auflistung von jeweils 10 Artikeln in einer Rubrik mit Weiterschaltung auf ältere Artikel. Einbindung eines Accordion Effekts mit jquery. nachrichten/innenpolitik

Artikel. Einbindung eines Accordion Effekts mit jquery.

5 - Kontaktformular Kontaktformular mit Funktionen in HTML5. Spezifische Eingabefelder für Adresse, Webseite und und Telefon. Überprüfung der Inhalte erfolgt durch Browser, erst dann serverseitig. Required-Inhalte werden ebenfalls durch Browser geprüft. cmd=kontakt

Überprüfung der Inhalte erfolgt durch Browser, erst dann serverseitig.

6 - jquery Slider In der linken Spalte der Seite werden immer die 10 neuen Nachrichten angeteasert. Dazu werden die Überschriften dargestellt. Wenn der Besucher mit der Maus über die Überschrift geht, zoomt eine Kurzfassung der Nachrichten über den Inhalt.

7 - Nachrichten Darstellung eines einzelnen Artikels Einbindung eines Plugins zur Verlinkung der Seite bei Facebook. n_einzeln/aussenpolitik/13209/1143

8 - Fonts - CSS3: abwechselnde Formatierungen Georgische Fonts Für die Darstellung der georgischen Schrift auf Windows-Rechnern gibt es frei verfügbare Fonts. Diese haben wir bei den zum Herunterladen bereitgestellt. Die Tabelle ist nun auf <div> umgestellt. Die wechselnden Farben, früher durch das Auslesen eines Arrays mit PHP erzeugt, sind nun über die Pseudoklasse nth-child formatiert. Auch der Abschluss der Tabelle ist nun über die Pseudoklasse nth-last-child mit einer Border versehen. Neu ist auch der hover-effekt mit Anpassung von Farben und Schrift. cmd=fonts

Die wechselnden Farben, früher durch das Auslesen eines Arrays mit PHP erzeugt, sind nun über die Pseudoklasse nth-child formatiert.

9 - Nachrichten Darstellung der letzten 10 Artikel jeder Rubrik geordnet nach Rubriken - mit jquery realisiert - Standard ist Schaltung der ersten Box mit Links - Bei MouseOver wird der dazu gehörende Inhalt aktiv geschaltet - Farbwechsel für Reiter zwischen aktiv / inaktiv - Letzter aufgerufener Reiter bleibt aktiv geschaltet - Einbindung über PHP am Fuß jeder Seite außer Startseite

dazu gehörende Inhalt aktiv geschaltet - Farbwechsel für Reiter zwischen aktiv / inaktiv -

10 - Nachrichten Rubriken in den - Dynamisch öffnender Layer mit Links - Durchscheinender Hintergrund - Hover-Effekt für aktuellen Link

11 - Reiseberichte Reiseberichte bei den Nachrichten Darstellung der Artikel über Script Im oberen Bereich des Inhalts Einbindung eines Sliders mit Verlinkung zu allen Artikeln. Tabellendesign ist auf <div> umgestellt. Formatierung aller Bilder und Texte auf zentrales Style Sheet umgestellt und für gesamte Seite als Standard gesetzt. cmd=reise

Tabellendesign ist auf <div> umgestellt.

12 - Aufbau des HTML Quelltext <header> Die Webseite ist nach Doctype HTML5 und CSS3 aufgebaut. Klare Trennung zwischen Inhalt der Seite und Formatierung: Sämtliche externen Style Sheets und Scripte sind in Dateisystem des Servers abgelegt und können gecacht werden. Nur für den Aufbau der Seite benötigte JS- Befehle werden in Seite selbst gespeichert.

Klare Trennung zwischen Inhalt der Seite und Formatierung: Sämtliche externen Style

13 - Aufbau des HTML Quelltext jquery Die für den Aufbau der Webseite angepassten Scripte in jquery sind im <head>-bereich der Seite eingefügt. Klare Kommentare erleichtern das Auffinden der Scripte.

Ähnliche Dokumente

Referenz Frontend: Responsive Webdesign

Referenz Frontend: Responsive Webdesign Stand: Dezember 2014 Diese Referenzliste bezieht sich auf eine Webseite, von der es zwei Versionen gibt. Diese Version ist mit Hilfe des Twitter Bootstrap Frameworks für mobile Endgeräte optimiert. - Startseite