Homepage erstellen Anleitung für Anfänger2018-11-22T15:38:14+00:00

​Homepage erstellen-Anleitung für Anfänger - So gelingt Dir die Erstellung garantiert

​Was ist eine Homepage?

​Mit Homepage wird eine Webseite bezeichnet, die für eine ganze Internetpräsenz steht. Im engeren Sinne bezeichnet sie die Seite, die als zentrale Ausgangsseite eines Internetauftritts angezeigt wird

​Als erstes solltest Du Dir überlegen:

  • Für welchen Aspekt Du Dir eine Homepage erstellst. - Hat dies einen beruflichen Hintergrund, oder dient sie für Deine Hobbies? Eine weitere Möglichkeit wäre, eine H​omepage zB. für Familien-Erinnerungen.
  • Wo Du Deine Homepage erstellst. Auf der Seite: Website erstellen findest Du die besten Baukastensysteme und Domainanbieter ​und die Erklärungen dazu. Außerdem erfährst Du welche Vorteile WordPress bietet ​sowie dazu die beliebtesten Themes sowie Plugins.

​Die 3 Homepage-Arten, die sich voneinander unterscheiden

​Firmenhomepage

Firmenhomepage Homepage erstellen Anleitung für Anfänger

Firmenhomepage

​Wie der Name schon sagt, dient die Homepage dafür, die Firma - das Unternehmen im Internet bekannt zu machen. Der Grund dafür ist meistens, dass die Kundengewinnung somit angestrebt wird.

Welche Punkte dafür sind wichtig?

  • ein professionelles sowie passendes Design jeweils für die Branchen
  • soll ein Kontaktformular für Kundenkontakte beinhalten
  • SEO-Tauglichkeit - um in den Suchmaschinen gefunden zu werden ist ein "Muss"
  • geringe Kosten - besonders bei der Entstehung eines Unternehmens.

​Homepage für ​das eigene Hobby

Blog-Homepage Homepage erstellen Anleitung für Anfänger

Blog Homepage

Viele machen ihr Hobby zum Beruf. Zum Beispiel Reiseblogger. Sie reisen nahezu 365 Tage im Jahr und möchten ihr Reiseziel auf einer Homepage präsentieren.

Welche Punkte dafür sind wichtig?

  • ein (professionelles) sowie passendes Blog-Design​ - optimal mit einer "Weiterlesen"-Funktion
  • ​Kontaktformulare wären gut für Kundenkontakt
  • SEO-Tauglichkeit - um in den Suchmaschinen gefunden zu werden ist ​wichtig - wenn eine Blog-Homepage erstellt wird
  • geringe Kosten ​

​Homepage für ​​den privaten Gebrauch

Private-Homepage-erstellen Homepage erstellen Anleitung für Anfänger

Private Homepage erstellen

​Bei einer privaten Homepage steht die Selbst-Präsentation im Vordergrund. Dort erfährt man zB. über die Familienverhältnisse sowie über den beruflichen Werdegang. Sie ähnelt einer "Über mich" Seite auf jeder anderen Homepage-Art. Du kannst eine private Homepage auch als Bewerbungs-Homepage verwenden.

Welche Punkte dafür sind wichtig?

  • ein passendes ​Design je nach dem Zweck​​ der Verwendung
  • ​Kontaktformulare ​können vorhanden sein
  • SEO-Tauglichkeit - um in den Suchmaschinen gefunden zu werden ​wäre optimal
  • geringe Kosten ​

