In der Hausarbeit wird eine dynamische Webseite erstellt, welche einen Login-Bereich besitzt und Daten aus MySQL-Datenbanken abruft. Internetseiten und der technische Aufbau werden in der Arbeit zuerst allgemein betrachtet und erläutert. Auf verwendete Skriptsprachen und Tools wird ebenfalls eingegangen. Mit diesen erarbeiteten Grundlagen wird eine eigene dynamische Webseite beispielhaft erstellt, welche einen Login-Bereich besitzt und Daten aus MySQL-Datenbanken bezieht.
Die Hausarbeit soll sich im theoretischen Teil damit befassen, wie eine dynamische Webseite normalerweise aufgebaut ist bzw. welche Komponenten erforderlich sind. Dabei soll insbesondere auch auf die Verarbeitung einer Besucheranfrage eingegangen und die gängigsten Kombinationen von Serversoftware und Programmiersprachen genannt werden.
Im praktischen Teil der Hausarbeit soll genau das gerade genannte Beispiel in etwa nachgebildet werden. Zielsetzung ist es, eine HTML-5 basierte Webseite mit CSS3-Elementen nach aktuellem Stand der Technik zu programmieren. Der Inhalt der Seite soll aus einer MySQL-Datenbank geladen und auf mindestens zwei Unterseiten hinsichtlich des Layouts her identisch bleiben.
Inhaltsverzeichnis
1 DYNAMISCHE WEBSEITEN IN DER THEORIE
1.1 BEGRIFFSBESTIMMUNG UND GRUNDPRINZIPIEN
1.2 ABLAUF
1.3 SERVERSOFTWARE UND PROGRAMMIERSPRACHE
1.3.1 Verbreitete Serversoftware
1.3.2 Gängige Skriptsprachen und Tools
1.3.2.1 HTML
1.3.2.2 CSS
1.3.2.3 PHP
1.3.2.4 MySQL
1.3.3 Grober technischer Aufbau
2 ERSTELLUNG EINER DYNAMISCHEN WEBSEITE
2.1 AUFBAU UND ABLAUFPLANUNG
2.2 TECHNISCHE VORAUSSETZUNGEN
2.3 DURCHFÜHRUNG
2.3.1 Vorwort
2.3.2 Vorbereitung und Seitenaufbau
2.3.3 Seiteninhalt
2.3.4 Datenbankeinbindung
2.3.4.1 Newsanzeige
2.3.4.2 Produktinformationen
2.3.4.3 Login und verbundene Funktionen
3 ZUSAMMENFASSUNG UND SCHLUSSWORT
Zielsetzung & Themen
Die vorliegende Hausarbeit befasst sich mit der theoretischen Konzeption und der praktischen Umsetzung einer dynamischen Website. Das Ziel der Arbeit besteht darin, ein HTML5-basiertes Web-Projekt mit CSS3-Elementen zu realisieren, bei dem Inhalte wie News und Produktinformationen dynamisch aus einer MySQL-Datenbank geladen werden, um eine effiziente Verwaltung und Flexibilität bei Inhaltsanpassungen zu gewährleisten.
- Grundlagen und Definitionen dynamischer Webseiten
- Einsatz von Serversoftware (Apache) und Datenbanken (MySQL)
- Programmierung mit PHP zur dynamischen Seitengenerierung
- Implementation einer Login-Funktion und Benutzerverwaltung
- Praktische Erstellung eines Online-Shops für Adventskalender
Auszug aus dem Buch
1.1 Begriffsbestimmung und Grundprinzipien
Dynamische Webseiten setzen sich begrifflich aus dem Adjektiv „dynamisch“ und dem Substantiv „Webseite“ zusammen. Dynamisch kommt aus dem Griechischen und bedeutet so viel wie schwungvoll, antriebsstark oder lebendig. Webseite setzt sich wiederum aus „Web“ wie im letzten W des World Wide Web (kurz WWW) und „Seite“ zusammen. 4
Anhand der Begriffsbestimmung ist eine dynamische Webseite also eine lebendige Seite als Bestandteil des Angebots im Internet oder WWW. Das Gegenteil hiervon wäre eine statische, also eine unbewegte Seite 5.
Mit lebendig oder schwungvoll sind hier bei dynamischen Webseiten jedoch nicht effektvolle Animationen oder Grafiken gemeint, sondern Datenbewegungen. Es geht darum, dass Informationen und Daten nicht fest auf einer Seite verankert sind, sondern erst bei dem tatsächlichen Aufruf einer Seite von einer externen Quelle, meist einem Server oder einer Datenbank, geladen werden. So ist das Erscheinungsbild und der Inhalt einer Seite nicht in einer Datei fixiert und sieht bei jedem Aufruf gleich aus, sondern das Erscheinungsbild und die enthaltenen Informationen können besucherspezifisch angepasst werden und so den jeweiligen Anforderungen und Wünschen gerecht werden.
„Die Darstellung einer dynamischen Website, bzw. eines dynamischen Inhalts, funktioniert also nicht direkt. Der Besucher der Website fordert durch seinen Zugriff das gewünschte Dokument an, das Dokument fordert vom Server die dynamischen Inhalte an und erst nachdem diese zur Verfügung gestellt wurden, wird das Dokument angezeigt“ 6.
Zusammenfassung der Kapitel
1 DYNAMISCHE WEBSEITEN IN DER THEORIE: Dieses Kapitel erläutert die begrifflichen Grundlagen dynamischer Webseiten und beschreibt den technischen Ablauf der Datenverarbeitung zwischen Client und Server unter Verwendung von PHP und MySQL.
2 ERSTELLUNG EINER DYNAMISCHEN WEBSEITE: Hier wird der praktische Teil der Arbeit beschrieben, angefangen bei der Ablaufplanung über die Einrichtung der technischen Voraussetzungen mittels XAMPP bis hin zur konkreten Implementierung der Datenbankeinbindung für News- und Produktseiten sowie die Login-Funktionalität.
3 ZUSAMMENFASSUNG UND SCHLUSSWORT: Das letzte Kapitel reflektiert die Erkenntnisse der Arbeit und unterstreicht die Bedeutung dynamischer Webseiten für Unternehmen hinsichtlich Flexibilität, Kundenansprache und Effizienz bei der Datenpflege.
Schlüsselwörter
Dynamische Webseiten, HTML5, CSS3, PHP, MySQL, Webserver, Apache, Datenbankintegration, Benutzerverwaltung, Login-Funktion, Webentwicklung, Datenbanksysteme, Online-Shop, Content-Management, Server-Client-Kommunikation
Häufig gestellte Fragen
Worum geht es in dieser Arbeit grundsätzlich?
Die Arbeit behandelt die Konzepte und die technische Umsetzung dynamischer Webseiten, die Inhalte nicht statisch in Dateien ablegen, sondern bei Bedarf aus Datenbanken beziehen.
Welche zentralen Themenfelder werden abgedeckt?
Zentrale Themen sind die theoretischen Grundlagen der Web-Architektur, der Einsatz von Skriptsprachen wie PHP, der Umgang mit Datenbanken (MySQL) sowie die praktische Umsetzung einer funktionsfähigen Website.
Was ist das primäre Ziel der Arbeit?
Das Ziel ist die Programmierung einer HTML5-basierten Website mit CSS3-Layout, welche ihre Inhalte dynamisch verwaltet und durch eine Login-Funktion für Administratoren erweiterbar ist.
Welche wissenschaftliche Methode kommt zum Einsatz?
Es handelt sich um eine konstruktionsorientierte Arbeit, die theoretische Analyse mit einem praktischen Programmierprojekt zur Demonstration der Funktionsweise kombiniert.
Was wird im Hauptteil behandelt?
Der Hauptteil gliedert sich in eine theoretische Einführung in Webserver-Technologien sowie einen detaillierten praktischen Abschnitt, der die Entwicklung eines "Adventskalender24"-Shops dokumentiert.
Welche Schlüsselbegriffe charakterisieren die Arbeit?
Die Arbeit ist durch Begriffe wie Datenbankanbindung, Server-Skripting, dynamische Inhaltsausgabe und Web-Forensik (im Kontext des Studiengangs) geprägt.
Wie werden Inhalte in die Website eingebunden?
Dies geschieht über PHP-Skripte, die Anfragen an eine MySQL-Datenbank stellen, die Ergebnisse in einer Klasse verarbeiten und diese dann an der entsprechenden Stelle der Website ausgeben.
Warum wurde eine Login-Funktion implementiert?
Die Login-Funktion dient der Benutzerauthentifizierung, um geschützte Bereiche freizugeben und Funktionen wie das Schreiben oder Löschen von News-Beiträgen nur autorisierten Administratoren zu ermöglichen.
Was hat es mit dem "Schnee-Effekt" auf sich?
Es handelt sich um eine visuelle Spielerei mittels CSS und JavaScript, die das Erscheinungsbild der Seite an die weihnachtliche Thematik anpasst.
- Arbeit zitieren
- Janik Rebell (Autor:in), 2019, Dynamische Webseiten. Theoretische Grundlagen und praktische Umsetzung einer HTML-5 basierten Webseite mit CSS3-Elementen, München, GRIN Verlag, https://www.grin.com/document/915965
