Eine Webseite erstellen.
Hier, unter dem Eintrag Homepage, werde ich mal versuchen alle Schritte der Erstellung einer Webseite zu dokumentieren. Es soll eine kleine Hilfe für den Anfänger sein, welcher nur mit Window's eigenen Bordmitteln und 2-3 Freeware Programmen zurecht kommen muss. Keine Angst, geht ganz gut ... Ihr werdet sehen. Ich werde also nicht nur beschreiben, sondern auch alle notwendigen Scripte und Grafiken veröffentlichen, Schritt für Schritt. Am Ende steht ein fertiges funktionales Webseiten-Design zur Verfügung, welches gern vom Besucher dieser Webseite genutzt werden kann. Also wie fange ich nun an meine Webseite zu erstellen?
Das fängt mit dem Grundgedanken an: "Wie soll sie denn nun Aussehen, meine Webseite"?
Grundgedanke: Alle haben nun schon runde Ecken in Ihren Webseiten ... und ich ?? Bloß wie mache ich dies ohne großen Aufwand. Einfach soll es sein und ohne viel Scripte! Hm...
man könnte dies mit einer einfachen CSS-Anweisung machen, aber da spielt der IE
nicht mit (!), also erst einmal im Grafikprogramm eine Zeichnung erstellt von meinem gewünschten Layout und dabei gleich auf die Größe achten, mindestens 1100 Pixel breit und 700 Pixel hoch und wenn ich noch einstellen kann, 75-96dpi ... höher muss die Auflösung nicht sein. Ich will ja dynamisch in der Breite bleiben und so auch für große Bildschirme nicht nur ein Fleck im
Zentrum sein. Klar, je breiter um so weniger Höhe! Doch ich will ja so und so auch Inhalt in meiner Webseite vermitteln und da ergibt es sich von selbst mit der Höhe.
Lösungsansatz: Soll das Design meiner Webseite nun ein freies modernes Design ohne Tabellen sein? Oh wie schön, doch da sind viele, viele Positionierungen und Elementverschachtelungen vorzunehmen. Mache ich mir nun die Arbeit, oder doch lieber Tabellen-Layout. Puristen der Branche rümpfen jetzt die Nase, aber eine Tabelle gibt es schon lange und ein Raster auf einer Fläche besteht ja auch bloß aus Vertikale und Horizontale. Tabelle aus Spalte und Zeile, nur dass hier das Verhalten der Bereiche zueinander schon vorgegeben ist. Muss nur noch angepasst werden.
Dazu Später mehr, wir sind ja noch in der Planung und wenn möglich an alles Denken, sonst fange ich vielleicht zwischen drin wieder von vorne an ... wer will das schon.
Ach so, einige Programme benötigen wir noch, die da wären: Grafik-Programm, Editor zum bearbeiten des Quellcode, FTP-Programm zum Hochladen der Dateien auf den Server im Internet. Der Server liegt bei unserem ausgesucht günstigen Anbieter für Hostingpakete, mehr dazu später, wenn wir es brauchen und ein Bildbearbeitungsprogramm für unsere transparenten Bilder, so dies nicht auch unser Grafikprogramm macht.
Nun aber los ... und ab in die Grafik. ~ So ca. 2 Stunden später ... nach langem Hin und Her ist endlich ein Entwurf fertig! Noch schnell 'nen neuen Ordner angelegt und darin noch einen Ordner, nennen wir ihn "img", für die Grafiken; abspeichern und fertig.
Jetzt haben wir eine Gesamtgrafik von welcher wir unsere benötigten "Stücke" abschneiden können. Nennen wir doch unser neues Design "Limette" also limette.jpg, hier zur Ansicht. Zum Download der Grafik hier. Ach so, ich bevorzuge als Dateiformat .bmp bei den Entwürfen. Da sind alle Farben verankert und kann besser bearbeitet werden ohne Verluste. Später werden dann für die Webseite .jpg und .gif erstellt, da diese kleiner sind in ihrer Dateigröße.
weiter
