Homepage

Eine Homepage ist eine Internetseite, die meist als WebprÀsenz von Unternehmen, Vereinen oder Einzelpersonen fungiert und Informationen enthÀlt.
Mitarbeiter*innen einer Webagentur erstellen eine Homepage im Kundenauftrag und schauen gemeinsam auf den Bildschirm eines Laptops.
© Prostock-studio

Definition

Die Homepage ist im eigentlichen Wortsinn die Startseite oder erste Seite einer Website. Im Volksmund wird “Homepage” aber gleichbedeutend fĂŒr Internetseite oder Website verwendet, wobei jedoch meist eine spezielle Art der Website gemeint ist.

Zu den unterschiedlichen Arten von Websites gehören zum Beispiel Blogs, welches die Ursprungsform der Website ist und tagebuchartige EintrĂ€ge auf sich versammelt. Portale hingegen sind ein eigenes GeschĂ€ftsmodell und bieten fĂŒr Nutzer, die sich dort anmelden und einloggen können, verschiedenste, meist interaktive Funktionen. MarktplĂ€tze sind entweder eine Ansammlung mehrerer Online-HĂ€ndler bzw. Onlineshops oder User-To-User Plattformen, auf denen Nutzer nach dem Flohmarktprinzip Objekte anbieten oder erstehen können. Auf Sozialen Plattformen oder Netzwerken können Nutzer sich mit einem Profil prĂ€sentieren und mit anderen in Kontakt treten.

Als Homepage wird im deutschsprachigen Raum meist die klassische WebprĂ€senz bezeichnet. Dabei handelt es sich hĂ€ufig um den Webauftritt von Unternehmen, Konzernen, Start-ups, Vereinen, Einzelpersonen oder Dienstleistern, fĂŒr die die Homepage als eine Art Visitenkarte fungiert, die Informationen, das Corporate Design und die Unternehmensphilosophie enthĂ€lt. Diese Art von Homepage ist in den meisten FĂ€llen eher statisch und mit einem minimalistischen Design versehen, da sie zur reinen InformationsprĂ€sentation dient. Das Backend fĂ€llt ebenso schmal aus und basiert manchmal auf einer einfachen HTML-Seite. Je umfangreicher Homepages sind, desto grĂ¶ĂŸer ist auch die serverseitige Implementierung.

Doch hier sind die ÜbergĂ€nge fließend: Durch immer moderner werdende Technologien sind die wenigsten Homepages rein statisch, sondern enthalten neben Informationen und unterschiedlichen Medien auch Kontaktfunktionen wie ein Formular oder eine direkte Kontaktaufnahme per Chatfunktion oder Einbindung von Social-Media-Funktionen.

Als Unterscheidung zur Software oder App, die entweder auf einem Rechner oder einem MobilgerÀt laufen, ist eine Homepage webbasiert und lÀuft im Browser.

Geschichte von Homepages

Entwicklung des Computers

Der Entstehung von Websites und Homepages ging natĂŒrlich die Entwicklung des Computers voraus. Dieser basiert auf Ziffern und Zahlen – ein Prinzip, welches bereits in der Antike fĂŒr Rechenmaschinen verwendet wurde. Etwa 1941 entwickelte Konrad Zuse den Z3, der erste Rechner, der auf dem Lochkartenprinzip basiert.

Entstehung des Internets

In den spĂ€ten 1950er Jahren stellte J.C.R Licklider einem RĂŒstungslieferanten das erste Time-Sharing-System vor, welches das gleichzeitige Arbeiten von mehreren Benutzern an einem Computer ohne Leistungseinbußen des Prozessors durch Einteilung der Rechenzeit des Prozessors erlaubte. In den frĂŒhen 1960er Jahre entwickelte Licklider die Idee eines weltweiten Netzwerks, welches die Telefonleitungen ersetzen sollte, die bei einem Nuklearen Angriff beschĂ€digt werden wĂŒrden.

