Website Webseite Homepage

Website, Webseite und Homepage Diese drei Begriffe vereinen den Begriff der Web-/ Internetpräsenz. Oftmals werden Sie in unserem Sprachgebrauch gleichgesetzt als einen Begriff der Internetpräsenz. Damit wird suggeriert, daß es sich um die jeweiligen Synonyme bzw. Übersetzung aus dem Englischen handelt. Bei genauerer Betrachtung gibt es deutliche Unterschiede und alle drei Bezeichnungen stehen für eine andere Art von Web-/ Internetpräsenz.
Auch bei der Internet Recherche nach dem möglichen Aufbau einer eigenen Website, erhält man in der Suche Wörter wie "Homepagebaukasten Systeme" z.B. von WIX.com. Umgangssprachlich wird Homepage einer Website gleichgesetzt. Im ursprünglichen korrekten Sinne sind es jedoch unterschiedliche Bauteile einer Webpräsenz.

Homepage (engl., „Zuhauseseite“ oder „Heimseite“)

Bezeichnet die Einstiegsseite einer Webpräsenz und ist auch eine Webseite. Begrifflich gesehen ist es die erste Seite, die ein Besucher auf einer Webpräsenz sieht. Die Homepage das Gesicht der Website. Wird in einer Suchmaschine ein Begriff z.B. sgd Darmstadt eingeben, so werden die entsprechenden URL/Adressen aufgelistet. Diese URL/Adressen z.B. www.sgd.de/ führen zur Homepage bzw. Startseite der Webpräsenz; die Surf-Programme rufen die entsprechende Seite beim Programmstart automatisch auf. Die Homepage ist die wichtigste Seite, das Herzstück einer Website, dort wird der Besucher auf alle Inhalte der Website aufmerksam gemacht. Der erste Eindruck der Website prägt sich auf der Startseite. Weiterführende Hyperlinks, in den einzelnen Bereichen auf der Homepage, ermöglichen den Zugriff auf die detaillierten weiteren Webseiten mit inhaltlich speziellen Themen.

Geschichte

Historisch ist die Homepage die Seite, von der aus alle anderen Seiten aufgerufen werden können und auch, durch entsprechende Links, wieder auf die Startseite navigiert werden kann. Heutzutage wird umgangssprachlich die Homepage auch als kompletten Internetpräsenz bezeichnet.

Aufbau

Der Websitenbesucher möchte möglichst kompakt wissen, was er auf der Startseite zu erwarten hat und welche Optionen es für ihn gibt, um weiter zu navigieren. Daher wird die Homepage als das Herzstück der Website bezeichnet. Hier werden alle Informationen kompakt, übersichtlich und mit weiterführenden Links auf die detaillierten Webseiten weitergeleitet. Die Homepage dient auch als Conversion Funnel (Konversionspfad, ein Modell aus dem E-Commerce). Der Aufbau der Homepage entspricht der der Webseitengestaltung. Der Header und der Footer werden meist identisch für die Homepage wie auch für alle weiteren Webseiten gestaltet.

Webseite

Die Webseite ist ein Element einer Website

Geschichte

Die erste Webseite wurde 1989 von dem CERN Mitarbeitern Tim Berners-Lee und Robert Cailliau entwickelt und für interne Zwecke vorgestellt. noch heute wird das damals genutzte HTML Protokoll eingesetzt.

Aufbau

Der Aufbau ist für jede Webseite identisch, grenzt sich jedoch von ihrem Inhalt thematisch von den anderen Webseiten ab. Auf die Webseiten gelangt man entweder durch die Headernavigation oder durch die weiterführenden Hyperlinks auf der Homepage. Damit wird erreicht, dass der Besucher jederzeit die Möglichkeit hat, direkt durch einen Klick, auf jede Webseite seines Interesses wechseln kann.

• Header (Kopfbereich)

- Headline mit Hintergrundbild /Slider/ Video

- Eine Headline (Schlagzeile) ist eine Überschrift von einem Text

- Headlines sollen Interesse für den Inhalte wecken.

- Gelten als der wichtigste Inhalt für den Websitenbesucher.

- Der Header bleibt auf allen Webseiten meist identisch.

