|
Meine eigene Webseite |
|
|
|
Vorwort: Da ich in letzter Zeit sehr oft Antworten zu den immer gleichen Fragen geben muss, habe ich mich entschlossen einen Artikel zur Webseitenerstellung zu schreiben. Ich werde hierbei mehr auf Dinge wie Farbkombinationen, Lesbarkeit, Layout und Pflege eingehen. Ziel dieses Artikels soll es sein, Interessierten einen Weg zu formen von der Idee zur Webseite. Dabei werden einige Hindernisse beleuchtet und ich werde versuchen sowenig Fragen wie möglich offen zu lassen. Inhalt: 1. Webspace 2. Layout 3. Farbkombination (inkl. Lesbarkeit) 4. Bekanntmachen / Publizieren 5. Pflege / Wartung 6. Werbung auf eigener Seite
1. Webspace Bevor man seine Seite plant sollte man sich überlegen, welche Ausmaße das ganze einnehmen soll und was man alles benötigt. So braucht man für eine kleine private Webseite wahrscheinlich kein PHP und/oder mySQL, sodass man getrost auf einen Free-Webspace Anbieter zurückgreifen kann mit 10 bis 25 MB Speicherplatz und 1 GB bis unbegrenzten Traffic. Als Traffic bezeichnet man die Summe der Daten die zum Server hin- und hergesendet (Uploads/Downloads) werden. Wenn ich mir z.B. eine Seite anschaue, welche durch Quelltext vielleicht 20 KByte und durch 2 Bilder nochmal 80 Kbyte groß ist, dann erzeuge ich in diesem Augenblick einen Traffic von etwas mehr als 100 KB. 100 KB Download (Quelltext und Bilder werden mir ja angezeigt) und vorher noch einige wenige Byte an Upload-Traffic (der Browser kommuniziert ja mit dem Server) fallen also an. Wenn sich jetzt 1000 Besucher diese Seite anschauen haben wir 100000 KByte, was ca. 100 MB Traffic entspräche. Da man im Normalfall nicht mehr als 1000 Besucher pro Monat auf einer Privaten Webseite hat, sollten also 1 GB Traffic locker reichen. Stellt man allerdings noch Downloads und Bilder zur Verfügung wird es bedeutend mehr. Jedoch sollten für eine private Seite dennoch 1 GB ausreichen. Für themenbezogene Webseiten sieht die Sache schon ganz anders aus. Man benötigt PHP / mySQL (sei es für diverse News-Scripte oder für Forensoftware) und bedeutend mehr Traffic, was aber davon abhängt mit wievielen Besuchern man rechnet. Ein Forum braucht aber von Haus aus relativ viel Traffic, wenn es einigermaßen gut besucht ist. Dazu auch meinen Artikel: "Mein eigenes Forum" lesen. Auf jeden Fall sollte man mindesten 8-10 GB Traffic "reservieren" für eine derartige Webseite. Durch Anbieten von größeren Downloads kann diese Zahl natürlich in die Höhe steigen. Auf jeden Fall kommt hier kein Free-Webspace Anbieter mehr in Frage. Denn diese, welche PHP und mySQL anbieten sind meisten sehr langsam oder stören mit penetrantester Werbung. Manche "bieten" einem auch beides. In der heutigen Zeit ist Webspace allerdings nicht so teuer. So kann ich allen all-inkl ans Herz legen, da diese durch Preis, Leistung, Service, Geschwindigkeit und Stabilität überzeugen können. Eine Top-Level-Domain muss natürlich auch her, wenn man sich von der privaten Homepage auf eine themenbezogene bezieht. Top-Level-Domains sind allerdings dermaßen preiswert (ab 7€ pro Jahr), dass sie auch für private Webseiten zu empfehlen sind. Zusammenfassend sollte man also auf jeden Fall, wenn man plant eine themenbezogene (ernsthafte) Webseite zu kreieren, ein wenig Geld in Webspace investieren. Denn Werbung und langsame Server schrecken Besucher ab. 2. Layout Beim Layout muss man die Seite zweckmäßig einteilen. Man sollte sich also erst einmal Gedanken machen, was man alles auf die Seite bringen möchte und welche Inhalte immer sichtbar sein sollen. So sollte das Menü immer gut sichtbar angeordnet sein wohingegen der Inhalt sich immer ändern wird. Es ist wichtig bei der Platzwahl zu überlegen wo der Benutzer das Element erwartet. Ein Menü erwarte ich zuerst einmal Links. Oben wäre ein Menü auch gut aufgehoben. Rechts und Unten sind ungewöhnlich und sollten höchstens in Kombination mit Links und/oder Rechts genutzt werden, da sonst der Benutzer unnötig "suchen" muss. Andere Elemente die man evtl. global anbieten möchte wären z.B. Umfragen, Newsübersicht, Ankündigungen, Copyright und natürlich der Header. Ich hab hier gleich mal eine Skizze für ein Layout angehangen (ist natürlich schluderig in 5min erstanden):
Da ich keine Lust hatte meinen Scanner anzuschließen, hab ichs schnell mit einem Bildbearbeitungsprogramm gemacht. Ich habe extra keine geraden Linien gezogen, weil diese die Kreativität einschränken und ich möchte, dass ihr eure Layouts mit Bleistift auf Papier - ganz ohne PC - gestaltet. So kann man immernoch am besten und schnellsten einen Haufen an Skizzen fertigstellen und schließlich aus dem Layout mit Farben und weiteren Objekten (mit Bleistift gezeichnet) ein komplettes Design entwerfen. Betonung liegt auf ENTWERFEN. Man sollte sich unbedingt VOR dem Ransetzen am PC Gedanken machen wie das Ergebnis aussehen soll. 3. Farbkombination (inkl. Lesbarkeit) Bei der Farbkombination sollte man nicht unbedingt kontrastreiche Farben wählen. Dies würde dazu führen, dass der Benutzer bei längerem Aufenthalt auf der Seite (wollen wir ja schließlich erreichen) Augentränen bekommen kann. Es empfiehlt sich, einfach irgend eine Farbe zu nehmen die einem gefällt oder aufgrund der Konnotation zum Thema passt, und anschließend einige Farbtöne dieser Farbe auszuwählen und sinnvoll einzusetzen auf der Seite. Als Textfarbe sollte man immer wenn es geht schwarz bzw. weiß benutzen - je nach gewählter Farbkombination. Wenn man ein wenig mehr Ahnung und Erfahrung hat, kann man auch z.B. 2 Farben und deren Farbtöne nehmen. Hierzu ist allerdings schon eine erweiterte Kenntnis von Farben nötig. Ich habe euch einmal ein paar Farbkombinationsschemen gemacht:
Man kann sehr gut erkennen, welche Schriftfarben zu welcher Kombination passen. So passt natürlich weiß erwartungsgemäß nicht zu den helleren Farben, ist jedoch gut anwendbar auf dunklere Farben - z.B. das erste Quadrat in allen 4 Beispielen. Schwarz passt hingegen fasst immer, außer wenn der Hintergrund sehr dunkel ist. 4. Bekanntmachung / Publizieren Dieses Thema ist so komplex, dass ich darüber in absehbarer Zeit noch einen eigenen Artikel schreiben werde. 5. Pflege / Wartung Pflege und Wartung sind letztendlich das "A und O" einer Website. Schließlich besuche ich eine Seite nicht, weil sie ein geniales Aussehen hat (das tue ich maximal einmal, wenn mir jemand sagt: "Guck mal auf www.so-und-so.de - das design ist geil - was meinst du?"), sondern weil der Inhalt mich interessiert. News sollten - sofern vorhanden - IMMER up2date, d.h. aktuell, sein. Wenn ich irgendwo sehe, dass die letzten News älter als 2 Wochen sind hab ich schon gar keine Lust mehr weiter zu gucken, denn Aktualität ist ein sehr wichtiges Thema in unserer schnelllebigen Welt. Man sollte außerdem versuchen den Benutzer durch neue Sachen zu überraschen, indem man z.B. einen komplett neuen Bereich anbietet/schafft oder auch einfach nur mal Farbkombinationen/Layout ändert. Wichtig ist es außerdem auf Benutzerwünsche einzugehen. Daher ist es wichtig dem Benutzer ein "Sprachrohr" (Gästebuch, E-Mail Kontaktmöglichkeit) zu geben. Da Benutzer meistens zu faul zum E-Mails schreiben sind, eignet sich ein Gästebuch oder ein Script für Feedbacks besser dafür. An der Pflege und Wartung einer Webseite scheitern die meisten Webseiten. Ich kenne viele, die die schönsten Designs herbeizaubern und dann aber irgendwie denken "das war's". Dabei sind Design und Layout maximal 20% der Arbeit. Pflege und Wartung sind das Wichtigste bei einer Webseite (Ausnahmen bilden Portfolios bei Webdesignern. Dort zählt natürlich Darstellung mehr als Aktuellität.)! 6. Werbung auf eigener Seite Werbung auf der eigenen Website ist ein "heikles" Thema. Denn normalerweise ist der Besucher nicht unbedingt von Werbung angetan. Aber es gibt Ausnahmen: So wirkt themenbezogene Werbung z.B. besser - wird sogar freundlich aufgenommen durch den Besucher. Diese zeugt auch von Seriösität. Bannerprogramme sollten sie meiden, da sie dort meistens keinen Einfluss auf die Werbenden haben. Sie wollen doch nicht, dass ihre Besucher die Webseite verlassen, weil sie sich durch einen Banner provoziert fühlen, weil sie z.B. das Thema nicht kennen? Außerdem klicken Besucher nicht auf Banner, welche ihnen nichts bringen. Von daher bringt die Werbung ja dann auch gar nichts. Mein Forum beschäftigt sich z.B. u.a. mit dem Thema "Airsoft". Daher macht mein Werbebanner unseres Sponsors durchaus Sinn. Unser Sponsor ist nämlich ein Vertreiber von Airsoft-Zubehör. Ein Banner sollte auch immer ins Layout eingepasst werden. So kann man durchaus den Banner so anordnen, dass er z.B. eine noch leere Ecke füllt und im Endeffekt sogar das Gesamtbild verbessert. Nicht so gut wirken dagegen Banner, welche einfach über die gesamte Seite gesetzt wurden. Ein weiteres Beispiel einen Banner gut einzubinden ist das Ändern des Formats. So könnte man z.B. einen Banner mit den Maßen 100x200 sehr gut links unter das Menü platzieren. Der Besucher kommt immernoch zuerst ans Wesentliche (Menü) und kann trotzdem den gut platzierten Banner sehen. Das Layout bleibt dabei schlüssig. Alles in allem ist es also wichtig, sich einen Werbepartner zu suchen. Es macht keinen Sinn etwaige "Pay4Click" Programm einzubauen. Sollte man keinen Werbepartner finden, so lässt man seine Webseite eben bannerfrei. Ich habe hier übrigens keine privaten Homepages angeschnitten, da Werbung auf privaten Homepages grundsätzlich nichts zu suchen hat. Ich hoffe der Artikel hat dir gefallen - ich bitte um Feedback / Anregungen! Gruß, Harakiri / Christian Weinberger E-Mail:
Diese E-Mail-Adresse ist gegen Spam-Bots geschützt, Sie müssen Javascript aktivieren, damit Sie es sehen können
Der Artikel darf - nein er soll sogar - verbreitet und kopiert werden. Aber nur vollständig! Sprich: Vom Vorwort bis hierhin. »
Keine Kommentare
Es gibt bisher noch keine Kommentare.
» Kommentar schreiben
|
|
|