Wenig spĂ€ter folgte ein Paradigmenwechsel in der Telekommunikation: Statt einer Leitungsvermittlung, bei der eine Verbindung fĂŒr die Zeit der Kommunikation durch Vermittlungsstellen hergestellt wird, welche von Hand umgesteckt werden mussten, konnten durch “Paket Switching” kleine Datenpakete mit Absender- und EmpfĂ€ngeradresse autonom durch das Netzwerk geschickt und ein Übertragungskanal fĂŒr mehrere Verbindungen benutzt werden.

In den spĂ€ten 1960er Jahren entwickelte die Advanced Research Projects Agency das ARPANET, das erste Netzwerk, das die Kommunikation zwischen mehreren Computern erlaubte. In den 1970er Jahren wurde dies weiter ausgebaut, sodass die DatenĂŒbermittlung mithilfe mehrerer Netzwerke per Transmission Control Protocol und Internet Protocol (TCP/IP) ermöglicht wurde.

Mithilfe dieser Technik wurde in den 1980er Jahren das National Science Foundation Network, kurz NSFNET, entwickelt, ein US-weites Kommunikationsnetzwerk fĂŒr UniversitĂ€ten. Zu dieser Zeit wurden auch sogenannte Interface Message Processor entwickelt, welche als VorlĂ€ufer der heutigen Router gelten.

Entstehung des World Wide Webs

1989 entwarf Tim Berners-Lee schließlich das Hypertext Transfer Protocol, kurz http, um durch unĂŒberschaubare Mengen an Informationen navigieren zu können und es Computern zu erlauben, dieselben Seiten aufzurufen und per Links miteinander zu verknĂŒpfen. Dies war die Geburtsstunde des World Wide Webs – das, was wir heute als Internet kennen und womit Websites und Homepages betrieben werden.

WÀhrend das Internet zuvor nur dem MilitÀr und UniversitÀten vorbehalten war, brach etwa 1990 die kommerzielle Phase durch das Werbeverbot von NSF und die Möglichkeit, KonnektivitÀt bei Providern zu kaufen, an.

Etwa 2003 bzw. 2004 lĂ€sst sich ein weiterer Meilenstein datieren: Mit der Erfindung des ersten sozialen Netzwerks Facebook begann das Web 2.0, welches einen Fokus auf Interaktionen statt Informationen legte. Die Agenda seines Nachfolgers, dem Web 3.0, auch semantisches Web genannt, ist es, Bedeutungen von Webinhalten zu verstehen und zueinander in Verbindung zu setzen. Im Mittelpunkt des Web 4.0 steht schließlich die kĂŒnstliche Intelligenz und sogenannte Diener wie die Sprachassistenten Siri oder Alexa.

Entwicklung des Smartphones

Seit der Erfindung des Smartphones, welches zwar schon zuvor entwickelt wurde, 2007 aber durch das Apple iPhone seinen kommerziellen Durchbruch hatte, ist das Aufrufen von Homepages auch von unterwegs möglich. In der Anfangszeit war dies allerdings noch von einer fehlerhaften Darstellung geprĂ€gt. Abhilfe schafften dann Mobilversionen von Homepages. Mittlerweile wurden diese vom Responsive Webdesign abgelöst, sodass die Entwicklung einer zweiten Version ĂŒberflĂŒssig wurde. Dieses bewirkt, dass sich die einzelnen Elemente dynamisch dem Bildschirm und der ausgefĂŒhrten Aktion anpassen. Seitdem sind Homepages, Single Page Applications aber auch aufwĂ€ndige Webauftritte und -anwendungen auf allen BildschirmgrĂ¶ĂŸen optimal darstell- und bedienbar.

Möglichkeiten der Homepageerstellung

Homepage ohne Vorkenntnisse erstellen

Es gibt eine Vielzahl an Möglichkeiten, eine Homepage zu erstellen. Die Wahl des passenden Weges ist abhĂ€ngig von der GrĂ¶ĂŸe des Projektes und den vorhandenen FĂ€higkeiten und Vorkenntnissen. Sollten diese nur gering sein, bieten sich sogenannte Homepage-BaukĂ€sten an.

BaukÀsten

