Eine Webseite ist heutzutage unabdingbar, insbesondere für Unternehmen, Freiberufler und Selbstständige. Denn mit einer Webseite präsentieren sie sich im Internet, stellen dabei sich und ihre Produkte und Dienstleistungen vor. Damit können neue Kundenbeziehungen hergestellt und neue Umsatzwege geschaffen werden.
Die Problemstellung dieser Arbeit ist, dass keine Webseite für die Präsentation von unternehmenseigenen Produkten vorliegt. Des Weiteren sind keine professionellen Hilfswerkzeuge für die Erstellung einer Webseite vorhanden. Das Ziel ist die Konzeption einer Webseite ohne professionelle Hilfswerkzeuge wie zum Beispiel eines Content Management System (CMS) oder einem speziellen Editor zum bequemen Erstellen der Webseite nach den standardisierten Vorgaben der World Wide Web Consortium (W3C) aufzubauen.
Dabei müssen Unterseiten erstellt werden, in denen Informationen über das Unternehmen, Reiseziele, Unterkünfte, Busse, Preise und Buchungsmöglichkeiten abgerufen werden können. Dabei ist bei dem WebDesign die Usability ganz wichtig, wie auch die Auffindbarkeit in den Suchmaschinen. Mithilfe von Suchmaschinenoptimierung (SEO) kann die Webseite in der Suchmaschine besser gefunden werden.
Inhaltsverzeichnis
1 Einleitung
1.1 Einführung in das Thema
1.2 Problemstellung und Ziel dieser Arbeit
1.3 Aufbau der Arbeit
2 Grundlagen
2.1 Vorüberlegungen
2.2 AIDA-Prinzip
2.3 Usability
2.4 Ergonomie
2.5 SEO
2.6 HTML Unterschiede
2.7 Rechtliches
3 Aufbau der Webseite
3.1 Verwendete Hilfswerkzeuge
3.2 Verzeichnisstruktur
3.3 Menüstruktur
3.4 Seitenstruktur
4 Programteile der Webseite
4.1 PHP
4.2 HTML
4.3 CSS
4.4 JavaScript
4.5 URL Rewrite
4.6 Social Media Integration
5 Bewertung
5.1 Zusammenfassung
5.2 Kritische Würdigung
5.3 Ausblick
5.4 Erfolgsfaktoren
Zielsetzung & Themen
Das Hauptziel dieser Arbeit ist die Konzeption und Erstellung einer Webseite für ein Busunternehmen, ohne dabei auf professionelle Hilfswerkzeuge wie Content Management Systeme (CMS) oder spezialisierte Editoren zurückzugreifen. Die Arbeit fokussiert sich auf die technische Umsetzung nach W3C-Standards sowie die Einbindung funktionaler Elemente, die für ein Reiseunternehmen essenziell sind.
- Grundlagen der Web-Entwicklung unter Berücksichtigung von Design und Benutzerfreundlichkeit (Usability).
- Technische Implementierung mit den Kerntechnologien HTML, CSS, PHP und JavaScript.
- Strukturierung der Webseite sowie Optimierung für Suchmaschinen (SEO) und Suchmaschinen-freundliche URLs (URL Rewrite).
- Implementierung eines validierten Buchungsformulars inklusive clientseitiger Validierung.
Auszug aus dem Buch
4.4 JavaScript
JavaScript ist kein direkter Bestandteil von HTML, sondern eine eigene Programmiersprache. Diese Sprache wurde jedoch eigens zu dem Zweck geschaffen, HTML-Autoren ein Werkzeug in die Hand zu geben, mit dessen Hilfe sich Web-Seiten optimieren lassen. 26
Der JavaScript Code wurde zur besseren Übersicht in eine separate Datei ausgelagert, kann aber genauso gut direkt in die jeweilige HTML-Seite zwischen einem Script Tag eingebunden werden. Die Schnittstelle zwischen HTML und JavaScript bilden die sogenannten Event Handler. Auf der Buchungsanfrageseite ist ein onsubmit Event Handler als Attribut definitert, welcher die Funktion checkForm() beim Absenden des Formulars aufruft und den Rückgabewert auswertet. 27
Die Funktion checkForm() soll die definierten Pflichtfelder Reiseziel, Vorname, Nachname und E-Mail auf Vollständigkeit prüfen. Dazu wird zu Beginn ein leeres Array für die Fehlermeldungen definiert. Mithilfe des Document Object Model (DOM), welches eine definierte Schnittstelle für den Zugriff auf HTML Objekte zur Verfügung stellt, kann den lokalen Variablen, zum vereinfachten weiteren Zugriff, die jeweiligen Pflichtfeld Objekte anhand der eindeutigen ID innerhalb des HTML Codes zugewiesen werden. Des Weiteren wird die CSS Klasse der Felder zurückgesetzt.
Zusammenfassung der Kapitel
1 Einleitung: Diese Einleitung erläutert die Bedeutung von Webseiten für Unternehmen und definiert das Ziel, eine Webseite ohne den Einsatz eines CMS professionell aufzubauen.
2 Grundlagen: Hier werden theoretische Aspekte wie das AIDA-Prinzip, Usability, Ergonomie sowie SEO und rechtliche Anforderungen an eine Webseite erörtert.
3 Aufbau der Webseite: In diesem Kapitel werden die methodischen Vorbereitungen, einschließlich der verwendeten Werkzeuge, der Verzeichnis- sowie der Seitenstruktur, beschrieben.
4 Programteile der Webseite: Dieser Abschnitt behandelt die technische Implementierung der Webseite unter Nutzung von PHP, HTML, CSS, JavaScript, URL Rewrite und Social Media Integration.
5 Bewertung: Abschließend erfolgt eine Zusammenfassung, kritische Reflexion des Projekts, ein Ausblick auf potenzielle Erweiterungen sowie die Identifikation der Erfolgsfaktoren.
Schlüsselwörter
Webseite, Busunternehmen, HTML, CSS, PHP, JavaScript, W3C, Usability, AIDA-Prinzip, SEO, Webserver, Programmierung, Buchungsformular, Webentwicklung, Benutzerfreundlichkeit
Häufig gestellte Fragen
Worum geht es in dieser Arbeit grundsätzlich?
Die Arbeit befasst sich mit der manuellen Erstellung einer Webseite für ein Busunternehmen, wobei auf den Einsatz von CMS-Systemen bewusst verzichtet wird.
Was sind die zentralen Themenfelder?
Die Schwerpunkte liegen auf dem grundlegenden Web-Design, der strukturellen Planung sowie der Implementierung technischer Funktionalitäten mittels moderner Web-Technologien.
Was ist das primäre Ziel der Arbeit?
Das Ziel ist die Konzeption und Realisierung einer W3C-konformen Webseite, die sowohl informativ ist als auch Buchungsmöglichkeiten bietet.
Welche wissenschaftliche Methode wurde verwendet?
Es wurde eine praxisorientierte, entwicklungsorientierte Methode angewandt, bei der die Webseite Schritt für Schritt unter Anwendung von Standards wie HTML, CSS und PHP programmiert wurde.
Was wird im Hauptteil behandelt?
Der Hauptteil widmet sich dem technischen Aufbau, der Verzeichnisstruktur sowie dem detaillierten Programmiercode der einzelnen Seitenkomponenten.
Welche Schlüsselwörter charakterisieren die Arbeit?
Die wichtigsten Begriffe sind Webentwicklung, PHP, HTML, CSS, JavaScript, Usability und SEO.
Warum wurde kein Content Management System verwendet?
Das Ziel war es, die Webseite ohne professionelle Hilfswerkzeuge oder CMS aufzubauen, um ein tieferes Verständnis für die zugrunde liegenden Programmiertechniken zu erlangen.
Welche Rolle spielt JavaScript bei der Buchungsanfrage?
JavaScript wird genutzt, um die Pflichtfelder im Buchungsformular clientseitig zu validieren, bevor die Daten weiterverarbeitet werden.
Wie wurde die Kompatibilität der Webseite sichergestellt?
Die Kompatibilität wurde durch die Einhaltung des W3C-Standards und die Überprüfung mit dem offiziellen W3C-Validator gewährleistet.
- Citation du texte
- Eugen Grinschuk (Auteur), Daniel Falkner (Auteur), 2013, Einführung in die Internet-Programmierung. WebDesign, HTML, CSS, JavaScript, SEO, Munich, GRIN Verlag, https://www.grin.com/document/312403
