Vorwort
Du trägst Dich mit dem Gedanken, eine eigene Webseite (Homepage) zu erstellen?
Grundlegend kann ich Dir dazu sagen, dass es nicht sehr schwer ist eine Webseite (Homepage) zu erstellen.
Dabei ist es egal, ob Du Deine Webseite (Homepage) mit einem Programm (zum Beispiel Front-Page, Net Fusions Objekt, ...) oder selbst in HTML (mit dem Nachschlagewerk SELF HTML und zur Unterstützung eventuell einen Editor wie Phase 5) erstellst.
Natürlich hat beides jeweils Vor- und Nachteile, etwas einfacher ist es mit einem Programm, dafür hast Du aber mehr Möglichkeiten, wenn Du selbst programmierst.
Hier einmal kurz aufgeschlüsselt, die Vor- und Nachteile
| Homepageerstellung mit | Vorteile: | Nachteile: |
|---|---|---|
| Programmen wie Front Page, Netfusions Objekt, ... |
schnelles erstellen einer Homepage auch ohne Programmierkenntnisse, zum Teil mit integrierter Bildbearbeitung (erstellen von Thumbnails) |
Überwiegende Erstellung auf Tabellenbasis (NICHT unbedingt Barrierefrei), begrenzte Funktionen, CSS zum Teil nur begrenzt möglich, ohne HTML-Kenntnisse keine Fehlersuche möglich, zum Teil hoher Anschaffungspreis |
| vorgefertigten Seiten (mitunter zum Webspace gratis) |
schnelles erstellen einer Homepage auch ohne Programmierkenntnisse, zum Teil große Auswahl an Homepagevorlagen, nicht immer auf Tabellenbasis (Barrierefrei) |
Zum Teil auf Tabellenbasis (NICHT unbedingt Barrierefrei), begrenzte Funktionen, CSS zum Teil nur begrenzt möglich, ohne HTML-Kenntnisse keine Fehlersuche möglich, zum Teil keine Erstellung von Thumbnails möglich (zusätzlich kostenpflichtiges Bildbearbeitungsprogramm notwendig), nicht immer kostenlos zum Teil begrenzte Seitenanzahl |
| SELF-HTML und Paint.net |
komplett kostenlos, umfangreiche Programmier- und Bildmöglichkeiten, umfangreiche CSS Möglichkeiten, Barrierefreie Programmierung möglich |
etwas Zeitaufwendiger wie die oberen Möglichkeiten |
Egal, wie Du Dich entscheidest, ohne Nachteile geht es also nicht ab. Solltest Du kein Geld ausgeben wollen, dann bleibt Dir nur das selbsttätige Erstellen der Webseite (Homepage), darf es Geld kosten, dann kannst Du auch zu Programmen oder vorgefertigten Layouts zurückgreifen (oder gar von einer Firma erstellen lassen).
Da wir gerade bei Kosten sind - Webspace (Speicherplatz für Daten Online mit einer Internetadresse aufrufbar) gibt es mit Werbung versehen kostenlos
und ohne Werbeeinblendungen ab etwa 6 € pro Jahr.
Wenn Du schon eine Webseite erstellst, dann bitte Werbefrei (oder nur von Dir gewollte und/oder unterstützende Werbung) -
Deine Besucher werden es Dir danken.
Interessante Links zum Webspace findest Du auf der Seite "Linksammlung".
Auch wenn Du Deine Überlegungen zum Programmieren und zum Webspace noch nicht beendet hast, gehen wir jetzt zu den Gedanken zum Layout (Design oder auch Aussehen Deiner Webseite).
Grundgedanken zum Layout (Design / Aussehen) Deiner Webseite (Homepage)
| Homepage mit | Hintergrund: | Textfarbe: |
|---|---|---|
| überwiegend Bildern/Fotos oder Videos |
Dunkel, am besten Schwarz (oder andere dunkle kräftige Farben) |
Hell, am besten Weiß (oder andere helle Farbe im starken Kontrast zum Hintergrund) |
| gemischte Inhalte (Text und Fotos/Videos) |
keine Vorgaben, aber hoher Kontrast zum Text |
keine Vorgaben, aber hoher Kontrast zum Hintergrund |
| überwiegend Text (zum Beispiel Nachschlagewerke) |
Hell, aber keine konkrete Farbe als Vorgabe |
Dunkel, aber keine konkrete Farbe als Vorgabe |
Sehr wichtig für Deine gesamte Homepage/Webseite (mit allen Unterseiten) ist das gleich bleibende Layout (Aussehen), nicht nur dieses,
sondern auch das gesamte Erscheinungsbild der Seite sollte gleichmäßig bleiben.
Ein wechseln des Grundaussehens Deiner Seite wird den Besucher irritieren!
Texturen unter Schriften solltest Du vermeiden, denn diese erschweren das Lesen.
Die Schriftgröße solltest Du nicht absolut festlegen sondern nur mit einem relativen Wert (zum Beispiel in Prozent) versehen.
Aber keine Angst vor diesen vielen Informationen zum Programmieren - in den Grundlagen erfährst Du alles Wichtige dazu und das an einfachen Beispielen erläutert.
Begriffserläuterungen:
Die Oberfläche des Programms dient dazu, die Inhalte (Texte und hineingezogenen Bilder) in den Quellcode einzubinden und somit über Browser Anzeigbar zu machen.
Was solltest Du sonst noch vor dem Erstellen einer Homepage wissen und beherrschen (auch wichtig bei der Verwendung von Programmen!)?
Den Namen der Startseite Deiner Homepage kannst Du nicht beeinflussen, dieser ist ja zwingend "index", aber alle anderen Seiten kannst Du selbst benennen und so die Suchmaschinen beeinflussen.
Kürzel von Begriffen, zum Beispiel FeWo anstatt Ferienwohnung, bringen hier eher nichts um eine Suchmaschine die Relevanz der Seite zu zeigen.
Beispiel:
URL: "http://www.ferienwohnung-in-sachsen.de" - Tittel (title) der Seite: "Unsere Ferienwohnung in Sachsen" - Seitenname: "ferienwohnung-sachsen.php"
Gibt jetzt bei Google ein Besucher "Ferienwohnung Sachsen" als Suchbegriff ein, dann hast Du schon drei Übereinstimmungen auf Deiner Webseite (ohne weiteren Inhalt, der weitere Übereinstimmungen bringen sollte!).
Natürlich sollte dieser Begriff dann auch unter den Suchbegriffen (keywords) zur Webseite gelistet sein.
Solltest Du Dir einen Server mit PHP-Unterstützung leisten, dann lege die Startseite mit "index.php" fest, anderenfalls mit "index.html" oder "index.htm".
PHP-Dateien haben für Dich in Zukunft den Vorteil, dass Du mit PHP Scripte erstellen und in diese Seiten einfügen kannst, welche Serverseitig ausgeführt werden. Solchen Webspace bekommst Du Werbefrei schon ab 1€ pro Monat.
Plane dies schon im Vorfeld, solltest Du dies erst nach einer Zeit ändern, dann wird der Pagerank Deiner Homepage neu bestimmt, denn es sind dann neue Seiten im Internet und Deine Seiten fallen in den Suchmaschinen wieder zurück (ich spreche hier von Erfahrungen).
Sagen wir es einmal kurz so: man soll mit jeder Behinderung ohne fremde Hilfe die Seite so begehen können das man alle Informationen dieser Homepage bekommt.
Dies bedeutet unter anderem, dass Bilder und andere Multimedia Dateien eine alternative Beschreibung bekommen und der Quelltext für Programme der Behinderten ausgelegt sein muss.
Aber keine Angst, so kompliziert sich das auch anhört, es ist gar nicht unbedingt so schwer eine Seite Barrierefrei zu gestalten.
Erstellt werden Dateien dann in einem Editor (Text-Editor).
Natürlich kann man auch das Design einer Webseite erst über ein Foto- / Bildbearbeitungsprogramm erstellen und dann mit den gefertigten Grafiken die Homepage erstellen. Grundregel des machbaren einer solchen Grafik ist: etwa 95 Prozent ist möglich umzusetzen!
Ob Du FLASH-Dateien (Datei von animierten Bildern bis Filmen mit und ohne Sound, benötigt
Browser-Seitig einen Flash-Player) zum Einsatz auf Deiner Homepage bringst oder eine
Hintergrundmusik (selbst tätig startende Musik-Datei beim öffnen der Internetseite)
einbindest hängt von Deinen individuellen Wünschen ab. Du solltest Dir bei FLASH
zumindest eine alternative Bildquelle einfallen lassen (mehr im gesonderten Kapitel "Multimedia").
Bei der Verwendung von Hintergrundmusik solltest Du Dir überlegen, dass es noch viele
Internetnutzer mit Modem gibt und Musik hier zu sehr hohen Ladezeiten führt. Meine
Empfehlung - biete einen Player an und lasse den Besucher entscheiden, ob er Deine Musik
hören möchte oder nicht.
Falls Du Deine Internetseite als Frame-Set oder mit einem Frame-Fenster planen solltest,
dann rate ich Dir hier davon ab, denn diese haben folgende Risiken für Dich:
- Beherrschung des Zielfensters in der die nächste Seite öffnen soll, falsche Angabe und es wird an der falschen Stelle oder in einem neuen Fenster (und die wahre Adresse dazu) angezeigt!
- Sperren des Auslesens durch Suchmaschinen, falls nicht korrekt, dann wird die Unterseite in der Suchmaschine aufgelistet und der Besucher kommt von dieser Unterseite nicht auf die Hauptseite und kann sich dann dadurch nicht Deine gesamte Homepage anschauen!
- Wenn die Unterseite das vorhanden sein der Hauptseite nicht prüft, kann diese Unterseite auch von einer anderen Homepage mit genutzt werden!
- Es gibt noch verschiedene Browser welche Frames-Sets und Frame-Fenster nicht oder nicht richtig darstellen. Hier müsstest Du zum navigieren zusätzlich Links einbauen oder der Besucher findet keine Seiteninhalte!
- Bei Frame-Fenster kommt erschwerend die Höhenangabe hinzu, hier tun sich einige Browser mit Prozent-Angaben schwer, so dass eine dynamische Anpassung der Seiten Einsteigern selten gelingt!
- Framesets und Framefenster sind nicht Barrierefrei! Du verzichtest also freiwillig auf diese Besucher!
Auf den nächsten Seiten wirst Du nun erfahren, wie Du Dir eine Homepage selbst erstellen kannst. Beachte dabei unbedingt immer wieder die Hinweise dieses Vorwortes.
Und dies findest Du auf den folgenden Seiten:
- Grundlagen:
die allgemeinen Grundlagen für Texte und Überschriften, Grundlagen von Tabellen, Bilder und Videos einbinden, Verlinkungen erstellen, weitere Ausrichtungen und Formatierungen. - Seitenaufbau:
Grundgestaltung einer Homepage mit einer Tabelle oder mit Blöcken - Abschluss:
Was Du alles noch nach dem erstellen Deiner ersten Seite (der index) machen solltest - Hot Links:
Links zu wichtigen Freeware Programmen, zu Webspaceanbieter und auch zu DSL-Anbietern - PHP-Scripte:
eine kleine Sammlung von nützlichen PHP-Scripten um Deine Seiten dynamischer zu gestalten - Web-Forum:
hier kannst Du offen gebliebene Fragen stellen oder Antworten finden
Bevor Du jedoch diese Tipps weiter liest noch ein kleiner rechtlicher Hinweis (speziell für unsere geliebten Rechtsverdreher oder wie die heißen):
Trotz größter Sorgfalt und mehrmaliger Kontrollen können sich Fehler eingeschlichen haben, daher gilt, dass ich für die Nutzung meiner Tippseiten keinerlei Haftung übernehme!
Die Nutzung dieser Tipps geschieht in Deiner eigenen Verantwortung!