minimale Kurzübersicht: Wie erstelle ich eine Homepage ?

  • Servus !


    Ich bin jetzt noch nicht lange hier, hab aber schon viele Beiträge gesehn,
    bei denen entweder die Codierung total wirr oder die Gestaltung irgendwie
    zusammengebastelt war.

    Ich will hier kein großes Tutorial schreiben.
    Nur eine wirklich ganz kleine und grobe Übersicht...


    Vorgehensweise


    1. Inhalt

    Überlegt was ihr auf der Seite haben wollt.
    Was soll auf die Seite drauf ?
    Wieviel Menüpunkte werden gebraucht ?
    Was soll im Inhalt stehen ?
    Sollen Untermenüs erstellt werden ?
    Aus diesen einfachen, kurzen Informationen
    könnt ihr schon zu Schritt 2 gehen.


    2. Design

    Nehmt euch andere Seiten als Ideengeber.
    Wie sind sie aufgebaut ?
    Wo befinden sich die Menüleisten ?
    Wo befindet sich der Inhalt ?
    Wie sind die Seiten aufgeteilt ?

    Sucht euch (falls notwendig) die Hintergrundbilder,
    Banner, Button-Grafiken usw. zusammen.

    Fügt alles in ein Grafikprogramm ein - gut geeignet hierfür
    sind z.b. Adobe Photoshop, Corel Draw, Freehand...

    Schiebt Buttons, Bilder usw bis euch das Ergebnis gefällt.
    Achtet auch auf den Text bzw Schrift des späteren Inhaltes.
    Das schlimmste was passieren kann is, das man die Schrift
    nichtmehr lesen kann weil der Hintergrund zu bunt ist.


    3. HTML-Konzept

    Teilt nun euer Design in Spalten und Zeilen ein. So seht
    ihr ob euer Design überhaupt mit divx, frames, tabellen etc
    umsetzbar is.
    Zeichnet die Linien ruhig in die Grafik ein, benennt sie, so könnt
    ihr später leichter darauf zurückgreifen.


    4. Umsetzung

    Nach dem Design könnt ihr nun mit der eigentlichen Programmierung
    anfangen. Ein super Hilfe bietet de.selfhtml.org.
    Beachtet vorallem die richtige, logische Reihenfolge.

    So wie die tags geöffnet werden, schließt man sie auch wieder.
    (

    <a...><font>... </font></a></p>)

    Beachte auch die bestimmten Reihenfolgen (z.b. seite selber /tabellen):

    Gute hilfe bieten hierbei HTML-Validatoren.
    Firefox hat glaub ich sogar ein Plugin, das die seiten überprüft.


    hoffe ich konnte bischen helfen...

    bin sicher mir können des ganze hier auch noch schön
    erweitern. hab bestimmt einige dinge nicht bedacht...


    *greetz*

    wer rechtschreibfehler findet darf sie behalten,
    und muss fleißig alimente zahlen