​​​HTML, CSS, PHP!?

  • check
    ​HTML = die Abkürzung für HyperText Markup Language und ist eine Auszeichnungssprache mit der sich eine Homepage (Text, alle Bilder und sonstige Medien) beschreiben lässt. Texte im Internet (=HTML-Seiten) sind durch (Hyper-)Links miteiander verbunden. Man spricht dann von Hypertext, der sich durch viele verschiedene Navigationspfade auszeichnet. Im Gegensatz dazu ist bei dem Text in einem Buch nur eine lineare Navigation möglich (Vor- / Zurückblättern).
  • check
    ​CSS sind Vorlagen, um die Ausgabe von HTML- Dokumenten beliebig zu gestalten. Dabei bedeutet Cascading soviel wie Verschachtelung (Kaskadierung), um Elementeigenschaften zu vererben.
    Neben der Möglichkeit Schriftarten und Farben einzustellen, kann mittels CSS z. B. auch die Position von Elementen bestimmt werden. Auf diese Weise kann das Layout einer Seite von dem eigentlichen Inhalt (das zwischen den <body>-Tags) getrennt werden. Damit wird auch die Erweiterbarkeit erhöht, denn es ist einfach möglich ein altes CSS- Layout mit einem Neuen zu ersetzen ohne die HTML- Seite anzufassen.
  • check
    ​Prinzipiell ist eine PHP- Datei nichts anderes als eine normale HTML- Datei, jedoch statt .html mit der Endung .php. Innerhalb der PHP- Datei werden die Abschnitte die PHP- Code enthalten von einem <?php und ?> umschlossen. Eine Kurzform besteht nur aus <? … ?> (also ohne das „php“) dies muss aber explizit in der Konfigurationsdatei von PHP (php.ini) angegeben werden.

​Grundlegender Aufbau einer Homepage

​Es ist hier nicht der technische Aufbau einer Homepage, sondern der logische Aufbau damit gemeint. Im eigenen Sinne wird mit dem Begriff Homepage nur die Startseite definiert. Im sprachlichen Gebrauch wird die Homepage oder Website als den kompletten Internetauftritt gemeint - also alle Seiten.

  • ​Im Allgemeinen besteht die Homepage aus mehreren Seiten.
  • Sie besteht aus: formatierte Texte, Bilder, Tabellenund Formulare.
  • Einzelne Seiten werden durch Links (sogenannte Hyperlinks) miteinander verknüpft.

​Der Unterschied zu einem Buch: ​

Hier kann nur linear navigiert werden durch das Vor- und Zurückblättern. 

Auf einer Website hingegen lassen sich beliebige Seiten miteinander verknüpfen.

website-struktur-beispiel Homepage erstellen Anleitung für Anfänger

website-struktur-beispiel

​​Die Bereiche für die Erstellung

​Im Grunde genommen besteht eine Homepage aus mehreren Bereichen, die unterschiedliche Funktionen abdecken aber mindestens aus ​4 Bereichen

  • Header
  • ​Navigationsbereich - eventuell noch aus einer rechten Spalte
  • Inhaltsbereich - Content Frame
  • Footer

​Der Header beinhaltet:

  • neben einem Logo (als Firmenhomepage das Firmenlogo)
  • eine Navigationsleiste mit erstellten Menüs, die gleich ersichtlich sein sollten - das Impressium und Datenschutz sollte nicht aufgelistet sein.

​Die Navigationsleiste - auch Sidebar ​kann nach Bedarf eingerichtet werden, sollte aber auf der rechten Seite platziert werden, da sie sonst vom Text im Inhalt Frame ablenkt:

  • eventuell wichtige Seiten als Navigation ausgerichtet
  • beliebig kann auch Werbung darin platziert werden
  • nach Bedarf eine Kontaktfunktion, damit sich Kunden eintragen

Im Inhalt - Contentframe steht das Wesentliche, auf das ​ein Kunde grundlegend aufmerksam wird. Im Inhalt findet man:

  • Den Text (zB. Blog)
  • Bilder, Videos und Audios.

Im Footer - Fußbereich findet man im Allgemeinen:

  • ​die rechtlichen Hinweise wie das Impressum und Datenschutz.
schematische_Darstellung_Homepage Homepage erstellen Anleitung für Anfänger

schematische_Darstellung_Homepage

Wir benutzen Cookies um die Nutzerfreundlichkeit der Webseite zu verbessen. Durch Deinen Besuch stimmst Du dem zu.