• Headernavigation (Navigationsmenü)

- Befindet sich direkt unter dem Header.

- Mit einem Klick kann der Besucher auf andere Webseiten gelangen.

- Die Headernavigation kann auch direkt in den Header eingesetzt werden.

• Body (Content-Inhalt)

- Der Body zeigt alle wichtigen inhaltlichen Segmente der kompletten Website.

- Der Body dient zur Kurzübersicht des Unternehmens, der Produkte, Angebote etc.

- Weiterführende Links (in den Kurzübersichten) gelangt der Besucher zu detaillierten Informationen

• Footer (Fußzeile)

- Verlinkung von

• Impressum
• EU-Datenschutz-Grundverordnung (DSGVO)
• Social-Media-Verlinkungen
• allgemeine Geschäftsbedingungen
• Zertifikate
• Kontaktseite

- Der Footer bleibt auf allen Webseiten identisch.

Website

Bezeichnet viele einzelne Webseiten zusammen, inklusive der Homepage. Als Synonym für eine Website wird das Wort Webpräsenz oder Internetpräsenz eingesetzt.

Geschichte

1990 Aufzeichnungssprache HTML und Übertragungsprotokoll (HTTP) wurden erfunden vom britischen Physiker, Informatiker Tim Berners-Lee
1991 Erste Website (heute noch aufrufbar) dargestellt vom HTML-Erfinder Tim Berners-Lee -> Grundstein für das WWW (World Wide Web) ist gelegt
1993 WWW wird öffentlich
1995 PHP und Javaskript launch
1996 CSS launch
1997 HTML 4.0 launch
2004 Web 2.0 wird öffentlich
2010 HTML 5.0 launch

Aufbau

• Startseite = Homepage
• Unterseiten

- Unternehmensseite

- Informationsseiten

- Kontaktseite

- Newsletterformular

• Blog

- Themenseiten

- Blogseiten

• Shop

- Kategorieseiten

- Produktseiten

- Bestellformulare

Gestaltung

Die Website wird mit verschiedenen Auszeichnungs- und Skriptsprachen gestaltet. Dazu wird die Auszeichnungssprache HTML (Hypertext Markup Language) und CSS (Cascading Style Sheet) - eine Formatierungssprache für HTML - genutzt. HTML dient zur Darstellung der Sprache für Struktur und Inhalt und CSS bildet die Form und Farbe der Homepage.

Die Inhalte werden in der Vielzahl von HTML-Dokumenten wiedergegeben, während Bilder und Videos als eigene Dateien per HTML-Tag in die Seiten eingebunden werden.

Standardmäßig ist eine Homepage aus den Sprachen HTML und CSS aufgebaut. Mit HTML wird die Struktur der Homepage festgelegt und mit CSS wird das Gerüst gestaltet.

Dieses Standardgerüst kann erweitert werden durch z.B. JavaScript. Hiermit sind dynamische Seitengestaltungen möglich, wie z.B. Animationen.

Ein weitere Möglichkeit, die Website zu gestalten ist mit PHP-Elementen (Personal Home Page Tools) und ASP.Net (Active Server Pages). Diese ermöglichen aufwändigere, dynamische Anwendungen und werden für z.B. Content Management Systeme (CMS) benötigt.

Es wird unterschieden zwischen statischer und dynamischer Website Statische Websiten

• Der Inhalt der Webseiten bleibt immer identisch
• Änderungen erfolgen nur durch den Webseiten Inhaber
• Die Aufzeichnungssprachen sind und CSS

Dynamische Websiten

• Der Inhalt wird mit jedem Aufruf der Seite verändert
• Zusätzlich zu den Standart Sprachen HTML und CSS wird meist Common Gateway Interface (CGI), PHP, ASP genutzt
• Heute wird das einfacher zu bediendende Content Management Systeme (CMS) angeboten
• Anwendungsbespiele: Wetter Online Portale, Nachrichten Portale, Suchmaschinen

Typen

Es gibt bis zu 12 Websiten Typen

1. Corporate Website (umgangssprachlich Homepage, Unternehmenswebsite)

   - Für wen: Unternehmen und Selbstständige

   - Zweck: Onlinemarketing, Außendarstellung, Markenauftritt

   - Inhalt: Informationen zum Unternehmen, Angebot und Kontaktmöglichkeiten