Diese werden von verschiedenen Anbietern wie 1&1 oder Telekom zur VerfĂŒgung gestellt und fĂŒr einen pauschalen, zumeist aber monatlichen oder jĂ€hrlichen Beitrag erhĂ€ltlich. Sie erfordern keine Programmierkenntnisse und bieten eine kleine Auswahl an Designs und Templates, die allerdings nur wenige Individualisierungsmöglichkeiten bereithalten.

Homepage mit einem CMS erstellen

Content Management Systeme, kurz CMS, bieten eine benutzerfreundliche OberflĂ€che, die eine Homepage-Erstellung mit nur geringen Programmierungskenntnissen möglich machen. Durch das erste und bis heute bekannteste CMS Wordpress, welches 2003 als Blogging-Plattform gestartet ist, ist der Markt fĂŒr die Homepageerstellung durch Laien geradezu explodiert. Laut einer Netcraft Studie sind etwa 27% des gesamten World Wide Webs Wordpress-Seiten.

Mit grundlegenden Kenntnissen

Homepageerstellung mit HTML und CSS

Im Volksmund werden HTML und CSS oft als Programmiersprachen bezeichnet und werden hÀufig in einem Atemzug mit ihnen genannt, im eigentlichen Sinne handelt es sich dabei allerdings um Syntaxen, also sprachliche Regelsysteme.

HTML steht fĂŒr Hypertext Markup Language und ist das GrundgerĂŒst fast jeder Website. HTML dient der Erstellung elektronischer Dokumente, die einen Inhalt (meist Text und Bild) strukturieren und mit Hyperlinks versehen. Hyperlinks sind interaktive Weiterleitungen auf andere Webpages.

CSS ist die AbkĂŒrzung fĂŒr Cascading Style Sheets und ist eine Erweiterung fĂŒr HTML, welche das Verhalten und Aussehen der einzelnen Elemente, sprich ihrer GrĂ¶ĂŸe, Position, Farbe, etc., bestimmt. DafĂŒr können im CSS-Code Namen vergeben werden, auf die im HTML-Code zurĂŒckverwiesen wird. So muss nicht jedes Text- oder andersartige Element einzeln im HTML-Dokument gestaltet werden, sondern kann sozusagen einer Kategorie oder Klasse zugeordnet werden. So können Schriftart, GrĂ¶ĂŸe und Farbe von beispielsweise H1-Überschriften festgelegt oder ein einheitliches Design fĂŒr wiederkehrende Elemente wie Spiegelstriche von Listen verwendet werden.

Somit lĂ€sst sich sagen, dass HTML die Struktur, also die “Knochen” und CSS das Äußere, also die “Haut” einer Internetseite ist. Mit ihnen lassen sich unaufwĂ€ndige Homepages erstellen, welche allerdings meist nicht so professionell aussehen. Gerade in AnfĂ€ngen des World Wide Webs war diese Machart stark vertreten, heute haben sich aber nicht nur die technischen Möglichkeiten, sondern auch die AnsprĂŒche der Nutzer gewandelt.

FĂŒr Fortgeschrittene

Programmierung einer Homepage von Grund auf

Eine weitere Möglichkeit der Erstellung einer Homepage, die sich vor allem fĂŒr Fortgeschrittene eignet, ist die Verwendung von Programmiersprachen, Entwicklungsframeworks und Libraries. Dabei sind zumeist auch Kenntnissen zum Design und der Entwicklung von Backend und Frontend einer Website nötig.

Das Backend ist der Code, der im Hintergrund einer Homepage lĂ€uft und verfĂŒgt zumeist ĂŒber einen (grafischen) Administrationsbereich. Hier kommen Programmiersprachen wie PHP, Java und JavaScript, Ruby, C# oder viele andere zum Einsatz. Zur UnterstĂŒtzung werden Frameworks wie z.B. Symfony, Ruby on Rails oder .NET verwendet, welche die Entwicklungsarbeit zusĂ€tzlich erleichtern.

Das Frontend ist fĂŒr die optische Gestaltung und das BenutzeroberflĂ€chendesign zustĂ€ndig. Soll die Homepage ĂŒber ein Responsive Webdesign verfĂŒgen, wird auch das hier implementiert. Dabei helfen Libraries und Frameworks wie Angular.js, React.js oder jQuery bei der OberflĂ€che und Laravel und Symfony serverseitig.

