Hier eine Vorschau unserer Hauptseite:
Dieses Projekt wurde im Rahmen meiner Ausbildung-Umschulung an der Macromedia Akademie entwickelt. Unter der Anleitung unseres Dozenten habe ich die Website stuttgart.de nach spezifischen Anforderungen und Wünschen neu gestaltet. Das Hauptziel dieses Projekts ist die Verbesserung der Benutzerfreundlichkeit und des Gesamtdesigns der Seite. Durch die Nutzung eines modularen Systems, das verschiedene HTML-Dateien mittels PHP's include-Methode zusammenführt, wurde eine dynamische und effiziente Seitenstruktur geschaffen. Zusätzlich wurden neue Features wie ein Dark/Light Theme und Stuttgart-Farben Theme, Textgrößenanpassung für verbesserte Accessibility und weitere interaktive Elemente integriert. Für eine tiefere Kontrolle über das Styling und um die Bootstrap-Komponenten besser anzupassen, wurde Sass eingesetzt.
Im Rahmen dieses Projekts wurden folgende Technologien eingesetzt:
- HTML: Für das Grundgerüst der Webseiten.
- CSS: Für das Styling der Webseiten.
- Bootstrap: Für Responsive Design und Komponenten.
- SASS: Für fortgeschrittene Styling-Optionen und eine bessere Organisation des CSS-Codes.
- JavaScript: Für interaktive Elemente.
- PHP: Für die serverseitige Logik, einschließlich einer Suchfunktion ohne Datenbank, die mit PHP's DOM-Manipulationsfähigkeiten implementiert wurde.
Um dieses Projekt lokal zu nutzen, folgen Sie bitte diesen Schritten:
- Klonen Sie das Repository auf Ihren lokalen Rechner.
- Stellen Sie sicher, dass ein lokaler Server wie XAMPP oder MAMP installiert und konfiguriert ist.
- Platzieren Sie das Projekt im
htdocs(XAMPP) oderwww(MAMP) Verzeichnis. - Starten Sie den lokalen Server und öffnen Sie das Projekt in Ihrem Browser.
Feedback und Beiträge zu diesem Projekt sind herzlich willkommen. Bitte erstellen Sie ein Issue oder einen Pull Request mit Ihren Vorschlägen.
Dieses Projekt ist unter einer freien Lizenz veröffentlicht. Sie können es für persönliche oder kommerzielle Zwecke frei verwenden und modifizieren.