2. Magazin-Website (Printmedien im Onlineformat)

   - Für wen: Magazininhaber, Designer,

   - Zweck: Unterhaltung, Weitergabe von Informationen,

   - Inhalt:

   - Artikel, Bilder, Werbung
   

   - aktuellen Informationen zu oftmals spezifischen Themenbereichen

3. E-Commerce-Website (Onlineshop)

   - Für wen: Unternehmen, Produkthersteller, Geschäfte

   - Zweck: Der Vertrieb eigener Produkte

   - Inhalt:

   - Darstellung der Produkte, Lieferzeiten, Versand, Bezahlmöglichkeiten
   

   - Information über das Unternehmen

4. Blogs (Online Tagebuch)

   - Für wen: Blogger, Personen des öffentlichen Lebens

   - Zweck: Unterhaltung, Wissensvermittlung, Weitergabe des Expertenwissen

   - Inhalte: Artikel (Texte, Bilder, Videos) zum eigenen Fachgebiet

5. Portfolio-Website (Präsentation der eigenen Tätigkeit)

   - Für wen: Kreative, Designer, Architekten

   - Zweck: Darstellung eigener Arbeiten

   - Inhalt: Informationen zu eigenen Projekten

6. Landingpages (Verkaufsseite)

   - Für wen: Unternehmen, Selbstständige, die Leistungen/ Produkte verkaufen

   - Zweck: Verkauf Marketing

   - Inhalt:

   - umfassende Inhalte zu Angeboten und Kaufgründe
   

   - Erfahrungsberichte bestehender Kunden

7. Verzeichnis- und Kontakt Website (Service Website)

   - Für wen: Unternehmen, Anbieter von Online Services

   - Zweck: Kontakt zu Anbieter, Kundenzufriedenheit

   - Inhalt:

   - einfacher funktionaler Inhalt
   

   - Kontaktformulare, Service für Online Buchhaltung

8. Forum (Community)

   - Für wen: Für alle die eine Community aufbauen

   - Zweck: Austausch in der Community

   - Inhalt:

   - Threads zu einzelnen Themen

   - Inhalte von Nutzern und Owner

9. Microsite (kleine Form der Corporate Website)

   - Für wen: Unternehmen, Selbstständige, Agenturen

   - Zweck: Informationsseite zu konkreten Themen und Angebote

   - Inhalte: Meist ein spezielles Thema mit Texten, Bildern und Kontaktmöglichkeiten

10. Nischenwebsite (Verkauf einer Produktgruppe)

    - Für wen: Unternehmen, Selbstständige, Affiliates

    - Zweck: Werbung, Verkauf

    - Inhalt:

    - umfassende Inhalte zu einer Produktgruppe

    - Erfahrungsberichte/Bewertungen zum Produkt

11. E-Learning-Website (Onlinekurse)

    - Für wen: Fernuniversitäten, Akademien, Onlinekurs-Anbieter

    - Zweck: Vermittlung von Wissen

    - Inhalt:

    - Webinare, Workshops, Onlinekurse als Video verfügbar

    - Kontaktmöglichkeiten auch per Chat

12. Nachrichten-Website

    - Für wen: Journalisten, Zeitungen, Personen mit News-Informationen

    - Zweck: Weitergabe an aktuellen Informationen, Trends

    - Inhalte:

    - Artikel in Textform

    - möglich bis zu mehreren Artikel (Texte, Fotos) pro Tag

13. Social-Media-Website

    - Für wen: Alle diejenigen, die in den Social-Media Medien vertreten sind

    - Zweck: Mitteilung von privaten und aktuellen Themen, Meinungen, Gedanken

    - Inhalt:

    - Kurze Inhalte in Form von Text, Fotos und Videos

    - wenig Einfluss auf direkte Gestaltung (Instagramm, Facebook ect.)
    

Quellen

Homepage
Anatomie der Website

Weblinks

Die Internetprotokolle in der Übersicht
Geschichte des World Wide Web
Die Geschichte der Webseitenentwicklung
Website - Webseite - Homepage Unterschiede