Auch HTML5 bzw. XHTML kommen bei der Homepageerstellung von Grund auf zum Einsatz. Je nach Anwendungsfall findet beispielsweise auch AJAX, kurz fĂŒr Asynchronous JavaScript and XML, Anwendung, welches interaktive Nutzeraktionen und das Laden von einzelnen Bereichen ermöglicht. Dadurch können beispielsweise reaktive SuchvorschlĂ€ge bei einer Eingabe erfolgen, ohne dass dafĂŒr die gesamte Seite neu geladen werden muss.

Outsourcing - Eine Homepage von Fachleuten entwickeln lassen

Bei der Homepageerstellung stoßen Laien meist irgendwann an ihre Grenzen, vor allem, wenn ein hoher Anspruch an das Ergebnis besteht. Eine Möglichkeit ist es daher, eine Fachkraft zu beauftragen. Dies kann entweder ein Freelancer Webentwickler sein oder eine Webagentur.

Eine Zusammenarbeit mit einer Internetagentur hat den Vorteil, dass das Ergebnis sich meist durch ein professionelles und modernes Design auszeichnet, hohe FunktionalitĂ€t gewĂ€hrleistet wird, aktuelle Standards eingehalten und grĂ¶ĂŸtmögliche Sicherheit geboten wird. Eine Betreuung kann meist nach Vereinbarung auch nach Fertigstellung fortgefĂŒhrt werden.

WĂ€hrend ein Freelancer meist alle Aufgaben allein bewerkstelligen muss, befinden sich in einer Internetagentur meistens Teams, in denen die Kompetenzen auf unterschiedliche Personen aufgeteilt sind. Hier finden sich Projektmanager, die auch zumeist gleichzeitig Ansprechpartner sind, den Überblick behalten und die Aufgaben so verteilen, dass das Projekt möglichst effizient zur erfolgreichen Umsetzung gefĂŒhrt wird. Online-Redakteure entwickeln den zu vermittelnden Inhalt, also Texte und andere Medien, die auf der Homepage prĂ€sentiert werden sollen.

Programmierer entwickeln den Code nach den Anforderungen und WĂŒnschen und mit den ihnen vorhandenen Tools und Ressourcen. Grafiker, manchmal noch unterteilt in UX/UI-Designer (User Experience und User Interface) entwerfen die BenutzeroberflĂ€che optisch und funktional. In manchen FĂ€llen kĂŒmmern sich Tester, welches auch meist Entwickler sind, hinterher um Leistungen wie das Monitoring und Server Administratoren um das Hosting (sofern im Leistungsumfang enthalten) und die Server-Pflege oder das DurchfĂŒhren von Updates.

Homepage Hoster

Es gibt eine Vielzahl an Formen des Hostings und je nach Anbieter sind unterschiedliche Leistungen inbegriffen. Hoster stellen den nötigen Webspace fĂŒr die Homepage und optional auch fĂŒr zugehörige E-Mail-Funktionen und Datenbanken zur VerfĂŒgung und sorgen fĂŒr Serversicherheit. In den letzten Jahren hat sich der Trend zu einem immer gĂŒnstiger werdenden Hosting entwickelt, welches je nach benötigtem Speicherplatz etwa zwischen 30 und 50 Euro im Monat betrĂ€gt, obwohl die Grenze nach oben weiterhin offen ist. Dies macht das Hosting selbst fĂŒr Laien immer attraktiver, vor allem dann, wenn Hoster sogenannte 1-Klick-Installationen von CMS anbieten.

Laufender Aufwand fĂŒr Homepage-Betreiber

Wenn es um die Entwicklung einer Homepage geht, machen sich die meisten nur ĂŒber das Layout oder das Design Gedanken, nicht aber ĂŒber die Sicherheit. Eine Homepage bedarf einer stĂ€ndigen Pflege und Sicherheits-Updates. Selbst, wenn sie sicher entwickelt wurde, kann sich die Hoster-Umgebung Ă€ndern oder neue Plugins dazu kommen, die neue SicherheitslĂŒcken entstehen lassen.

