|
|
|
Glückwunsch,
Sie haben nun endlich Ihre einene Domaine mit etwas Space im WEB.
Und nun brauchen Sie eine Webseite? Richtig! Na dann machen Sie sich
doch eine, wo ist das Problem?
Ach, Sie wissen nicht wie das geht? Hmm, das wußten wir früher auch
alle nicht. Was Sie dazu brauchen? Nichts weiter als etwas Zeit,
viele Ideen und ein paar Werkzeuge. Das mit der Zeit, das müssen Sie
mit Ihrem Partner in die Reihe bekommen, für die Ideen haben Sie ja
Ihren Kopf und zu den Werkzeugen kommen wir gleich.
|
Es
gibt wie oft im Leben mindestens zwei Möglichkeiten,
in dem Fall sogar drei. |
|
|
|
|
|
Sie
benutzen einen der reichlich angebotenen Generatoren und dann sieht
ihre Seite auch so aus. Eben wie aus dem Generator. In der Regel werden
Sie damit nicht so recht glücklich sein. |
|
|
Sie
konsultieren mal ein paar "Fachleute", die haben zwar in der Regel
noch keine Webseite gebaut, erzählen Ihnen aber herablassend begeistert
was von "Traumwerfern", "Frontseiten", Flash und Co. Wieder 2
Möglichkeiten,
Sie
schaffen es sich einzufummeln oder
Sie verlieren schon wenn Sie die Preise hören die Lust oder spätestens
wenn
sich der Erfolg nicht einstellt. |
|
|
|
|
|
Ach
das haben
Sie schon hinter sich. Na dann erzähle ich Ihnen mal, wie ich meine
Webseiten baue. Es geht auch ganz einfach. |
|
|
|
Das Werkzeug dafür liegt im Web einfach so rum, das
brauchen Sie nur mal fix einzusammeln, kostet nix. Was brauchen Sie?
Grundausstattung
|
(damit
legen Sie sofort los)
|
1.
|
einen
Editor
|
damit
machen Sie die Webseiten
|
2.
|
ein
Grafik-Programm |
damit
erzeugen Sie Grafiken, Logos und passen die Bilder an
|
3.
|
ein
FTP-Programm |
damit
laden Sie Ihre Seiten auf Ihren Space im WEB
|
4.
|
einen
Metatag-Generator |
damit
erzeugen Sie die Meta-Tags, damit die Seite im Web auch gefunden wird
|
|
|
Im Detail
|
1. der Editor
Da bleibe ich prinzipiell in der Familie der kostenlosen Werkzeuge der
Mozilla Foundation, NVU bzw. den
neuen Ableger, den KompoZer. Schauen Sie einfach auf die Seite http://www.nvu-composer.de/
und lassen Sie sich begeistern. Das Ding ist wirklich so gut, WYSIWYG -
Sie sehen, was Sie machen, wie bei einer Textverarbeitung,
HTML-Kenntnisse sind erst einmal nicht erforderlich. Der Rest kommt bei
der Arbeit..
Es gibt sogar noch eine Steigerung. ich benutze seit Jahren die Mozilla
Suite (SeaMonkey), da habe ich in einem Programm immer alles was
relevant ist, im Zugriff und muß nicht erst noch weitere Programme
öffnen, Navigator (Firefox), Composer (NVU), Mail & Newsgroups
(Thunderbird) und Adressbuch.
Beispiel, ich bekomme meine Mail im Mailprogramm der Suite
(Thunderbird), da ist irgend ein Link, der mich interessiert. Wenn ich
den klicke, öffnet der Navigator (Firefox). Nun ist da was, was ich
gerne haben möchte, ein Ausschnitt, ein Stück Quelltext, weiß der
Deibel. Kurzer Klick auf Fenster, Composer (NVU) öffnet und ich kann
wegspeichern. Komfortabler und schneller geht es nicht
Die gesamte Suite und auch die Einzelprogramme sind Stic-fähig. Sie
können Ihre Arbeitsumgebung mitnehmen und auf fast jeden Computer
dieser Welt arbeiten. Noch ein kleines Geheimnis. Für die schnelle und
grobe Arbeit an der Webseite bevorzuge ich immer noch den
Composer, der in der uralten Mozilla-Suite 1.4 integriert ist. Warum
das so ist, das verrate ich später im Beispiel.
|
|
|
2.
das Grafik-Programm
Ich verwende seit Jahren Paint-Shop-Pro (PSP). PSP hat einen
Programmteil, den Animations-Shop, mit dem sich ganz unkompliziert
GIF-Animationen erzeugen lassen. PSP ist in der Zusammenstellung das
einzige Programm, das käuflich erworben werden muß. Bei Paerl wird eine
neuere Version für
etwas 30 Euro angeboten. Obwohl das damals noch kein Thema war, PSP
läuft auch problemlos vom Stic, bei mir schon über 2 Jahre.
PSP stammt ursprünglich von Jasc und ist dann zu Corel gekommen. Ich
empfehle PSP 8 oder PSP 9.
andere empfehlenswerte Grafik Programme
PhotoFiltre - Download - Tutor's
Ich benutze die Filter von PhotoFiltre im Zusammenspiel mit PSP. Add-ons
und Plugins stehen zur Verfügung.
GIMP, portable - Download -
Tutorials - GIMP Animation Package
Benutzerhandbuch
Die Einarbeitung im GIMP erfordert sicher etwas Ausdauer. GIMP ist aber
eines der stärksten Grafikprogramme, mit dem sich fast alles
realisieren läßt. Wer neu beginnt und noch nicht mit anderen Programmen
und mit Gewohnheiten vorbelastet ist, der sollte sich unbedingt
bezüglich Grafik auf GIMP stürzen, das lohnt sich. Am GIMP arbeiten
viele mit. Das Skript-fu zur
Erzeugung wehender Fahnen, das im web fast wie Gold gesucht wird,
findet sich, einschließlich ausführlicher Beschreibung, zum
Beispiel hier <<<.
nützliches Tool zur Grafik
ColorPic
Wir kommen später noch ausführlich darauf zu sprechen, die Farben
spielen bei den Webseiten eine ganz wichtige Rolle. Manchmal sucht man
eine Farbe, will eine aufnehmen, braucht der Hexa-Code oder die
RGB-Angabe einer Farbe.. Dazu ist dieses Tool gut zu gebrauchen.
|
|
|
3. das File-Transfer-Programm
stammt auch von der Mozilla Foundation, hat alles was man braucht um
die Webseite auf den Space zu laden, auch Rechte setzen (Kontextmenü),
läuft auch vom Stic
Filezilla - Download
|
|
|
4. Meta-Tag Generator
braucht nicht installiert zu werden
Online
Generator
|
|
|
Weiterführend und erst einmal nur zur
Information
> Zum Anfang nicht zwingend nötig, da der Editor im
Hintergrund den Quelltext schreibt. Wenn Sie aber
einmal
auf Quelltext umschalten, damit Sie die
Möglichkeit haben, zu verstehen, was da geschrieben steht, ein
sehr
schöner HTML-Kurs
von Karsten Quabeck mit Beispielen.
> Links zu Webseitenoptimierung /
Suchmaschinenmarketing
>
Links zu Quellen für den Webmaster
|
|
|
|
|
So,
damit haben Sie die wichtigsten Werkzeuge und auch ein paar
Informationsquellen um Webseiten zu produzieren.
Mit dem Editor erstellen Sie die Seitem. plazieren Text und Grafik
pixelgenau auf der Seite. Mit der Grafik-Software bearbeiten Sie Bilder
und erzeugen Grafiken und Logos. Mit dem File-Transfer-Programm bringen
Sie die fertigen Seiten auf Ihren Space. Der online Meta-Tag Gererator
hilft die Seite im WEB zu identifizieren damit sie auch gefunden
wird. Alles was auf der folgenden Werkzeugseite noch kommt, ist
sehr hilfreich. aber eben nicht unbedingt erforderlich.
So sieht in der Regel meine Taskleiste aus, wenn ich Webseiten schnitze.
|
Windows
Explorer
|
Mozilla
1.4
1 x Kontrolle
2 x Composer
1 x Internet,
|
Paimt
Shop
(Pixel Grafik)
|
Visio
(Vektor Grafik)
|
Animation
Shop
|
Internet
Explorer
zur Kontrolle
|
|
Der Internet-Explorer spielt hier keine aktive Rolle. Ich habe ihn oft
zur Kontrolle im Offlinebetrieb mit offen, nur um zu sehen, was
der IE mit meiner Seite. die ich gerade baue, veranstaltet. Während
Mozilla & Co. alles was der Composer baut auch korrekt darstellt,
auch wenn mal eine Tabelle nicht ganz exakt definiert ist, veranstaltet
der IE manchmal gar merkwürdige Dinge. Dann gilt es eben exakt zu
definieren, die Zellenausrichtung zum Beispiel. .
|
Was man mit
der hier vorgestellten Lösung nicht hinbekommt
Flash-Seiten,
die sind mit dem Equipment nicht herstellbar.
Beispiel-1
Beispiel-2
Beispiel-3
Beispiel-4
Beispiel-5
Beispiel-6
Ob so eine Seite sinnvoll ist, das muß jeder selbst entscheiden, hier
spielt das Marketing, die Zielgruppe eine entscheidente Rolle. Ich habe
aber oft den Eindruck, es ist die pure Gedankenlosigkeit, die
Verliebtheit in die Grafik, der Stolz auf das Machbare Wenn es doch
wenigstens möglich wäre das Intro zu skippen oder es eine zweite
paralelle HTML-Variante gäbe.. Macht es Sinn als Hersteller eine teure,
aufwändige Seit erstellen zu lassen und damit einen hohen Prozentsatz
seiner Kunden / Besucher / User von der Seite auszuschließen?
Wenn jemand eine Bandbreite von 16.000 KB/s zur Verfügung hat, der wird
jetzt nicht verstehen, was ich hier sagen möchte und wenn jemand mit
Analogmodem oder ISDN in das Netz geht, der wird es auch nicht
verstehen, denn er wird derartige Seiten nie richtig zu Gesicht
bekommen.
Wenn Sie also auf Flash-Seiten stehen, dann können Sie hier den Blinker
setzen und abbiegen. Flash wird in der Folge kein Thema mehr sein.
nicht mal als Grafik.
|
|
|
|
Breitband
ist in vielen Gebieten Deutschlands nicht verfügbar.. Auf dem "flachen
Land" ärgern sich User mit ISDN und oft sogar noch mit analogen
Zugängen herum. Internet kostet da richtig Zeit und damit auch richtig
Geld.
Wenn ein ISDN-User eine solche Seite aufruft und die sich dann über
Minuten aufbaut, bzw. über Minuten auf dem Monitor nichts mehr
passiert, dann ist das auch unfair diesen Usern gegenüber, die jede
Minute bezahlen müssen...
Wer mehr über die Breitbandsituation in Deutschland wissen will:
> www.kein-dsl.de
> www.schmalbandatlas.de
> www.geteilt.de
|
Damit
sind wir bei weiteren Unarten im Homepagebau.
Ich weiß nicht wie Sie das sehen, ich lege allergrößten Wert darauf,
die Kontrolle über meinen PC zu haben. Programme, die ohne mein Wissen
im Hintergrund herumkramen, im Netz herumförstern, Meldungen absetzen,
Updates laden und damit meine CPU unkontrolliert belasten finde ich
ganz furchtbar. Zwei Ausnahmen lasse ich zu, den Vierenscanner und das
Backup, das muß sein und ist kaum anders machbar. Gut, das Backup geht
nicht in das WEB und der Virenscanner fragt mich jedesmal wenn er will,
auch wenn es nervt. Da ich bei Adobe den Netzdrang nicht abstellen
konnte, habe ich Adobe Reader eleminiert und mache das jetzt mit dem
Fox-Reader. Der ist sogar wesentlich schneller.
Nun gibt es Webseiten, die fordern mich auf, bevor ich die Seite
überhaupt zu Gesicht bekomme, erst einmal irgendwelche
Plugins zu laden. Wenn man dem nachkommt, wird irgend was geladen und
in meinem PC irgend wo hin installiert. In der Regel wird da nicht
einmal etwas angezeigt und selbst wenn, dann könnte im Hintergrund noch
etwas ganz anderes ablaufen. Das sind für mich keine vertrauenswürdigen
Seiten Bei solchen Seiten gibt |
|
|
|
es nur eine Reaktion .
Das Zeichen
befindet sich rechts oben auf meinem Bildschirm und da klicke ich
dann
immer ganz fix drauf. Dann eben nicht und Tschüß.
Und da ich weiß, daß viele so handeln, vermeide ich derartigen
Schnickschnack auch auf meinen Webseiten. Ich möchte potentielle User
für meine Seite gewinnen und nicht vergraulen. Wozu treibe ich hier den
ganzen Aufwand, ich könnte meine Abende auch in der Kneipe verbringen,
zum Beispiel.
|
|
Auf der
nächsten Seite finden sie eine Aufstellung weiterer, jedenfalls für
mich, nützlicher Werkzeuge, die ich nicht permanent im Gebrauch habe,
die ich aber je nach Notwendigkeit einsetze.
|
|
|
|
|
|
|
Was findet Google zu
dem Thema:
|
|
|
|
|
|
|
|
|
|
|
|
|
|