Im Falle eines Hacker-Angriffs ist eine Homepage ohne ein Backup nicht wiederherstellbar. Manche Hoster bieten dies an, doch man sollte sich nicht darauf verlassen.

Zum laufenden Aufwand gehören darĂŒber hinaus die meist monatlichen Server-Kosten sowie die rechtliche Seite, wobei sich vor allem die Datenschutzverordnung stetig Ă€ndern kann und eine stĂ€ndige ÜberprĂŒfung auf AktualitĂ€t nötig wird.

Zielgruppe – FĂŒr wen ist die Homepageerstellung interessant?

Eine Homepage kann fĂŒr Unternehmen, Firmen und Konzerne als eine PrĂ€sentation der FirmenidentitĂ€t und der Leistungen sowie als Marketing-Tool von Interesse sein. Auch der Kundenkontakt kann darĂŒber abgewickelt werden.

Gerade fĂŒr Start-ups, die noch ĂŒber kein großes Budget verfĂŒgen und sich rasch mit ihren innovativen Produkten auf dem Markt etablieren wollen, ist eine Homepage als Internetauftritt von immenser Wichtigkeit.

Doch auch fĂŒr Einzelpersonen, sei es eine private WebprĂ€senz, ein Blog oder die offizielle Website von beispielsweise (bildenden) KĂŒnstlern, Musikern, Bands und sonstige Kunstformen, kann eine Homepage ein öffentlichkeitswirksames Mittel sein.

Dienstleister und SelbststĂ€ndige wie Freelancer Grafikdesigner oder Webdesigner können sich und ihre Leistungen auf einer Homepage prĂ€sentieren und so von potenziellen Kunden gefunden werden, gleiches gilt fĂŒr GeschĂ€fte, die ihre Produkte zusĂ€tzlich oder ausschließlich digital ĂŒber einen Online-Shop vertreiben wollen.

Zukunft

Eine Homepage ist zweifellos ein entscheidender Faktor, wenn es um das Erscheinungsbild eines Unternehmens geht. Aufgrund der Digitalisierung, die sich in den nĂ€chsten Jahren immer weiter fortsetzen wird, ist die Suche nach einer Dienstleistung oder sonstigem Angebot das Internet oft der erste Weg, auf den sich potenzielle Kunden begeben. Hier zĂ€hlt der erste Eindruck und die QualitĂ€t kann darĂŒber entscheiden, ob die Entscheidung auf dieses oder ein anderes Unternehmen fĂ€llt und eine erste Kontaktaufnahme stattfindet.

Ein weiterer Punkt ist die Globalisierung, die auf alle Bereiche des Lebens Einfluss nimmt. Die Kommunikation ist nicht mehr an eine geographische NÀhe gebunden und auch KundenstÀmme werden in Zukunft immer internationaler. So kann eine Homepage oftmals sogar der einzige Eindruck sein, welcher von einem Unternehmen vermittelt wird.

Durch die Industrie 4.0, das Internet der Dinge und verschiedenste andere Technologien Ă€ndern sich Sehgewohnheiten, der Umgang mit Technik und es steigen die AnsprĂŒche an mediale Produkte, zu denen auch Homepages gehören. Um diesen gerecht zu werden, braucht es in Zukunft immer mehr IT-FachkrĂ€fte, die diesen Erwartungen gerecht werden können.

Homepage erstellen lassen – von TenMedia

TenMedia ist eine junge Internetagentur fĂŒr Webentwicklung im Herzen Berlins. Seit 2011 haben wir uns auf die Entwicklung von Websites aller Art wie Homepages, Online-Portale, Onlineshops und MarktplĂ€tze sowie auf die App-Entwicklung spezialisiert. Wir arbeiten mit modernsten Technologien wie unter anderem Laravel, Symfony und Bootstrap und anstelle eines Codes von der Stange konzipieren und setzen wir Webprojekte exakt nach KundenwĂŒnschen individuell um.